.xftoggle.aem-GridColumn {
  padding: unset
}

.cmp-xftoggle.hidden {
  display: none;
  visibility: hidden
}

.cmp-xftoggle__placeholder {
  display: block;
  height: 2.875rem;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 30
}

.cmp-xftoggle__placeholder--text {
  color: #0066b1;
  font-weight: var(--input-font-weight);
  padding-top: .375rem
}

.xftoggle:has(.cmp-xftoggle__placeholder) {
  border: .25rem solid #0066b1;
  min-height: 2.875rem
}

.xftoggle.aem-GridColumn {
  padding: unset
}

.cmp-xftoggle.hidden {
  display: none;
  visibility: hidden
}

.cmp-xftoggle__placeholder {
  display: block;
  height: 2.875rem;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 30
}

.cmp-xftoggle__placeholder--text {
  color: #0066b1;
  font-weight: var(--input-font-weight);
  padding-top: .375rem
}

.xftoggle:has(.cmp-xftoggle__placeholder) {
  border: .25rem solid #0066b1;
  min-height: 2.875rem
}

.cmp-wdhmodeldropdown {
  display: flex;
  flex-direction: column;
  padding: 1rem 1.25rem;
  text-align: center
}

.cmp-wdhmodeldropdown__input-wrapper {
  cursor: pointer;
  position: relative
}

.cmp-wdhmodeldropdown__input-wrapper:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrow_chevron_down";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-wdhmodeldropdown__input-wrapper:after {
    display: none
  }
}

.cmp-wdhmodeldropdown__input-wrapper:after {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-wdhmodeldropdown__input-wrapper:after,
.cmp-wdhmodeldropdown__input-wrapper:hover:after {
  color: #666;
  position: absolute;
  right: .75rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform .5s ease-in-out
}

.cmp-wdhmodeldropdown__input-wrapper-open:after,
.cmp-wdhmodeldropdown__input-wrapper-open:hover:after {
  transform: translateY(-50%) rotate(-180deg)
}

.cmp-wdhmodeldropdown__input {
  border-radius: .25rem;
  border-width: .125rem;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  height: 3rem;
  line-height: var(--body-1-line-height);
  padding: 0 1.25rem;
  width: 100%
}

.cmp-wdhmodeldropdown__options-wrapper {
  position: relative;
  z-index: 30
}

.cmp-wdhmodeldropdown__selection {
  box-shadow: 2px 2px 2px #0000000d, -2px 2px 2px #0000000d;
  display: none;
  list-style-type: none;
  margin: 0;
  max-height: 18.75rem;
  overflow: auto;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.cmp-wdhmodeldropdown__selection-visible {
  display: block
}

.cmp-wdhmodeldropdown__filter {
  align-items: center;
  background: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 1rem
}

.cmp-wdhmodeldropdown__filter-item {
  align-items: center;
  border: 1px solid #bbb;
  border-radius: .25rem;
  color: #666;
  cursor: pointer;
  display: flex;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  height: 2.25rem;
  line-height: var(--body-1-line-height);
  margin-bottom: .5rem;
  margin-right: .5rem;
  margin-top: .5rem;
  padding: 0 1rem;
  white-space: nowrap
}

.cmp-wdhmodeldropdown__filter-item-selected,
.cmp-wdhmodeldropdown__filter-item:hover {
  background: #262626;
  color: #fff
}

.cmp-wdhmodeldropdown__group-list {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.cmp-wdhmodeldropdown__group-title {
  align-items: center;
  background: #f2f2f2;
  display: flex;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  height: 2rem;
  line-height: var(--label-1-line-height);
  padding: 0 1.25rem
}

.cmp-wdhmodeldropdown__group-title-hidden {
  display: none
}

.cmp-wdhmodeldropdown__group-item {
  align-items: center;
  background: #fff;
  color: #262626;
  cursor: pointer;
  display: flex;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  height: 3rem;
  line-height: var(--body-1-line-height);
  padding: 0 1.25rem
}

.cmp-wdhmodeldropdown__group-item:hover {
  background: #f6f6f6
}

.cmp-wdhmodeldropdown__group-item-hidden {
  display: none
}

.cmp-visualizer__intro {
  background: linear-gradient(180deg, #000, #0000);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 8rem;
  padding-bottom: var(--visualizer-intro-spacing);
  padding-top: var(--visualizer-intro-spacing);
  position: relative;
  transition: opacity .25s ease-in-out;
  z-index: 10
}

.style-container--fixed .cmp-visualizer__intro {
  padding-left: var(--grid-full);
  padding-right: var(--grid-full)
}

.cmp-visualizer__intro .cmp-title {
  font-size: var(--headline-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-2-line-height)
}

.cmp-visualizer__intro .cmp-title,
.cmp-visualizer__intro .cmp-title .cmp-title__text {
  color: inherit;
  transition: color .25s ease-in-out
}

.cmp-visualizer--transparent:not(.cmp-visualizer--lights-on) .cmp-visualizer__intro {
  background: none;
  color: #262626
}

@media screen {
  .cmp-visualizer__intro {
    --visualizer-intro-spacing: 2.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-visualizer__intro {
    --visualizer-intro-spacing: 3rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-visualizer__intro {
    --visualizer-intro-spacing: 4rem
  }
}

@media screen {
  .cmp-visualizer__wrapper {
    min-height: calc((100vw - var(--scrollbar-width))/1*1)
  }
}

@media screen and (min-width:768px) {
  .cmp-visualizer__wrapper {
    min-height: calc((100vw - var(--scrollbar-width))/3*2)
  }
}

@media screen and (min-width:1024px) {
  .cmp-visualizer__wrapper {
    min-height: calc((100vw - var(--scrollbar-width))/2*1)
  }
}

@media screen and (min-width:1280px) {
  .cmp-visualizer__wrapper {
    min-height: calc((100vw - var(--scrollbar-width))/16*7)
  }
}

@media screen and (min-width:1920px) {
  .cmp-visualizer__wrapper {
    min-height: 54rem
  }
}

@media screen {
  .cmp-visualizer__stage {
    aspect-ratio: 2
  }
}

@media screen and (min-width:768px) {
  .cmp-visualizer__stage {
    aspect-ratio: 2.5
  }
}

@media screen and (min-width:1024px) {
  .cmp-visualizer__stage {
    aspect-ratio: 3
  }
}

@media screen and (min-width:1280px) {
  .cmp-visualizer__stage {
    aspect-ratio: 3.5
  }
}

.cmp-visualizer__stage .cmp-visualizer__exterior,
.cmp-visualizer__stage .cmp-visualizer__interior {
  opacity: 0;
  
  transition: opacity .25s ease-out, filter .25s ease-in-out
}

.cmp-visualizer--exterior .cmp-visualizer__exterior,
.cmp-visualizer--interior .cmp-visualizer__interior {
  opacity: 1;
  pointer-events: all;
  transition: opacity .25s ease-in, filter .25s ease-in-out
}

.cmp-visualizer__exterior {
  bottom: 35%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 50%);
  width: 105%;
  z-index: 10
}

.cmp-visualizer__exterior .style-draggable--start {
  cursor: ew-resize
}

.cmp-visualizer__exterior .cmp-view360--exterior:after {
  visibility: hidden
}

.style-visualizer--turntable .cmp-visualizer__exterior .cmp-view360--exterior:after {
  visibility: visible
}

@media screen and (min-width:768px) {
  .cmp-visualizer__exterior {
    bottom: 40%;
    transform: translate(-50%, 40%);
    width: 70%
  }
}

.cmp-visualizer--exterior .cmp-visualizer__controls-label--mode,
.cmp-visualizer--exterior.cmp-visualizer--convertible .cmp-visualizer__controls-label--convertible {
  visibility: visible
}

.cmp-visualizer__interior .cmp-view360--interior {
  bottom: 0;
  height: 100%;
  left: 0;
  -webkit-mask: linear-gradient(0deg, #0000, currentColor 30%);
  mask: linear-gradient(0deg, #0000, currentColor 30%);
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10
}

.cmp-visualizer__interior .cmp-view360--interior:before {
  border-top: .0625rem solid #e6e6e6;
  bottom: 0;
  content: "";
  left: 0;
  
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10
}

@media screen and (min-width:1920px) {
  .cmp-visualizer__interior .cmp-view360--interior:before {
    border: .0625rem solid #e6e6e6
  }
}

.cmp-visualizer--interior {
  background: #000
}

.cmp-visualizer--interior .cmp-visualizer__background,
.cmp-visualizer--interior .cmp-visualizer__intro {
  opacity: 0
}

.cmp-visualizer__tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  opacity: 0;
  position: relative;
  text-align: center;
  transition: opacity .25s ease-in-out;
  z-index: 100
}

.style-container--fixed .cmp-visualizer__tabs {
  padding-left: var(--grid-full);
  padding-right: var(--grid-full)
}

[data-initialized=true] .cmp-visualizer__tabs {
  opacity: 1
}

.cmp-visualizer__tabs>div:first-child {
  margin: 0;
  width: 100%
}

@media screen and (min-width:1280px) {
  .cmp-visualizer__tabs>div:first-child {
    width: 66.6666666667%
  }

  .style-container--fixed .cmp-visualizer__tabs>div:first-child {
    padding-left: var(--grid-full);
    padding-right: var(--grid-full)
  }
}

.cmp-visualizer__tabs .cmp-visualizer__navigation:before {
  border: 0
}

.cmp-visualizer__tabs .cmp-visualizer__navigation--hidden {
  display: none
}

.cmp-visualizer__tabs .cmp-visualizer__tabpanel {
  margin-bottom: 0;
  margin-left: 50%;
  max-width: 120rem;
  padding-bottom: 1.5rem;
  transform: translateX(-50%);
  width: calc((100vw - var(--scrollbar-width))/1*1)
}

@media screen {
  .cmp-visualizer__tabs .cmp-visualizer__tabpanel {
    padding-top: 2.5rem
  }
}

@media screen and (min-width:768px) {
  .cmp-visualizer__tabs .cmp-visualizer__tabpanel {
    padding-top: 3rem
  }

  .cmp-visualizer__tabs {
    margin-top: -5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-visualizer__tabs {
    flex-wrap: nowrap
  }
}

.cmp-visualizer__item--hide {
  display: none
}

.cmp-visualizer__item--primary {
  margin-right: 1rem;
  padding-right: 1.5rem;
  position: relative
}

[data-model-count="1"] .cmp-visualizer__item--primary {
  display: none
}

.cmp-visualizer__item--primary:after {
  background: #e6e6e6;
  content: "";
  height: 70%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px
}

.cmp-tabs>div:nth-child(1 of .cmp-visualizer__tabpanel):not(.cmp-tabs__tabpanel--active) {
  display: block;
  opacity: 0;
  overflow: hidden;
  
  position: absolute;
  visibility: hidden;
  width: 1px
}

.cmp-tabs>div:nth-child(1 of .cmp-visualizer__tabpanel):not(.cmp-tabs__tabpanel--active) .cmp-visualizer__model-option {
  visibility: hidden
}

.cmp-visualizer__preventFirefoxScrollOnTabClick {
  position: fixed;
  top: 0;
  visibility: hidden
}

.style-tabs--light .cmp-visualizer__model-item .cmp-visualizer__option-label {
  color: #bbb
}

.style-tabs--light .cmp-visualizer__model--selected+.cmp-visualizer__option-label,
.style-tabs--light .cmp-visualizer__options-item .cmp-visualizer__model-option+.cmp-visualizer__option-label {
  color: #fff
}

.style-tabs--light .cmp-visualizer__active-indicator.cmp-visualizer__active-indicator--models:before,
.style-tabs--light .cmp-visualizer__active-indicator.cmp-visualizer__active-indicator--options:before {
  border-color: #fff
}

.style-tabs--light .cmp-visualizer__active-indicator.cmp-visualizer__active-indicator--models:after,
.style-tabs--light .cmp-visualizer__active-indicator.cmp-visualizer__active-indicator--options:after {
  background: #fff;
  color: #262626
}

.style-tabs--light .cmp-visualizer__model-item .cmp-visualizer__model-option {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, .125rem) var(--border-color, unset)
}

.style-tabs--light .cmp-visualizer__model-item .cmp-visualizer__model-option,
.style-tabs--light .cmp-visualizer__model-item .cmp-visualizer__model-option:active,
.style-tabs--light .cmp-visualizer__model-item .cmp-visualizer__model-option:disabled,
.style-tabs--light .cmp-visualizer__model-item .cmp-visualizer__model-option:focus,
.style-tabs--light .cmp-visualizer__model-item .cmp-visualizer__model-option:hover {
  --border-color: #666;
  background-color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-tabs--light .cmp-visualizer__model-item .cmp-visualizer__model-option:hover {
    --border-color: #666
  }
}

.style-tabs--light .cmp-visualizer__model-item .cmp-visualizer__model-option:disabled,
.style-tabs--light .cmp-visualizer__model-item .cmp-visualizer__model-option[aria-disabled=true] {
  pointer-events: none
}

.style-tabs--light .cmp-visualizer__model-item .cmp-visualizer__model-option:focus,
.style-tabs--light .cmp-visualizer__model-item .cmp-visualizer__model-option:focus-visible {
  outline: none
}

.style-tabs--light .cmp-visualizer__model-item .cmp-visualizer__model-option:focus-visible,
.style-tabs--light .cmp-visualizer__model-item .cmp-visualizer__model-option:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-tabs--light .cmp-visualizer__model-item .cmp-visualizer__model-option.focus-visible {
    outline: none
  }

  .style-tabs--light .cmp-visualizer__model-item .cmp-visualizer__model-option.focus-visible,
  .style-tabs--light .cmp-visualizer__model-item .cmp-visualizer__model-option.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-tabs--light .cmp-visualizer__options-item .cmp-visualizer__model-option {
  background: #0000;
  border-color: #666
}

.style-tabs--light .cmp-visualizer__options-item .cmp-visualizer__model-option.cmp-visualizer__model-option--selected {
  border-color: #0000
}

.style-tabs--light .cmp-infoi__icon {
  color: #fff
}

.cmp-visualizer__data-list,
.cmp-visualizer__options-list {
  -ms-overflow-style: none;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: none
}

.cmp-visualizer__data-list::-webkit-scrollbar,
.cmp-visualizer__options-list::-webkit-scrollbar {
  display: none
}

.style--mask-left .cmp-visualizer__data-options-wrapper {
  -webkit-mask: linear-gradient(to right, #fff0 0, #fff calc(var(--grid-full)*3));
  mask: linear-gradient(to right, #fff0 0, #fff calc(var(--grid-full)*3));
  visibility: visible
}

.style--mask-right .cmp-visualizer__data-options-wrapper {
  -webkit-mask: linear-gradient(to left, #fff0 0, #fff calc(var(--grid-full)*3));
  mask: linear-gradient(to left, #fff0 0, #fff calc(var(--grid-full)*3));
  visibility: visible
}

.style--mask-left.style--mask-right .cmp-visualizer__data-options-wrapper {
  -webkit-mask: linear-gradient(to left, #fff0 0, #fff calc(var(--grid-full)*3)) right, linear-gradient(to right, #fff0 0, #fff calc(var(--grid-full)*3)) left;
  mask: linear-gradient(to left, #fff0 0, #fff calc(var(--grid-full)*3)) right, linear-gradient(to right, #fff0 0, #fff calc(var(--grid-full)*3)) left;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 51% 100%;
  mask-size: 51% 100%;
  visibility: visible
}

.cmp-visualizer__list--dragging .cmp-visualizer__model-option {
  pointer-events: none
}

.cmp-visualizer__data-options-wrapper {
  display: flex;
  justify-content: center;
  min-height: var(--visualizer-tabpanel-height);
  position: relative;
  width: 100%
}

.cmp-visualizer__data-options-wrapper,
.cmp-visualizer__data-options-wrapper .cmp-visualizer__data-list {
  margin-bottom: -4rem;
  margin-top: -2rem;
  padding-bottom: 4rem;
  padding-top: 2rem
}

.cmp-visualizer:not([data-initialized=true]) .cmp-visualizer__data-options-wrapper:not(.cmp-visualizer__models-wrapper) {
  display: none
}

.cmp-visualizer__models-list,
.cmp-visualizer__options-list {
  display: flex;
  gap: calc(var(--grid-gutter)*2);
  list-style: none;
  padding-left: var(--grid-full);
  padding-right: var(--grid-full)
}

@supports (-webkit-touch-callout:none) and (not (translate:none)) {

  .cmp-visualizer__models-list,
  .cmp-visualizer__options-list {
    margin-right: calc(var(--grid-gutter)*2)
  }

  .cmp-visualizer__models-list>*+*,
  .cmp-visualizer__options-list>*+* {
    margin-left: calc(var(--grid-gutter)*2)
  }
}

.cmp-visualizer__models-list:not(.style-draggable) {
  justify-content: center
}

@media screen and (max-width:767px) {
  .cmp-visualizer__models-list {
    gap: .75rem
  }
}

.cmp-visualizer__options-list {
  padding-bottom: .375rem;
  padding-top: .375rem
}

.cmp-visualizer__model-option {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, .125rem) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  flex-wrap: wrap;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  justify-content: center;
  line-height: var(--body-2-line-height);
  max-width: 15rem;
  min-height: 3.25rem;
  min-height: unset;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none
}

.cmp-visualizer__model-option,
.cmp-visualizer__model-option:active,
.cmp-visualizer__model-option:disabled,
.cmp-visualizer__model-option:focus,
.cmp-visualizer__model-option:hover {
  --border-color: #f2f2f2;
  background-color: #fff;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-visualizer__model-option:hover {
    --border-color: #f2f2f2;
    color: #1c69d4
  }
}

.cmp-visualizer__model-option:disabled,
.cmp-visualizer__model-option[aria-disabled=true] {
  pointer-events: none
}

.cmp-visualizer__model-option:focus,
.cmp-visualizer__model-option:focus-visible {
  outline: none
}

.cmp-visualizer__model-option:focus-visible,
.cmp-visualizer__model-option:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-visualizer__model-option.focus-visible {
    outline: none
  }

  .cmp-visualizer__model-option.focus-visible,
  .cmp-visualizer__model-option.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-visualizer__model-option:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-visualizer__model-option.focus-visible {
    color: #1c69d4
  }
}

.cmp-visualizer__options-list .cmp-visualizer__model-option {
  height: 3.5rem;
  width: 3.5rem
}

@media screen and (min-width:768px) {
  .cmp-visualizer__options-list .cmp-visualizer__model-option {
    height: 4.25rem;
    width: 4.25rem
  }
}

.cmp-visualizer__models-list .cmp-visualizer__model-option {
  height: 4.25rem;
  width: 7.5rem
}

@media screen and (min-width:768px) {
  .cmp-visualizer__models-list .cmp-visualizer__model-option {
    height: 5rem;
    width: 10rem
  }
}

.cmp-visualizer__options-list .cmp-visualizer__model-option {
  border: .125rem solid #f2f2f2;
  border-radius: 50%
}

.cmp-visualizer__model-option.cmp-visualizer__model-option--selected {
  border-color: #0000;
  box-shadow: none
}

.cmp-visualizer__model-option.cmp-visualizer__model-option--selected:focus,
.cmp-visualizer__model-option.cmp-visualizer__model-option--selected:focus-visible {
  outline: none
}

.cmp-visualizer__model-option.cmp-visualizer__model-option--selected:focus-visible,
.cmp-visualizer__model-option.cmp-visualizer__model-option--selected:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #1c69d4, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-visualizer__model-option.cmp-visualizer__model-option--selected.focus-visible {
    outline: none
  }

  .cmp-visualizer__model-option.cmp-visualizer__model-option--selected.focus-visible,
  .cmp-visualizer__model-option.cmp-visualizer__model-option--selected.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #1c69d4, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-visualizer__model-option.cmp-visualizer__model--selected,
.cmp-visualizer__model-option.cmp-visualizer__model-option--selected {
  pointer-events: none
}

.cmp-visualizer__model-option .cmp-visualizer__option-image {
  
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}

.cmp-visualizer__data-options-item {
  display: none
}

.cmp-visualizer__data-options-item.cmp-visualizer__data-options-item--selected {
  display: flex;
  justify-content: center
}

.cmp-visualizer__model-item,
.cmp-visualizer__options-item {
  display: inline-flex;
  flex-basis: 0;
  flex-direction: column
}

.cmp-visualizer__option-label {
  display: none;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  margin-top: 1rem
}

.cmp-visualizer__option-label:not([data-disclaimer=true]) .cmp-visualizer__infoi {
  display: none
}

.cmp-visualizer__model-option--selected+.cmp-visualizer__option-label,
.cmp-visualizer__model-option--show-label+.cmp-visualizer__option-label {
  display: inline-block;
  left: 50%;
  position: absolute;
  top: 6.25rem;
  transform: translateX(-50%)
}

.cmp-visualizer__model-option--selected+.cmp-visualizer__option-label .cmp-visualizer__option-label--ellipsis,
.cmp-visualizer__model-option--show-label+.cmp-visualizer__option-label .cmp-visualizer__option-label--ellipsis {
  display: inline
}

@media screen and (min-width:768px) {

  .cmp-visualizer__model-option--selected+.cmp-visualizer__option-label,
  .cmp-visualizer__model-option--show-label+.cmp-visualizer__option-label {
    top: 7rem
  }
}

.cmp-visualizer__model-option--hide-label+.cmp-visualizer__option-label {
  display: none
}

.cmp-visualizer__model-item .cmp-visualizer__option-label {
  color: #666;
  cursor: pointer;
  display: block;
  text-align: center
}

.cmp-visualizer__model--selected+.cmp-visualizer__option-label,
.cmp-visualizer__options-item .cmp-visualizer__model-option+.cmp-visualizer__option-label {
  color: #262626;
  cursor: unset;
  width: 100%
}

.cmp-visualizer__options-item .cmp-visualizer__model-option+.cmp-visualizer__option-label {
  padding: 0 var(--grid-full);
  width: calc((100vw - var(--scrollbar-width))/1*1)
}

.cmp-visualizer__model-item:hover .cmp-visualizer__model-option:not(.cmp-visualizer__model--selected)+.cmp-visualizer__option-label {
  color: #1c69d4
}

.cmp-visualizer__indicator-wrapper {
  left: var(--option-list-position, auto);
  position: absolute;
  width: var(--option-list-width)
}

.cmp-visualizer__active-indicator {
  opacity: 0;
  
  position: absolute;
  transition: opacity .25s ease-in-out
}

.cmp-visualizer__active-indicator.cmp-visualizer__active-indicator--transition {
  transition: transform .25s ease-in-out
}

.cmp-visualizer__active-indicator.cmp-visualizer__active-indicator--options {
  border: 0;
  height: 4.25rem;
  inset: -.375rem;
  width: 4.25rem
}

@media screen and (min-width:768px) {
  .cmp-visualizer__active-indicator.cmp-visualizer__active-indicator--options {
    height: 5rem;
    width: 5rem
  }
}

.cmp-visualizer__active-indicator.cmp-visualizer__active-indicator--options:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  background: #4d4d4d;
  border-radius: 50%;
  color: #fff;
  content: "checkmark";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  position: absolute;
  right: 0;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  top: 0;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-visualizer__active-indicator.cmp-visualizer__active-indicator--options:after {
    display: none
  }
}

.cmp-visualizer__active-indicator.cmp-visualizer__active-indicator--options:after {
  font-size: 1rem;
  font-weight: 400;
  height: 1.5em;
  padding: .25em;
  width: 1.5em
}

.cmp-visualizer__active-indicator.cmp-visualizer__active-indicator--options:before {
  border: .125rem solid #4d4d4d;
  content: "";
  display: block;
  height: 100%;
  width: 100%
}

@supports (-webkit-touch-callout:none) and (not (translate:none)) {
  .cmp-visualizer__active-indicator.cmp-visualizer__active-indicator--options {
    bottom: -.375rem;
    left: -.375rem;
    right: -.375rem;
    top: -.375rem
  }
}

.cmp-visualizer__active-indicator.cmp-visualizer__active-indicator--options:before {
  border-radius: 50%
}

.cmp-visualizer__active-indicator.cmp-visualizer__active-indicator--models {
  border: 0;
  height: 4.25rem;
  inset: 0;
  width: 7.5rem
}

@media screen and (min-width:768px) {
  .cmp-visualizer__active-indicator.cmp-visualizer__active-indicator--models {
    height: 5rem;
    width: 10rem
  }
}

.cmp-visualizer__active-indicator.cmp-visualizer__active-indicator--models:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  background: #4d4d4d;
  border-radius: 50%;
  color: #fff;
  content: "checkmark";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  position: absolute;
  right: -.333em;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  top: -.333em;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-visualizer__active-indicator.cmp-visualizer__active-indicator--models:after {
    display: none
  }
}

.cmp-visualizer__active-indicator.cmp-visualizer__active-indicator--models:after {
  font-size: 1rem;
  font-weight: 400;
  height: 1.5em;
  padding: .25em;
  width: 1.5em
}

.cmp-visualizer__active-indicator.cmp-visualizer__active-indicator--models:before {
  border: .125rem solid #4d4d4d;
  border-radius: 3px;
  content: "";
  display: block;
  height: 100%;
  width: 100%
}

.cmp-visualizer__active-indicator.cmp-visualizer__active-indicator--options {
  margin-top: .375rem
}

.cmp-visualizer__models-wrapper,
.cmp-visualizer__navigation {
  -webkit-user-select: none;
  user-select: none
}

.cmp-visualizer__disclaimer {
  list-style: none;
  margin: 0 auto;
  text-align: start;
  width: -moz-fit-content;
  width: fit-content
}

.cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item {
  display: none
}

.cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item ol,
.cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item ul {
  padding-left: 1.25em
}

.cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item ul {
  list-style: disc
}

.cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item ul ul {
  list-style: circle
}

.cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item a {
  border: 0;
  border-bottom: 1px solid;
  box-shadow: none;
  cursor: pointer;
  display: inline;
  line-height: inherit;
  text-decoration: none
}

.cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item a,
.cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item a:active,
.cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item a:disabled,
.cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item a:focus,
.cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item a:hover,
.cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item a:visited {
  background: #0000;
  color: #262626
}

.cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item a:hover {
  color: #1c69d4
}

.cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item a:active {
  color: #0653b6
}

.cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item a:disabled {
  color: #bbb
}

.cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item a:focus,
.cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item a:focus-visible {
  outline: none
}

.cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item a:focus-visible,
.cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item a:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item a.focus-visible {
    outline: none
  }

  .cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item a.focus-visible,
  .cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item a.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item a:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-visualizer__disclaimer .cmp-visualizer__disclaimer-item a.focus-visible {
    color: #1c69d4
  }
}

.cmp-visualizer__infoi {
  display: inline-block;
  margin-left: .25rem
}

.cmp-visualizer__cta {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: auto;
  width: 100%;
  z-index: 10
}

.cmp-visualizer__cta>div {
  margin-bottom: 0;
  width: 100%
}

.cmp-visualizer__cta>div .cmp-button {
  padding: 0 1rem
}

.cmp-visualizer__cta>div .cmp-button:not([href]),
.cmp-visualizer__cta>div .cmp-button[href=""],
.cmp-visualizer__cta>div .cmp-button[href="#"] {
  display: none
}

@media screen and (min-width:768px) {
  .cmp-visualizer__cta {
    min-width: 33.3333333333%;
    width: auto
  }
}

@media screen and (min-width:1280px) {
  .cmp-visualizer__cta {
    height: 5rem;
    justify-content: flex-end;
    margin: 0;
    min-width: unset;
    padding-left: var(--grid-gutter);
    width: 16.6666666667%
  }

  .cmp-visualizer__cta>div {
    width: auto
  }
}

@media screen {
  .cmp-visualizer__cta {
    margin-top: 2rem
  }
}

@media screen and (min-width:768px) {
  .cmp-visualizer__cta {
    margin-top: 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-visualizer__cta {
    margin-top: 0
  }
}

.cmp-visualizer__background {
  bottom: 0;
  left: 0;
  
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .25s ease-in-out, filter .25s ease-in-out;
  -webkit-user-select: none;
  user-select: none
}

.cmp-visualizer__background .cmp-cosyimage img,
.cmp-visualizer__background .cmp-image__image {
  bottom: 0;
  height: 100%;
  left: 0;
  -webkit-mask: linear-gradient(0deg, #0000, currentColor 75%);
  mask: linear-gradient(0deg, #0000, currentColor 75%);
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.cmp-visualizer__background .cmp-image__wrapper {
  display: contents
}

.cmp-visualizer__background--dam-multiple .cmp-visualizer__background-image--day,
.cmp-visualizer__background--dam-multiple .cmp-visualizer__background-image--night {
  transition: opacity .25s ease-in-out
}

.cmp-visualizer--lights-on .cmp-visualizer__background--dam-multiple .cmp-visualizer__background-image--day,
.cmp-visualizer:not(.cmp-visualizer--lights-on) .cmp-visualizer__background--dam-multiple .cmp-visualizer__background-image--night {
  opacity: 0
}

.cmp-visualizer__controls,
.cmp-visualizer__view360--toggle-layer {
  align-items: start;
  bottom: var(--grid-full);
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: space-between;
  left: 0;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 80
}

.style-container--fixed .cmp-visualizer__controls,
.style-container--fixed .cmp-visualizer__view360--toggle-layer {
  padding-left: var(--grid-full);
  padding-right: var(--grid-full)
}

@media screen and (min-width:768px) {

  .cmp-visualizer__controls,
  .cmp-visualizer__view360--toggle-layer {
    flex-direction: column;
    width: auto
  }
}

@media screen and (max-width:767px) {
  .cmp-visualizer__controls {
    display: none
  }
}

.cmp-visualizer__controls-group,
.cmp-visualizer__view360--toggle-layer {
  align-items: start;
  display: flex;
  flex-direction: row
}

@media screen and (min-width:768px) {

  .cmp-visualizer__controls-group,
  .cmp-visualizer__view360--toggle-layer {
    flex-direction: column
  }
}

.cmp-visualizer__controls-group .cmp-visualizer__controls-label,
.cmp-visualizer__view360--toggle-layer .cmp-visualizer__controls-label {
  border-radius: 3px;
  position: relative
}

@media screen and (min-width:768px) {

  .cmp-visualizer__controls-group,
  .cmp-visualizer__view360--toggle-layer {
    margin-bottom: 0
  }
}

.cmp-visualizer__controls-label--convertible,
.cmp-visualizer__controls-label--mode,
.cmp-visualizer__controls-label--rotateDown,
.cmp-visualizer__controls-label--rotateUp {
  visibility: hidden
}

.cmp-visualizer__controls-label--rotateDown.is-visible,
.cmp-visualizer__controls-label--rotateUp.is-visible {
  visibility: visible
}

.cmp-visualizer__controls-group {
  gap: .5rem
}

.cmp-visualizer__controls-group .cmp-visualizer__controls-label {
  box-shadow: 0 .125rem .5rem 0 #00000014, 0 0 .0625rem 0 #00000047
}

.cmp-visualizer__controls-group .cmp-visualizer__controls-rotate {
  align-items: start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: .5rem
}

@media screen and (min-width:768px) {
  .cmp-visualizer__controls-group .cmp-visualizer__controls-rotate {
    flex-direction: column
  }
}

@media screen and (max-width:767px) {
  .cmp-visualizer__controls-group {
    flex-wrap: wrap
  }
}

.cmp-visualizer__controls-button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  justify-content: flex-start;
  min-height: 3.25rem;
  padding: 0;
  text-align: center;
  text-decoration: none;
  transition: color .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out;
  white-space: nowrap
}

.cmp-visualizer__controls-button,
.cmp-visualizer__controls-button:active,
.cmp-visualizer__controls-button:focus,
.cmp-visualizer__controls-button:hover {
  background-color: #fff;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-visualizer__controls-button:hover {
    box-shadow: none;
    color: #1c69d4
  }
}

.cmp-visualizer__controls-button:focus,
.cmp-visualizer__controls-button:focus-visible {
  outline: none
}

.cmp-visualizer__controls-button:focus-visible,
.cmp-visualizer__controls-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-visualizer__controls-button.focus-visible {
    outline: none
  }

  .cmp-visualizer__controls-button.focus-visible,
  .cmp-visualizer__controls-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-visualizer__controls-button:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-visualizer__controls-button.focus-visible {
    color: #1c69d4
  }
}

.cmp-visualizer__controls-button:disabled,
.cmp-visualizer__controls-button[aria-disabled=true] {
  pointer-events: none
}

.cmp-visualizer__controls-button:hover {
  box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d
}

@media screen and (min-width:768px) {
  .cmp-visualizer__controls-button:hover:not(.cmp-visualizer__controls-button-disable-transition) .cmp-visualizer__controls-button--label {
    max-width: 100%;
    padding-right: 1rem
  }
}

@media (pointer:coarse),
screen and (hover:none) {
  .cmp-visualizer__controls-button:hover:not(.cmp-visualizer__controls-button-disable-transition) .cmp-visualizer__controls-button--label {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    display: inline;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
  }
}

.cmp-visualizer__controls-button:after {
  border-radius: 3px;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.cmp-visualizer__controls-button .cmp-visualizer__controls-button--icon {
  align-items: center;
  display: flex;
  justify-content: center;
  
  width: 3.25rem
}

.cmp-visualizer__controls-button .cmp-visualizer__controls-button--label {
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height);
  max-width: 0;
  overflow: hidden;
  transition: max-width .25s ease-in-out
}

.cmp-visualizer__controls-input {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -10
}

.cmp-visualizer__controls-input:focus,
.cmp-visualizer__controls-input:focus-visible {
  outline: none
}

.cmp-visualizer__controls-input:focus-visible:hover~.cmp-visualizer__controls-button,
.cmp-visualizer__controls-input:focus-visible~.cmp-visualizer__controls-button {
  box-shadow: none
}

.cmp-visualizer__controls-input:focus-visible:hover~.cmp-visualizer__controls-button:after,
.cmp-visualizer__controls-input:focus-visible~.cmp-visualizer__controls-button:after {
  bottom: 0;
  box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
  content: " ";
  display: block;
  left: 0;
  
  position: absolute;
  right: 0;
  top: 0
}

@supports (display:block) {
  .cmp-visualizer__controls-input.focus-visible {
    outline: none
  }

  .cmp-visualizer__controls-input.focus-visible:hover~.cmp-visualizer__controls-button,
  .cmp-visualizer__controls-input.focus-visible~.cmp-visualizer__controls-button {
    box-shadow: none
  }

  .cmp-visualizer__controls-input.focus-visible:hover~.cmp-visualizer__controls-button:after,
  .cmp-visualizer__controls-input.focus-visible~.cmp-visualizer__controls-button:after {
    bottom: 0;
    box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
    content: " ";
    display: block;
    left: 0;
    
    position: absolute;
    right: 0;
    top: 0
  }
}

.cmp-visualizer__controls-input:checked~.cmp-visualizer__controls-button--unchecked,
.cmp-visualizer__controls-input:not(:checked)~.cmp-visualizer__controls-button--checked {
  display: none
}

.cmp-visualizer__controls-input.focus-visible~.cmp-visualizer__controls-button {
  box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d;
  color: #1c69d4
}

@media screen and (min-width:768px) {
  .cmp-visualizer__controls-input.focus-visible~.cmp-visualizer__controls-button .cmp-visualizer__controls-button--label {
    max-width: 100%;
    padding-right: 1rem
  }
}

@media (pointer:coarse),
screen and (hover:none) {
  .cmp-visualizer__controls-input.focus-visible~.cmp-visualizer__controls-button .cmp-visualizer__controls-button--label {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    display: inline;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
  }
}

.cmp-visualizer__controls-input.focus-visible:checked~.cmp-visualizer__controls-button {
  color: #1c69d4
}

.cmp-visualizer__view360--toggle-layer {
  justify-content: flex-end;
  left: unset;
  right: 0
}

.cmp-visualizer__view360--toggle-layer .cmp-visualizer__controls-input:checked~.cmp-visualizer__controls-button,
.cmp-visualizer__view360--toggle-layer .cmp-visualizer__controls-input~.cmp-visualizer__controls-button {
  background: #262626;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-visualizer__view360--toggle-layer {
    display: none
  }
}

.cmp-visualizer__360-overlay-tooltip {
  display: none
}

.cmp-visualizer--wrapper-fixed .cmp-visualizer__wrapper {
  background: #fff;
  height: 100%;
  left: 0;
  min-height: unset;
  overflow: unset;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 6070
}

.cmp-visualizer--lights-on .cmp-visualizer--wrapper-fixed .cmp-visualizer__wrapper {
  background: #000
}

.cmp-visualizer--wrapper-fixed .cmp-visualizer__wrapper .cmp-visualizer__intro {
  padding-left: calc(var(--grid-full)*2 + 3.25rem);
  padding-right: calc(var(--grid-full)*2 + 3.25rem)
}

@media screen and (max-width:767px) and (orientation:portrait) {
  .cmp-visualizer--wrapper-fixed .cmp-visualizer__wrapper .cmp-visualizer__intro {
    --visualizer-intro-spacing: calc(var(--grid-full)*2 + 1.75rem);
    padding-left: var(--grid-full);
    padding-right: var(--grid-full)
  }
}

.cmp-visualizer--wrapper-fixed .cmp-visualizer__wrapper .cmp-visualizer__exterior {
  bottom: 35%;
  transform: translate(-50%, 50%);
  width: 105%
}

@media screen and (orientation:landscape) {
  .cmp-visualizer--wrapper-fixed .cmp-visualizer__wrapper .cmp-visualizer__exterior {
    width: 70%
  }
}

.cmp-visualizer--wrapper-fixed .cmp-visualizer__wrapper .cmp-view360--exterior,
.cmp-visualizer--wrapper-fixed .cmp-visualizer__wrapper .cmp-view360--interior {
  -webkit-mask: unset;
  mask: unset
}

@media (pointer:coarse),
screen and (hover:none) {

  .cmp-visualizer--wrapper-fixed .cmp-visualizer__wrapper .cmp-view360--exterior,
  .cmp-visualizer--wrapper-fixed .cmp-visualizer__wrapper .cmp-view360--interior {
    pointer-events: all
  }
}

.cmp-visualizer--wrapper-fixed .cmp-visualizer__wrapper .cmp-visualizer__controls {
  display: flex
}

@media screen and (min-width:768px) {
  .cmp-visualizer--wrapper-fixed .cmp-visualizer__wrapper .cmp-visualizer__controls {
    bottom: var(--grid-full)
  }
}

.cmp-visualizer--wrapper-fixed .cmp-visualizer__wrapper .cmp-visualizer__view360--toggle-layer {
  bottom: unset;
  top: var(--grid-full)
}

.cmp-visualizer--wrapper-fixed .cmp-visualizer__wrapper .cmp-visualizer__360-overlay-tooltip {
  position: relative;
  transform: translateY(-50%)
}

.cmp-visualizer--wrapper-fixed .cmp-visualizer__wrapper .cmp-visualizer__360-overlay-tooltip .cmp-visualizer__360-overlay-tooltip-box {
  height: auto;
  margin: auto;
  max-width: 15rem;
  text-align: center
}

.cmp-visualizer--wrapper-fixed .cmp-visualizer__wrapper .cmp-visualizer__360-overlay-tooltip .cmp-visualizer__360-overlay-tooltip-container {
  padding: 1rem;
  width: unset
}

.cmp-visualizer--wrapper-fixed .cmp-visualizer__wrapper .cmp-visualizer__360-overlay-tooltip .cmp-visualizer__360-overlay-tooltip-arrow {
  left: 50%;
  position: absolute;
  transform: translateX(-50%)
}

@media screen and (max-width:767px) and (orientation:portrait) {
  .cmp-visualizer--wrapper-fixed .cmp-visualizer__wrapper .cmp-visualizer__360-overlay-tooltip {
    display: block
  }
}

.cmp-visualizer--lights-on {
  background: #000
}

.cmp-visualizer--lights-on.cmp-visualizer--transparent .cmp-visualizer__wrapper:before {
  opacity: 1
}

.cmp-visualizer--lights-on .cmp-visualizer__background:not(.cmp-visualizer__background--dam-multiple) {
  filter: brightness(.5)
}

.cmp-visualizer--lights-on .cmp-visualizer__exterior {
  filter: saturate(.875) grayscale(.125)
}

.cmp-visualizer__dev {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  text-align: left
}

.cmp-visualizer__dev.cmp-visualizer__dev--hidden {
  display: none
}

.cmp-visualizer__dev li,
.cmp-visualizer__dev ol,
.cmp-visualizer__dev ul {
  margin: 0 1rem
}

.cmp-visualizer__dev ol {
  list-style: decimal-leading-zero
}

.cmp-visualizer__dev>ol,
.cmp-visualizer__dev>ul {
  margin-bottom: 2.5rem
}

.cmp-visualizer__dev .cmp-visualizer__dev-selected {
  border-bottom: 1px solid;
  width: -moz-fit-content;
  width: fit-content
}

.cmp-visualizer {
  transition: background .5s ease-in-out
}

.style-container--fixed .cmp-visualizer {
  margin-left: calc(var(--grid-full)*-1);
  margin-right: calc(var(--grid-full)*-1);
  max-width: 120rem;
  width: calc(100% + var(--grid-full)*2)
}

@media screen {
  .cmp-visualizer {
    padding-bottom: 2.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-visualizer {
    padding-bottom: 3rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-visualizer {
    padding-bottom: 4rem
  }
}

.cmp-visualizer__wrapper {
  overflow: hidden;
  position: relative
}

.cmp-visualizer--transparent .cmp-visualizer__wrapper:before {
  background: linear-gradient(180deg, #666 50%, #0000);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .5s ease-in-out
}

.cmp-visualizer__wrapper .cmp-embed {
  position: static
}

@media (pointer:coarse),
screen and (hover:none) {

  .cmp-visualizer__wrapper .cmp-view360--exterior,
  .cmp-visualizer__wrapper .cmp-view360--interior {
    pointer-events: none
  }
}

.cmp-visualizer--spinner.cmp-visualizer--exterior {
  --size: 3rem;
  --factor: 1
}

.cmp-visualizer--spinner.cmp-visualizer--exterior:after {
  animation-duration: 1.2s, 1.2s, .6s;
  animation-iteration-count: infinite, 1, 1;
  animation-name: spin, fade-in, grow;
  animation-timing-function: linear;
  border-color: #0000 #262626;
  border-radius: 50%;
  border-style: solid;
  border-width: calc(var(--size)*var(--factor)/6);
  bottom: 0;
  box-sizing: border-box;
  content: "";
  height: calc(var(--size)*var(--factor));
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(45deg);
  width: calc(var(--size)*var(--factor));
  z-index: 91
}

@media screen and (min-width:1024px) {
  .cmp-visualizer--spinner.cmp-visualizer--exterior:after {
    --factor: 1.33
  }
}

@media screen and (min-width:1280px) {
  .cmp-visualizer--spinner.cmp-visualizer--exterior:after {
    --factor: 1.66
  }
}

.cmp-visualizer--spinner.cmp-visualizer--exterior:before {
  animation-duration: .3s;
  animation-name: fade-in;
  background-color: #ffffffd6;
  bottom: 0;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 90
}

@media screen and (max-width:1023px) {
  .cmp-visualizer--spinner.cmp-visualizer--exterior:after {
    bottom: unset
  }
}

@media screen and (max-width:767px) {
  .cmp-visualizer--spinner.cmp-visualizer--exterior:after {
    top: 66vw
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-visualizer--spinner.cmp-visualizer--exterior:after {
    top: 33vw
  }
}

.cmp-visualizer--spinner.cmp-visualizer--interior {
  --size: 3rem;
  --factor: 1
}

.cmp-visualizer--spinner.cmp-visualizer--interior:after {
  animation-duration: 1.2s, 1.2s, .6s;
  animation-iteration-count: infinite, 1, 1;
  animation-name: spin, fade-in, grow;
  animation-timing-function: linear;
  border-color: #0000 #f2f2f2;
  border-radius: 50%;
  border-style: solid;
  border-width: calc(var(--size)*var(--factor)/6);
  bottom: 0;
  box-sizing: border-box;
  content: "";
  height: calc(var(--size)*var(--factor));
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(45deg);
  width: calc(var(--size)*var(--factor));
  z-index: 91
}

@media screen and (min-width:1024px) {
  .cmp-visualizer--spinner.cmp-visualizer--interior:after {
    --factor: 1.33
  }
}

@media screen and (min-width:1280px) {
  .cmp-visualizer--spinner.cmp-visualizer--interior:after {
    --factor: 1.66
  }
}

.cmp-visualizer--spinner.cmp-visualizer--interior:before {
  animation-duration: .3s;
  animation-name: fade-in;
  background-color: #000c;
  bottom: 0;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 90
}

@media screen and (max-width:1023px) {
  .cmp-visualizer--spinner.cmp-visualizer--interior:after {
    bottom: unset
  }
}

@media screen and (max-width:767px) {
  .cmp-visualizer--spinner.cmp-visualizer--interior:after {
    top: 66vw
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-visualizer--spinner.cmp-visualizer--interior:after {
    top: 33vw
  }
}

.cmp-visualizer--spinner {
  position: relative
}

.cmp-visualizer--spinner.cmp-visualizer--lights-on {
  --size: 3rem;
  --factor: 1
}

.cmp-visualizer--spinner.cmp-visualizer--lights-on:after {
  animation-duration: 1.2s, 1.2s, .6s;
  animation-iteration-count: infinite, 1, 1;
  animation-name: spin, fade-in, grow;
  animation-timing-function: linear;
  border-color: #0000 #f2f2f2;
  border-radius: 50%;
  border-style: solid;
  border-width: calc(var(--size)*var(--factor)/6);
  bottom: 0;
  box-sizing: border-box;
  content: "";
  height: calc(var(--size)*var(--factor));
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(45deg);
  width: calc(var(--size)*var(--factor));
  z-index: 91
}

@media screen and (min-width:1024px) {
  .cmp-visualizer--spinner.cmp-visualizer--lights-on:after {
    --factor: 1.33
  }
}

@media screen and (min-width:1280px) {
  .cmp-visualizer--spinner.cmp-visualizer--lights-on:after {
    --factor: 1.66
  }
}

.cmp-visualizer--spinner.cmp-visualizer--lights-on:before {
  animation-duration: .3s;
  animation-name: fade-in;
  background-color: #000c;
  bottom: 0;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 90
}

@keyframes fade-in {
  0% {
    background-color: #0000
  }

  to {
    background-color: #000c
  }
}

@keyframes spin {
  0% {
    transform: rotate(45deg)
  }

  to {
    transform: rotate(405deg)
  }
}

@keyframes grow {
  0% {
    height: calc(var(--size)*var(--factor)*.5);
    width: calc(var(--size)*var(--factor)*.5)
  }

  to {
    height: calc(var(--size)*var(--factor));
    width: calc(var(--size)*var(--factor))
  }
}

@media screen and (max-width:1023px) {
  .cmp-visualizer--spinner.cmp-visualizer--lights-on:after {
    bottom: unset
  }
}

@media screen and (max-width:767px) {
  .cmp-visualizer--spinner.cmp-visualizer--lights-on:after {
    top: 66vw
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-visualizer--spinner.cmp-visualizer--lights-on:after {
    top: 33vw
  }
}

.cmp-visualizer--spinner.cmp-visualizer--wrapper-fixed:before {
  position: fixed;
  z-index: 6080
}

.cmp-visualizer--spinner.cmp-visualizer--wrapper-fixed:after {
  z-index: 6090
}

.cmp-visualizer__cta .cmp-button,
.cmp-visualizer__cta .cmp-title,
.cmp-visualizer__intro .cmp-button,
.cmp-visualizer__intro .cmp-title {
  display: flex;
  flex-direction: row;
  justify-content: center !important;
  text-align: center;
  width: 100%
}

.cmp-duration {
  color: #ffffffd6;
  display: flex;
  font-size: .75em;
  line-height: 1em;
  -webkit-user-select: none;
  user-select: none;
  width: 4.3rem;
  z-index: 1
}

.cmp-duration__total-time {
  text-align: center
}

.cmp-fullscreen__button {
  pointer-events: auto
}

.cmp-fullscreen__button:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrows_maximize";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-fullscreen__button:before {
    display: none
  }
}

.cmp-fullscreen__button:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-fullscreen__button:hover {
  color: #fff
}

.cmp-fullscreen__button.cmp-fullscreen__button--minimize:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrows_minimize";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-fullscreen__button.cmp-fullscreen__button--minimize:before {
    display: none
  }
}

.cmp-fullscreen__button.cmp-fullscreen__button--minimize:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-play-button {
  background-color: initial;
  background-repeat: no-repeat;
  border: 0;
  cursor: pointer;
  height: 1.5rem;
  margin-right: .5rem;
  outline: none;
  overflow: hidden;
  pointer-events: auto;
  width: 1.5rem
}

.cmp-play-button:hover {
  color: #fff
}

.cmp-play-button--play:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "pause";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-play-button--play:before {
    display: none
  }
}

.cmp-play-button--play:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-play-button--pause:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "play";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-play-button--pause:before {
    display: none
  }
}

.cmp-play-button--pause:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-progress-bar[value] {
  background-color: #ffffff75;
  cursor: pointer;
  height: 4px;
  
  position: relative;
  width: 100%
}

.cmp-progress-bar[value]::-webkit-progress-bar {
  background: #ffffff75
}

.cmp-progress-bar[value]::-webkit-progress-value {
  background-color: #fff;
  border-radius: .625rem;
  height: 4px
}

.cmp-progress-bar__filling {
  background-color: #fff;
  height: 4px;
  left: 0;
  position: absolute;
  width: 0
}

.cmp-progress-bar__scrubber-wrapper {
  cursor: pointer;
  height: 100%;
  left: 0;
  
  position: absolute
}

.cmp-progress-bar__scrubber {
  background-color: #fff;
  border-radius: 50%;
  height: .5625rem;
  transform: translate(-50%);
  width: .5625rem
}

.cmp-progress-bar__scrubber:hover {
  cursor: pointer
}

.cmp-progress-bar__tooltip {
  background-color: #fff;
  border-radius: 1.39px;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  left: 0;
  line-height: var(--label-1-line-height);
  min-width: 2.0625rem;
  opacity: 0;
  padding: 6px 3px;
  
  position: absolute;
  text-align: center;
  top: -2rem;
  transform: translateX(-50%);
  -webkit-user-select: none;
  user-select: none
}

.cmp-progress-bar__tooltip:before {
  border-left: 4px solid #0000;
  border-right: 4px solid #0000;
  border-top: 3px solid #fff;
  bottom: -3px;
  content: "";
  height: 0;
  left: calc(50% - 4px);
  position: absolute;
  width: 0
}

.cmp-progress-bar__wrapper {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex: 1;
  height: 25%;
  margin-right: 1rem;
  pointer-events: auto;
  position: relative
}

.cmp-progress-bar__wrapper:hover .cmp-progress-bar__tooltip {
  opacity: 1
}

.cmp-sound-bar__mute-button:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "speaker_waves";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-sound-bar__mute-button:before {
    display: none
  }
}

.cmp-sound-bar__mute-button:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-sound-bar__mute-button:hover {
  color: #fff
}

.cmp-sound-bar__slider {
  align-items: center;
  background-color: #ffffff75;
  display: none;
  flex-direction: column;
  height: 5.0625rem;
  transform: rotate(180deg);
  width: .1875rem
}

.cmp-sound-bar__slider-knob {
  background-color: #fff;
  display: flex;
  height: 100%;
  position: relative;
  width: 3px
}

.cmp-sound-bar__slider-knob:before {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 0;
  position: absolute;
  top: 100%;
  transform: translate(-3px, -50%);
  width: .5625rem
}

.cmp-sound-bar--is-muted .cmp-sound-bar__mute-button:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "speaker_muted";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-sound-bar--is-muted .cmp-sound-bar__mute-button:before {
    display: none
  }
}

.cmp-sound-bar--is-muted .cmp-sound-bar__mute-button:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-sound-bar--is-muted .cmp-sound-bar__slider-knob {
  height: 0
}

.cmp-sound-bar__slider-panel {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 0;
  touch-action: none
}

.cmp-sound-bar__slider-container {
  bottom: 0;
  height: auto;
  padding-top: 9px;
  position: absolute;
  width: 1.5rem
}

.cmp-sound-bar__slider-container.focus-visible .cmp-sound-bar__slider {
  display: flex
}

.cmp-sound-bar__slider-container.focus-visible .cmp-sound-bar__slider-panel {
  height: 7.05rem
}

.cmp-sound-bar__slider-container.focus-visible .cmp-sound-bar__slider-knob:before {
  height: .5625rem
}

.cmp-sound-bar {
  margin-right: .75rem;
  pointer-events: auto;
  position: relative
}

.cmp-sound-bar:hover .cmp-sound-bar__slider {
  display: flex
}

.cmp-sound-bar:hover .cmp-sound-bar__slider-container {
  height: 7.625rem
}

.cmp-sound-bar:hover .cmp-sound-bar__slider-panel {
  height: auto
}

.cmp-sound-bar:hover .cmp-sound-bar__slider-knob:before {
  height: .5625rem
}

.cmp-video {
  aspect-ratio: var(--video-a-r-large);
  line-height: 0;
  position: relative
}

@media screen and (max-width:767px) {
  .cmp-video {
    aspect-ratio: var(--video-a-r-small)
  }

  .style-container--fixed .cmp-video {
    margin-left: calc(var(--grid-full)*-1);
    margin-right: calc(var(--grid-full)*-1);
    max-width: 120rem;
    width: calc(100% + var(--grid-full)*2)
  }
}

.cmp-video__video-player {
  background-color: #262626;
  cursor: pointer;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.cmp-video__video--is-loading {
  --size: 3rem;
  --factor: 1
}

.cmp-video__video--is-loading:before {
  animation-duration: 1.2s, 1.2s, .6s;
  animation-iteration-count: infinite, 1, 1;
  animation-name: spin, fade-in, grow;
  animation-timing-function: linear;
  border-color: #0000 #262626;
  border-radius: 50%;
  border-style: solid;
  border-width: calc(var(--size)*var(--factor)/6);
  bottom: 0;
  box-sizing: border-box;
  content: "";
  height: calc(var(--size)*var(--factor));
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(45deg);
  width: calc(var(--size)*var(--factor));
  z-index: 11
}

@media screen and (min-width:1024px) {
  .cmp-video__video--is-loading:before {
    --factor: 1.33
  }
}

@media screen and (min-width:1280px) {
  .cmp-video__video--is-loading:before {
    --factor: 1.66
  }
}

.cmp-video__video--is-loading:after {
  animation-duration: .3s;
  animation-name: fade-in;
  background-color: #ffffffd6;
  bottom: 0;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10
}

@keyframes fade-in {
  0% {
    background-color: #0000
  }

  to {
    background-color: #ffffffd6
  }
}

@keyframes spin {
  0% {
    transform: rotate(45deg)
  }

  to {
    transform: rotate(405deg)
  }
}

@keyframes grow {
  0% {
    height: calc(var(--size)*var(--factor)*.5);
    width: calc(var(--size)*var(--factor)*.5)
  }

  to {
    height: calc(var(--size)*var(--factor));
    width: calc(var(--size)*var(--factor))
  }
}

.cmp-video__poster {
  height: 100%;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transition: opacity var(--video-poster-transition, .5s);
  width: 100%
}

.cmp-video__video:has(+.cmp-control-bar .cmp-fullscreen__button--minimize) :is(.cmp-video__video-player, .cmp-video__poster) {
  object-fit: contain
}

@media screen and (min-width:768px) {
  .cmp-video__poster--hide-on-desktop {
    visibility: hidden
  }
}

.cmp-video--not-started .cmp-video__poster {
  opacity: 1
}

.cmp-control-bar {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: row;
  height: 2.5em;
  left: 0;
  opacity: 0;
  padding: 0 .5rem;
  
  position: absolute;
  right: 0;
  z-index: 20
}

@media screen and (min-width:1024px) {
  .cmp-control-bar {
    pointer-events: auto
  }
}

.cmp-control-bar--ready:hover,
.cmp-control-bar--visible {
  opacity: 1
}

.cmp-control-bar__item {
  align-items: center;
  background-color: initial;
  border-width: 0;
  color: #ffffffd6;
  cursor: pointer;
  display: flex;
  padding: 0;
  z-index: 1
}

.style-video--playbar-dark .cmp-control-bar:before {
  background: linear-gradient(0deg, #000, #0000);
  bottom: 0;
  content: "";
  display: block;
  height: 6pc;
  left: 0;
  
  position: absolute;
  right: 0;
  z-index: 0
}

.u-transition--0 {
  --video-poster-transition: 0s
}

.cmp-video__wrapper {
  position: relative
}

.cmp-video__wrapper--controls-visible .cmp-video__controls {
  opacity: 1;
  pointer-events: auto;
  z-index: 20
}

.cmp-video__video {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #262626;
  cursor: pointer;
  height: 100%;
  object-fit: cover;
  width: 100%
}

@media screen and (max-width:767px) {
  .cmp-video__video {
    left: 50%;
    margin-left: -50vw;
    position: relative;
    width: 100vw
  }
}

.cmp-video__progressiveplaybutton {
  right: 1rem;
  top: 1rem
}

@media screen and (min-width:1024px) {
  .cmp-video__progressiveplaybutton {
    bottom: 1rem;
    top: auto
  }
}

.cmp-video__energylabel-wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.cmp-video__energylabel-wrapper.cmp-energylabel--playbuttonActive {
  left: .5rem;
  top: .5rem
}

@media screen and (min-width:1024px) {
  .cmp-video__energylabel-wrapper.cmp-energylabel--playbuttonActive {
    left: unset;
    right: 3.25rem
  }
}

.cmp-video__progress-container {
  touch-action: none
}

.cmp-video__controls-item {
  align-items: center;
  background-color: initial;
  border-width: 0;
  color: #ffffffd6;
  cursor: pointer;
  display: flex;
  padding: 0;
  z-index: 1
}

.cmp-video__subtitles-button {
  margin-right: .75rem;
  pointer-events: auto;
  position: relative
}

.cmp-video__subtitles-button:hover {
  color: #fff
}

.cmp-video__transcript-button {
  margin-right: .75rem;
  pointer-events: auto;
  position: relative
}

.cmp-video__transcript-button:hover {
  color: #fff
}

.cmp-video__transcript-button.cmp-video__transcript-button--active {
  color: #0653b6
}

video::-webkit-media-text-track-container,
video::-webkit-media-text-track-display,
video::-webkit-media-text-track-display-backdrop {
  background: #0000 !important;
  background-color: initial !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important
}

.cmp-video__video-player::cue-region {
  background: #0000 !important;
  background-color: initial !important;
  padding: 0 !important
}

.cmp-video__custom-subtitle-container {
  bottom: calc(2.5em + 1pc);
  left: 4.5rem;
  
  position: absolute;
  right: 4.5rem;
  text-align: center;
  width: auto;
  z-index: 100
}

@media screen and (max-width:767px) {
  .cmp-video__custom-subtitle-container {
    left: 2.25rem;
    right: 2.25rem
  }
}

.cmp-video__custom-subtitle-box {
  background: #000000ad;
  border-radius: 0;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  display: inline;
  font-size: var(--headline-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-3-line-height);
  padding: .5rem 1rem;
  text-align: center;
  white-space: pre-wrap
}

@media screen and (max-width:767px) {
  .cmp-video__custom-subtitle-box {
    font-size: var(--body-1-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--body-1-line-height);
    padding: .25rem .5rem
  }
}

@keyframes label-fade-in {
  0% {
    opacity: 1
  }

  14.23% {
    opacity: 1
  }

  28.56% {
    opacity: 0
  }

  42.84% {
    opacity: 0
  }

  57.06% {
    opacity: 1
  }

  to {
    opacity: 1
  }
}

@keyframes label-arrows-left-fade-out {
  0% {
    opacity: 1;
    transform: translate3d(0, -50%, -1px)
  }

  50% {
    opacity: 1;
    transform: translate3d(0, -50%, -1px)
  }

  to {
    opacity: 0;
    transform: translate3d(-30px, -50%, -1px)
  }
}

@keyframes label-arrows-right-fade-out {
  0% {
    opacity: 1;
    transform: translate3d(0, -50%, -1px)
  }

  50% {
    opacity: 1;
    transform: translate3d(0, -50%, -1px)
  }

  to {
    opacity: 0;
    transform: translate3d(30px, -50%, -1px)
  }
}

.cmp-transition-slider {
  margin: 2.5rem 0;
  position: relative
}

.cmp-transition-slider:before {
  content: "";
  height: 60%;
  
  position: absolute;
  width: 100%;
  z-index: 10
}

@media screen and (max-width:1023px) {
  .cmp-transition-slider:before {
    background: none
  }
}

.cmp-transition-slider .cmp-image,
.cmp-transition-slider .cmp-image__image,
.cmp-transition-slider img {
  display: block;
  margin-bottom: 0;
  max-width: none;
  object-fit: cover;
  width: 100%
}

.cmp-transition-slider .cmp-embed picture {
  display: unset
}

.cmp-transition-slider .cmp-embed picture img {
  max-width: none
}

.cmp-transition-slider [tabindex="0"],
.cmp-transition-slider[tabindex="0"] {
  outline: none
}

.cmp-transition-slider .focus-visible:not(.cmp-transition-slider__dragger),
.cmp-transition-slider.focus-visible {
  box-shadow: 0 0 0 1px #fff, 0 0 0 5px #1c69d4;
  outline: 0
}

@media screen and (min-width:768px) {
  .cmp-transition-slider {
    margin-bottom: 1.5rem;
    margin-top: 2.5rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-transition-slider {
    margin-bottom: 2rem;
    margin-top: 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-transition-slider {
    margin-bottom: 2.5rem;
    margin-top: 4rem
  }
}

.cmp-transition-slider__image {
  overflow: hidden;
  position: relative
}

.cmp-transition-slider__item {
  width: 100%
}

.cmp-transition-slider__overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: width 0s cubic-bezier(.18, .89, .32, 1.28) 0s;
  width: 50%;
  z-index: 10
}

.cmp-transition-slider__overlay .cmp-image__image,
.cmp-transition-slider__overlay img {
  width: 200%
}

.cmp-transition-slider__overlay.is-bouncing-out {
  transition-duration: .2s
}

.cmp-transition-slider__dragger {
  align-items: center;
  background: #e6e6e6;
  bottom: 0;
  display: inline-flex;
  flex-direction: column;
  justify-content: start;
  
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  z-index: 10
}

.cmp-transition-slider__dragger:before {
  pointer-events: auto
}

.cmp-transition-slider__dragger:after {
  display: none
}

.cmp-transition-slider__dragger-label {
  background-color: #fff;
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-2-line-height);
  padding: 0 .3125rem;
  position: relative;
  text-align: center;
  top: 1rem;
  width: max-content
}

.cmp-transition-slider__dragger-label:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrow_chevron_right";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-transition-slider__dragger-label:after {
    display: none
  }
}

.cmp-transition-slider__dragger-label:after {
  font-size: 1.5rem;
  font-weight: 400
}

.cmp-transition-slider__dragger-label:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrow_chevron_left";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-transition-slider__dragger-label:before {
    display: none
  }
}

.cmp-transition-slider__dragger-label:before {
  font-size: 1.5rem;
  font-weight: 400
}

.cmp-transition-slider__dragger-label:after,
.cmp-transition-slider__dragger-label:before {
  animation: 2.5s ease-in infinite;
  height: 100%;
  line-height: unset;
  position: absolute;
  top: 50%;
  z-index: -10
}

.cmp-transition-slider__dragger-label:before {
  animation-name: label-arrows-left-fade-out;
  left: -10px
}

.cmp-transition-slider__dragger-label:after {
  animation-name: label-arrows-right-fade-out;
  right: -10px
}

.cmp-transition-slider__images {
  position: relative
}

.cmp-transition-slider__images:hover {
  cursor: pointer
}

.cmp-transition-slider__images:hover .cmp-transition-slider__dragger-label {
  display: none
}

@media (pointer:coarse),
screen and (hover:none) {
  .cmp-transition-slider__dragger:before {
    word-wrap: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "arrow_chevron_leftarrow_chevron_right";
    direction: ltr;
    display: block;
    font-family: "bmw_next_icons";
    font-style: normal;
    font-weight: 400;
    height: 1em;
    line-height: 1;
    outline: 1px solid #0000;
    text-align: left;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    width: auto
  }
}

@media aural and (pointer:coarse),
reader and (pointer:coarse),
speech and (pointer:coarse) {
  .cmp-transition-slider__dragger:before {
    display: none
  }
}

@media (pointer:coarse),
screen and (hover:none) {
  .cmp-transition-slider__dragger:before {
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 .125rem .5rem 0 #00000014, 0 0 .0625rem 0 #0000003d;
    cursor: pointer;
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
    height: 42px;
    letter-spacing: -.5rem;
    line-height: 42px;
    position: absolute;
    text-indent: .095rem;
    width: 42px;
    z-index: 10
  }
}

@media screen and (hover:none) and (min-width:1024px),
screen and (pointer:coarse) and (min-width:1024px) {
  .cmp-transition-slider__dragger:before {
    height: 3rem;
    letter-spacing: -.25rem;
    line-height: 3rem;
    width: 3rem
  }
}

@media (pointer:coarse),
screen and (hover:none) {
  .cmp-transition-slider__dragger:hover:before {
    box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d
  }

  .cmp-transition-slider__dragger:active:before {
    box-shadow: none
  }

  .cmp-transition-slider__dragger.focus-visible:before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 5px #1c69d4
  }

  .cmp-transition-slider__dragger-label {
    animation: label-fade-in 3.5s infinite;
    background-color: unset;
    font-size: var(--body-1-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--body-1-line-height);
    top: 100.5%
  }

  .cmp-transition-slider__dragger-label:after,
  .cmp-transition-slider__dragger-label:before {
    content: none
  }

  .cmp-transition-slider__images:hover {
    cursor: unset
  }

  .cmp-transition-slider--dirty .cmp-transition-slider__dragger-label {
    display: none
  }
}

.cmp-transition-slider__overflow-wrapper {
  overflow: hidden
}

.style-transition-slider--border-gray .cmp-transition-slider__images {
  outline: 1px solid #bbb
}

.cmp-title {
  padding: 0
}

.cmp-title .cmp-infoi__icon--superscript {
  vertical-align: top
}

.cmp-title .cmp-infoi__icon--center {
  vertical-align: middle
}

.cmp-title__link {
  color: #1c69d4;
  font-family: inherit
}

.cmp-title__image-branding {
  display: inline-block;
  height: 1em;
  left: 0;
  margin-inline-end: .5rem;
  top: .125rem;
  width: auto
}

.cmp-title__image-branding--right {
  margin-inline-end: 0;
  margin-inline-start: .5rem
}

.cmp-title__text {
  display: inline;
  vertical-align: bottom
}

.cmp-title__show-for-edit-mode {
  opacity: .3
}

.style-title--stage-model-1 .cmp-title {
  font-size: var(--stage-model-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--stage-model-1-line-height)
}

.style-title--stage-model-1 .cmp-title__text {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit
}

.style-title--iconization-1 .cmp-title {
  font-size: var(--iconization-1-font-size);
  font-weight: var(--default-font-weight);
  letter-spacing: var(--iconization-1-letter-spacing);
  line-height: var(--iconization-1-line-height);
  text-transform: uppercase
}

.style-title--iconization-1 .cmp-title__text {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit
}

.style-title--headline-1 .cmp-title {
  font-size: var(--headline-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-1-line-height)
}

.style-title--headline-1 .cmp-title__text {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit
}

.style-title--headline-2 .cmp-title {
  font-size: var(--headline-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-2-line-height)
}

.style-title--headline-2 .cmp-title__text {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit
}

.style-title--headline-3 .cmp-title {
  font-size: var(--headline-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-3-line-height)
}

.style-title--headline-3 .cmp-title__text {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit
}

.style-title--subsection-1 .cmp-title {
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height)
}

.style-title--subsection-1 .cmp-title__text {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit
}

.style-title--subsection-2 .cmp-title {
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-2-line-height)
}

.style-title--subsection-2 .cmp-title__text {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit
}

.style-title--stage-zone-0-double-row .cmp-title {
  font-size: var(--stage-zone-0-double-row-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--stage-zone-0-double-row-line-height)
}

.style-title--stage-zone-0-double-row .cmp-title__text {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit
}

.style-title--stage-zone-0-single-row .cmp-title {
  font-size: var(--stage-zone-0-single-row-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--stage-zone-0-single-row-line-height)
}

.style-title--stage-zone-0-single-row .cmp-title__text {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit
}

.style-title--stage-zone-1-small .cmp-title {
  font-size: var(--stage-zone-1-small-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--stage-zone-1-small-line-height);
  text-transform: uppercase
}

.style-title--stage-zone-1-small .cmp-title__text {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit
}

.style-title--stage-zone-1-large .cmp-title {
  font-size: var(--stage-zone-1-large-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--stage-zone-1-large-line-height);
  text-transform: uppercase
}

.style-title--stage-zone-1-large .cmp-title__text {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit
}

.style-title__text--eyebrow1 .cmp-title,
.style-title__text--eyebrow1 .cmp-title__text,
.style-title__text--eyebrow1-bold .cmp-title,
.style-title__text--eyebrow1-bold .cmp-title__text,
.style-title__text--eyebrow2 .cmp-title,
.style-title__text--eyebrow2 .cmp-title__text,
.style-title__text--eyebrow2-bold .cmp-title,
.style-title__text--eyebrow2-bold .cmp-title__text {
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  text-transform: uppercase
}

.style-title--section .cmp-title {
  align-items: center;
  display: flex;
  margin-bottom: 3rem;
  margin-top: 4rem
}

@media screen and (min-width:768px) {
  .style-title--section .cmp-title {
    margin-bottom: 4rem;
    margin-top: 6rem
  }
}

.style-title--section .cmp-title:before {
  background-color: #666;
  content: "";
  height: 1px;
  margin-left: -1rem;
  margin-right: .5rem;
  width: 2rem
}

@media screen and (min-width:768px) {
  .style-title--section .cmp-title:before {
    margin-left: -1.5rem;
    width: 3rem
  }
}

.style-title--section .cmp-title__text {
  color: #666;
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-2-line-height)
}

.style-title--dark .cmp-title__text {
  color: #262626
}

.style-title--light .cmp-title__text {
  color: #fff
}

.style-title--centered {
  text-align: center
}

.cmp-title--absolute {
  display: block;
  margin: 0 auto;
  position: relative;
  width: calc(100% - var(--cmp-title-offset))
}

.cmp-title--absolute .cmp-title__image-branding {
  position: absolute
}

.style-title--flag .cmp-title__text {
  background-color: #e6e6e6;
  color: #4d4d4d;
  padding: .5rem;
  position: relative
}

.style-title--flag .cmp-title__text:after {
  border-right: 1rem solid #0000;
  border-top: 2rem solid #e6e6e6;
  content: "";
  display: inline-block;
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(100%);
  width: 0
}

.style-title--flag-marketing .cmp-title__text {
  background-color: #dde8f9;
  color: #262626
}

.style-title--flag-marketing .cmp-title__text:after {
  border-top-color: #dde8f9
}

.style-title--flag-highlight .cmp-title__text {
  background-color: #4d4d4d;
  color: #fff
}

.style-title--flag-highlight .cmp-title__text:after {
  border-top-color: #4d4d4d
}

.style-title--with-infoi .cmp-title__text {
  display: inline;
  vertical-align: middle
}

.style-title--tag-marketing .cmp-title {
  align-items: flex-start;
  background: #dde8f9;
  display: inline-flex;
  padding: .125rem .25rem
}

.style-title--tag-marketing .cmp-title__text {
  color: #262626;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height)
}

.style-title--tag-dark .cmp-title {
  align-items: flex-start;
  background: #4d4d4d;
  display: inline-flex;
  padding: .125rem .25rem
}

.style-title--tag-dark .cmp-title__text {
  color: #fff;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height)
}

.style-title--tag-light .cmp-title {
  align-items: flex-start;
  background: #e6e6e6;
  display: inline-flex;
  padding: .125rem .25rem
}

.style-title--tag-light .cmp-title__text {
  color: #4d4d4d;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height)
}

.cmp-title__linebreak {
  display: none
}

@media screen and (min-width:1024px) {
  .cmp-title__linebreak.cmp-title__linebreak--desktop {
    display: inline
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-title__linebreak.cmp-title__linebreak--tablet {
    display: inline
  }
}

@media screen and (max-width:767px) {
  .cmp-title__linebreak.cmp-title__linebreak--mobile {
    display: inline
  }
}

.cmp-title__nowrap {
  white-space: nowrap
}

.style-title--hyphens-manual {
  hyphens: manual
}

.style-title--word-break-normal {
  word-break: normal
}

.cmp-table__scroll-wrapper {
  overflow-x: auto;
  white-space: nowrap
}

.cmp-table__link:hover {
  color: #1c69d4
}

.cmp-table__table {
  border-spacing: 0;
  color: #262626;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  width: 100%
}

.cmp-table__table a {
  color: #262626
}

.cmp-table__header {
  background-color: #f6f6f6
}

.cmp-table__cell {
  border-bottom: .0625rem solid #bbb;
  padding: .75rem 1.25rem .75rem 0
}

.tireinfoaccordion .cmp-accordion__item {
  border-top-width: 0 !important
}

.accordionblock {
  padding-bottom: 4rem
}

.cmp-textmediateaser--col-5to5 {
  --textmediateaser-media-flex: 41.6666666667%;
  --textmediateaser-content-flex: 41.6666666667%
}

@media screen and (min-width:1920px) {
  .cmp-textmediateaser--col-5to5 {
    --textmediateaser-media-flex: 33.3333333333%;
    --textmediateaser-content-flex: 33.3333333333%
  }
}

.cmp-textmediateaser--col-6to4 {
  --textmediateaser-media-flex: 50%;
  --textmediateaser-content-flex: 33.3333333333%
}

@media screen and (min-width:1920px) {
  .cmp-textmediateaser--col-6to4 {
    --textmediateaser-media-flex: 41.6666666667%;
    --textmediateaser-content-flex: 25%
  }
}

.cmp-textmediateaser--col-4to6 {
  --textmediateaser-media-flex: 33.3333333333%;
  --textmediateaser-content-flex: 50%
}

@media screen and (min-width:1920px) {
  .cmp-textmediateaser--col-4to6 {
    --textmediateaser-media-flex: 25%;
    --textmediateaser-content-flex: 41.6666666667%
  }
}

.cmp-textmediateaser.cmp-textmediateaser--special-intro {
  --textmediateaser-flex-order: 2
}

.cmp-textmediateaser.cmp-textmediateaser--special-intro .cmp-textmediateaser__title {
  font-size: var(--headline-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-1-line-height)
}

.cmp-textmediateaser.cmp-textmediateaser--special-intro .cmp-textmediateaser__content {
  justify-content: start
}

@media screen and (max-width:767px) {
  .cmp-textmediateaser.cmp-textmediateaser--special-intro {
    --textmediateaser-media-flex-md: 100%;
    --textmediateaser-content-flex-md: 75%;
    --textmediateaser-flex-order: 2;
    --textmediateaser-content-padding: 0 0 2.5rem
  }

  .cmp-textmediateaser.cmp-textmediateaser--special-intro .cmp-textmediateaser__media-wrapper {
    left: 50%;
    margin-left: -50vw;
    position: relative;
    width: 100vw
  }
}

@media screen and (min-width:768px) {
  .cmp-textmediateaser.cmp-textmediateaser--special-intro {
    --textmediateaser-media-flex: 41.6666666667%;
    --textmediateaser-content-flex: 50%;
    --textmediateaser-content-padding: 0 2rem 0 0;
    --textmediateaser-media-padding: 4rem 0 0 0;
    align-items: start;
    flex-direction: row
  }
}

@media screen and (min-width:1024px) {
  .cmp-textmediateaser.cmp-textmediateaser--special-intro {
    --textmediateaser-content-flex: 41.6666666667%;
    --textmediateaser-content-padding: 0;
    --textmediateaser-content-padding-start: 0;
    --textmediateaser-content-padding-end: 3rem;
    --textmediateaser-media-padding: 4rem 0 0 0
  }
}

@media screen and (min-width:1280px) {
  .cmp-textmediateaser.cmp-textmediateaser--special-intro {
    --textmediateaser-content-padding-end: 5rem;
    --textmediateaser-media-padding: 5rem 0 0 0
  }
}

@media screen and (min-width:1920px) {
  .cmp-textmediateaser.cmp-textmediateaser--special-intro {
    --textmediateaser-media-flex: 33.3333333333%;
    --textmediateaser-content-flex: 33.3333333333%;
    --textmediateaser-content-padding-end: 6rem;
    --textmediateaser-media-padding: 6rem 0 0 0
  }
}

.cmp-textmediateaser.cmp-textmediateaser--special-section {
  --textmediateaser-flex-order: 2;
  --textmediateaser-sectionmedia-margin-block-end: 2.5rem;
  margin-block-end: var(--textmediateaser-sectionmedia-margin-block-end)
}

.cmp-textmediateaser.cmp-textmediateaser--special-section .cmp-textmediateaser__title {
  color: var(--page-variables-primary-color, initial);
  font-size: var(--headline-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-2-line-height);
  width: var(--textmediateaser-section-title-width)
}

@media screen and (max-width:767px) {
  .cmp-textmediateaser.cmp-textmediateaser--special-section .cmp-textmediateaser__title {
    text-wrap: unset
  }
}

.cmp-textmediateaser.cmp-textmediateaser--special-section .cmp-textmediateaser__description {
  margin-block-end: 0;
  margin-block-start: var(--textmediateaser-section-description-margin);
  width: var(--textmediateaser-section-description-width)
}

.cmp-textmediateaser.cmp-textmediateaser--special-section .cmp-textmediateaser__content {
  flex-direction: var(--textmediateaser-section-flex-direction);
  justify-content: var(--textmediateaser-section-justify-content)
}

.cmp-textmediateaser.cmp-textmediateaser--special-section .cmp-textmediateaser__media-wrapper {
  display: none
}

@media screen and (max-width:767px) {
  .cmp-textmediateaser.cmp-textmediateaser--special-section {
    --textmediateaser-flex-order: 2;
    --textmediateaser-section-flex-direction: column;
    --textmediateaser-section-justify-content: start;
    --textmediateaser-content-padding: 0;
    --textmediateaser-section-description-margin: 0;
    --textmediateaser-section-title-width: 100%;
    --textmediateaser-section-description-width: 100%
  }
}

@media screen and (min-width:768px) {
  .cmp-textmediateaser.cmp-textmediateaser--special-section {
    --textmediateaser-content-flex: 100%;
    --textmediateaser-content-flex-md: 100%;
    --textmediateaser-section-flex-direction: row;
    --textmediateaser-section-justify-content: space-between;
    --textmediateaser-content-padding: 0;
    --textmediateaser-section-description-margin: 2.5rem;
    --textmediateaser-section-title-width: 41.6666666667%;
    --textmediateaser-section-description-width: 50%
  }
}

@media screen and (min-width:1024px) {
  .cmp-textmediateaser.cmp-textmediateaser--special-section {
    --textmediateaser-content-padding: 0;
    --textmediateaser-content-padding-start: 8.3333333333%;
    --textmediateaser-content-padding-end: 8.3333333333%;
    --textmediateaser-section-description-margin: 2.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-textmediateaser.cmp-textmediateaser--special-section {
    --textmediateaser-content-padding: 0;
    --textmediateaser-section-description-margin: 5rem;
    --textmediateaser-sectionmedia-margin-block-end: 3rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-textmediateaser.cmp-textmediateaser--special-section {
    --textmediateaser-content-flex: 100%;
    --textmediateaser-content-padding: 0 8.3333333333% 0 8.3333333333%;
    --textmediateaser-section-description-margin: 4rem;
    --textmediateaser-section-title-width: 33.3333333333%;
    --textmediateaser-section-description-width: 58.3333333333%;
    --textmediateaser-sectionmedia-margin-block-end: 4rem
  }
}

.cmp-textmediateaser {
  --textmediateaser-title-bottom-margin: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center
}

@media screen and (max-width:767px) {
  .cmp-textmediateaser {
    --textmediateaser-content-padding: 0
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-textmediateaser {
    --textmediateaser-media-flex-md: 91.6666666667%;
    --textmediateaser-content-flex-md: 75%;
    align-items: center
  }
}

@media screen and (min-width:1024px) {
  .cmp-textmediateaser {
    --textmediateaser-content-padding: 0;
    --textmediateaser-content-padding-start: 3rem;
    --textmediateaser-content-padding-end: 0;
    flex-direction: row
  }
}

@media screen and (min-width:1280px) {
  .cmp-textmediateaser {
    --textmediateaser-content-padding-start: 5rem;
    --textmediateaser-title-bottom-margin: 1.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-textmediateaser {
    --textmediateaser-content-padding-start: 6rem;
    --textmediateaser-title-bottom-margin: 2rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-textmediateaser--media-right {
    --textmediateaser-flex-order: 2;
    --textmediateaser-content-padding-start: 0;
    --textmediateaser-content-padding-end: 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-textmediateaser--media-right {
    --textmediateaser-content-padding-end: 5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-textmediateaser--media-right {
    --textmediateaser-content-padding-end: 6rem
  }
}

.cmp-textmediateaser__media-wrapper {
  flex: 0 0 var(--textmediateaser-media-flex, 33.33%);
  order: var(--textmediateaser-flex-order);
  padding: var(--textmediateaser-media-padding, 0)
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-textmediateaser__media-wrapper {
    width: var(--textmediateaser-media-flex-md)
  }
}

@media screen and (max-width:1023px) {
  .cmp-textmediateaser__media-wrapper {
    margin-block-end: 2.5rem
  }
}

@media screen and (max-width:767px) {
  .cmp-textmediateaser__media-wrapper.cmp-textmediateaser__media-wrapper--video-padding .cmp-video__video {
    left: 0;
    margin-left: 0;
    width: 100%
  }
}

.cmp-textmediateaser__description {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  margin-block-end: var(--textmediateaser-title-bottom-margin)
}

.cmp-textmediateaser__content {
  display: flex;
  flex: 0 0 var(--textmediateaser-content-flex, 33.33%);
  flex-direction: column;
  justify-content: center;
  padding: var(--textmediateaser-content-padding, 0);
  padding-inline-end: var(--textmediateaser-content-padding-end);
  padding-inline-start: var(--textmediateaser-content-padding-start)
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-textmediateaser__content {
    padding: var(--textmediateaser-content-padding, 0);
    width: var(--textmediateaser-media-flex-md)
  }
}

.cmp-textmediateaser__title {
  text-wrap: balance;
  font-size: var(--headline-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-3-line-height);
  margin-block-end: var(--textmediateaser-title-bottom-margin)
}

@charset "UTF-8";

.cmp-text ol,
.cmp-text ul {
  padding-left: 1.25em
}

.cmp-text ul {
  list-style: disc
}

.cmp-text ul ul {
  list-style: circle
}

.cmp-text a {
  border: 0;
  border-bottom: 1px solid;
  box-shadow: none;
  cursor: pointer;
  display: inline;
  line-height: inherit;
  text-decoration: none
}

.cmp-text a,
.cmp-text a:active,
.cmp-text a:disabled,
.cmp-text a:focus,
.cmp-text a:hover,
.cmp-text a:visited {
  background: #0000;
  color: #262626
}

.cmp-text a:hover {
  color: #1c69d4
}

.cmp-text a:active {
  color: #0653b6
}

.cmp-text a:disabled {
  color: #bbb
}

.cmp-text a:focus,
.cmp-text a:focus-visible {
  outline: none
}

.cmp-text a:focus-visible,
.cmp-text a:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-text a.focus-visible {
    outline: none
  }

  .cmp-text a.focus-visible,
  .cmp-text a.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-text a:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-text a.focus-visible {
    color: #1c69d4
  }
}

.cmp-text .cmp-infoi__inline-text,
.cmp-text.style-text--with-infoi p:last-of-type {
  display: inline
}

.cmp-text .cmp-infoi__icon--superscript {
  vertical-align: top
}

.cmp-text .cmp-infoi__icon--center {
  transform: translateY(-10%);
  vertical-align: middle
}

.cmp-text__quote .cmp-text {
  font-size: var(--headline-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-3-line-height);
  margin-bottom: 0
}

.cmp-text__quote-source {
  display: block;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  margin-top: 1rem
}

.cmp-text__show-for-edit-mode {
  opacity: .3
}

.style-text--inward-quote p:first-of-type:before,
.style-text--lower-upper-quote p:first-of-type:before,
.style-text--outward-quote p:first-of-type:before,
.style-text--smart-quote p:first-of-type:before {
  content: open-quote
}

.style-text--inward-quote p:last-of-type:after,
.style-text--lower-upper-quote p:last-of-type:after,
.style-text--outward-quote p:last-of-type:after,
.style-text--smart-quote p:last-of-type:after {
  content: close-quote
}

.style-text--lower-upper-quote {
  quotes: "„" "“"
}

.style-text--smart-quote {
  quotes: "“" "”"
}

.style-text--outward-quote {
  quotes: "«" "»"
}

.style-text--inward-quote {
  quotes: "»" "«"
}

.style-text--dark .cmp-text {
  color: #262626
}

.style-text--light .cmp-text {
  color: #fff
}

.style-text--body-1>.cmp-text {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height)
}

.style-text--body-2>.cmp-text {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

.style-text--stage-sub-headline>.cmp-text {
  font-size: var(--stage-sub-headline-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--stage-sub-headline-line-height);
  text-transform: uppercase
}

.style-text--stage-price-tag-price>.cmp-text {
  font-size: var(--stage-price-tag-price-font-size);
  font-weight: var(--input-font-weight);
  line-height: var(--stage-price-tag-price-line-height)
}

.style-text--stage-price-tag-label>.cmp-text {
  font-size: var(--stage-price-tag-label-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--stage-price-tag-label-line-height)
}

.style-text--disclaimer-1>.cmp-text {
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  opacity: .7051
}

.style-technicaldata--full .cmp-technicaldatafact {
  grid-gap: .5rem 1.5rem;
  display: grid;
  grid-auto-rows: max-content;
  grid-template-columns: repeat(var(--technicaldata-alignment, 1), auto);
  height: 100%
}

.style-technicaldata--full .cmp-technicaldatafact .cmp-technicaldatafact__value {
  justify-content: var(--technicaldata-value-alignment, start);
  text-align: var(--technicaldata-value-alignment, start)
}

.style-technicaldata--compact .cmp-technicaldatafact {
  grid-gap: .5rem 1.5rem;
  display: grid;
  grid-auto-rows: max-content;
  grid-template-columns: repeat(var(--technicaldata-alignment, 2), auto);
  height: 100%
}

.style-technicaldata--compact .cmp-technicaldatafact .cmp-technicaldatafact__value {
  justify-content: var(--technicaldata-value-alignment, end);
  text-align: var(--technicaldata-value-alignment, end)
}

.style-technicaldata--flex .cmp-technicaldatafact {
  grid-gap: .5rem 1.5rem;
  display: grid;
  grid-auto-rows: max-content;
  grid-template-columns: repeat(var(--technicaldata-alignment, 2), auto);
  height: 100%
}

.style-technicaldata--flex .cmp-technicaldatafact .cmp-technicaldatafact__value {
  justify-content: var(--technicaldata-value-alignment, end);
  text-align: var(--technicaldata-value-alignment, end)
}

@media screen and (min-width:1024px) {
  .style-technicaldata--flex .cmp-technicaldatafact .cmp-technicaldatafact__value {
    justify-content: var(--technicaldata-value-alignment, start);
    text-align: var(--technicaldata-value-alignment, start)
  }
}

.style-technicaldata--small .cmp-technicaldatafact {
  grid-gap: .5rem 1.5rem;
  display: grid;
  grid-auto-rows: max-content;
  grid-template-columns: repeat(var(--technicaldata-alignment, 2), auto);
  height: 100%
}

.style-technicaldata--small .cmp-technicaldatafact .cmp-technicaldatafact__value {
  justify-content: var(--technicaldata-value-alignment, end);
  text-align: var(--technicaldata-value-alignment, end)
}

@media screen and (min-width:768px) {
  .style-technicaldata--small .cmp-technicaldatafact {
    grid-template-columns: repeat(var(--technicaldata-alignment, 1), auto)
  }

  .style-technicaldata--small .cmp-technicaldatafact .cmp-technicaldatafact__value {
    justify-content: var(--technicaldata-value-alignment, start);
    text-align: var(--technicaldata-value-alignment, start)
  }
}

@media screen and (min-width:1024px) {
  .style-technicaldata--flex:not(.style-technicaldata--popover) .cmp-technicaldatafact {
    align-items: start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
  }
}

.cmp-technicaldatafact {
  grid-gap: .5rem 1.5rem;
  align-content: space-between;
  display: grid;
  grid-auto-rows: max-content;
  grid-template-columns: repeat(var(--technicaldata-alignment, 1), auto);
  height: 100%;
  position: relative
}

@media screen and (min-width:1024px) {
  .cmp-technicaldatafact {
    grid-template-columns: repeat(var(--technicaldata-alignment, 2), auto)
  }

  .cmp-technicaldatafact .cmp-technicaldatafact__value {
    justify-content: var(--technicaldata-value-alignment, end);
    text-align: var(--technicaldata-value-alignment, end)
  }
}

.cmp-technicaldatafact__label {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--technicaldata-label-alignment, start);
  text-align: var(--technicaldata-label-alignment, start)
}

.cmp-technicaldatafact__label .cmp-technicaldatafact__footnote {
  border-bottom: unset
}

.cmp-technicaldatafact__value {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--technicaldata-value-alignment, start);
  text-align: var(--technicaldata-value-alignment, start)
}

.cmp-technicaldatafact__value .cmp-technicaldatafact__footnote {
  border-bottom: unset
}

.cmp-technicaldatafact__label .cmp-text {
  color: #666;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height)
}

.cmp-technicaldatafact__label .cmp-text .cmp-technicaldata__tooltip-icon {
  font-size: 1rem
}

.cmp-technicaldatafact__label .cmp-text .cmp-technicaldata__tooltip-icon:before {
  font-size: inherit;
  font-weight: 400
}

.cmp-technicaldatafact__value .cmp-text {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-technicaldata__table--collapsible {
  border-bottom: .0625rem solid #e6e6e6;
  display: block;
  width: 100%
}

.cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-head {
  display: flex
}

.cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-row {
  width: 100%
}

.cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-cell {
  display: flex
}

.cmp-technicaldata__table--collapsible .cmp-technicaldata__caption {
  all: unset;
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: .125rem;
  height: 4.5rem;
  justify-content: flex-start;
  margin-top: 2rem;
  position: relative;
  text-align: start;
  width: 100%
}

.cmp-technicaldata__table--collapsible .cmp-technicaldata__caption .cmp-technicaldata__footnote {
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height)
}

@media screen and (min-width:1024px) {
  .cmp-technicaldata__table--collapsible .cmp-technicaldata__caption {
    height: 5rem
  }
}

.cmp-technicaldata__table--collapsible .cmp-technicaldata__body,
.cmp-technicaldata__table--collapsible .cmp-technicaldata__disclaimer-text-line,
.cmp-technicaldata__table--collapsible .cmp-technicaldata__foot,
.cmp-technicaldata__table--collapsible .cmp-technicaldata__head {
  max-height: var(--technicaldata-element-height);
  overflow: hidden;
  transition: max-height .5s ease-in-out, margin .25s ease-in-out, padding .25s ease-in-out, opacity .25s ease-in-out
}

.cmp-technicaldata__table--collapsible .cmp-technicaldata__body:not(.cmp-technicaldata__body--zebra-odd),
.cmp-technicaldata__table--collapsible .cmp-technicaldata__head {
  margin-top: calc(var(--technicaldata-body-spacing-y)*-1)
}

.cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-headline {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  height: 100%;
  line-height: var(--subsection-2-line-height);
  padding: 0;
  text-align: start;
  width: auto
}

.cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-headline,
.cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-headline:active,
.cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-headline:focus,
.cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-headline:hover {
  background-color: #0000;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-headline:hover {
    box-shadow: none
  }
}

.cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-headline:focus,
.cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-headline:focus-visible {
  outline: none
}

.cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-headline:focus-visible,
.cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-headline:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-headline.focus-visible {
    outline: none
  }

  .cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-headline.focus-visible,
  .cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-headline.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-headline:disabled,
.cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-headline[aria-disabled=true] {
  pointer-events: none
}

@media screen and (min-width:1024px) {
  .cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-headline {
    font-size: var(--subsection-1-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--subsection-1-line-height)
  }
}

.cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform .5s ease-in-out
}

.cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-icon:before {
  font-size: 1.5rem;
  font-weight: 400
}

.cmp-technicaldata__table--collapsed .cmp-technicaldata__caption-icon {
  transform: rotate(180deg) translateY(50%)
}

.cmp-technicaldata__table--collapsed .cmp-technicaldata__body,
.cmp-technicaldata__table--collapsed .cmp-technicaldata__disclaimer-text-line,
.cmp-technicaldata__table--collapsed .cmp-technicaldata__foot,
.cmp-technicaldata__table--collapsed .cmp-technicaldata__head {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  max-height: 0;
  opacity: 0;
  padding-bottom: 0 !important;
  padding-top: 0 !important
}

.style-technicaldata--full .cmp-technicaldata__body {
  grid-gap: var(--technicaldata-row-gap) var(--technicaldata-column-gap);
  display: grid;
  grid-template-columns: repeat(var(--technicaldata-columns, 1), 1fr)
}

@media screen and (min-width:768px) {
  .style-technicaldata--full .cmp-technicaldata__body {
    grid-template-columns: repeat(var(--technicaldata-columns, 2), 1fr)
  }
}

@media screen and (min-width:1280px) {
  .style-technicaldata--full .cmp-technicaldata__body {
    grid-template-columns: repeat(var(--technicaldata-columns, 4), 1fr)
  }
}

@media screen {
  .style-technicaldata--full .cmp-technicaldata__body {
    --technicaldata-column-gap: 1rem;
    --technicaldata-row-gap: 1rem
  }
}

@media screen and (min-width:768px) {
  .style-technicaldata--full .cmp-technicaldata__body {
    --technicaldata-column-gap: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .style-technicaldata--full .cmp-technicaldata__body {
    --technicaldata-column-gap: 4rem;
    --technicaldata-row-gap: 1.5rem
  }
}

.style-technicaldata--compact .cmp-technicaldata__body {
  grid-gap: var(--technicaldata-row-gap) var(--technicaldata-column-gap);
  display: grid;
  grid-template-columns: repeat(var(--technicaldata-columns, 1), 1fr)
}

@media screen {
  .style-technicaldata--compact .cmp-technicaldata__body {
    --technicaldata-column-gap: 1rem;
    --technicaldata-row-gap: 1rem
  }
}

@media screen and (min-width:768px) {
  .style-technicaldata--compact .cmp-technicaldata__body {
    --technicaldata-column-gap: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .style-technicaldata--compact .cmp-technicaldata__body {
    --technicaldata-column-gap: 4rem;
    --technicaldata-row-gap: 1.5rem
  }
}

.style-technicaldata--small .cmp-technicaldata__body {
  grid-gap: var(--technicaldata-row-gap) var(--technicaldata-column-gap);
  display: grid;
  grid-template-columns: repeat(var(--technicaldata-columns, 1), 1fr)
}

@media screen and (min-width:768px) {
  .style-technicaldata--small .cmp-technicaldata__body {
    grid-template-columns: repeat(var(--technicaldata-columns, 2), 1fr)
  }
}

@media screen {
  .style-technicaldata--small .cmp-technicaldata__body {
    --technicaldata-column-gap: 1rem;
    --technicaldata-row-gap: 1rem
  }
}

@media screen and (min-width:768px) {
  .style-technicaldata--small .cmp-technicaldata__body {
    --technicaldata-column-gap: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .style-technicaldata--small .cmp-technicaldata__body {
    --technicaldata-column-gap: 4rem;
    --technicaldata-row-gap: 1.5rem
  }
}

.style-technicaldata--flex:not(.style-technicaldata--popover) .cmp-technicaldata__body {
  grid-template-columns: 1fr
}

@media screen and (min-width:1024px) {
  .style-technicaldata--flex:not(.style-technicaldata--popover) .cmp-technicaldata__body {
    column-gap: 2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
  }
}

@media screen and (min-width:1280px) {
  .style-technicaldata--flex:not(.style-technicaldata--popover) .cmp-technicaldata__body {
    column-gap: 2.5rem
  }
}

@media screen and (min-width:1920px) {
  .style-technicaldata--flex:not(.style-technicaldata--popover) .cmp-technicaldata__body {
    column-gap: 3rem
  }
}

.cmp-technicaldata--auto {
  --technicaldata-body-spacing-x: 0;
  --technicaldata-body-spacing-y: 1.5rem
}

.cmp-technicaldata--auto .cmp-label-disclaimer:has(.cmp-technicaldata__tooltip-wrapper) .cmp-text,
.cmp-technicaldata--auto .cmp-value-disclaimer:has(.cmp-technicaldata__tooltip-wrapper) .cmp-text {
  display: flex
}

.cmp-technicaldata__dropdowns {
  grid-gap: 1.5rem;
  display: grid;
  grid-template-columns: 1fr;
  padding: 2rem 0
}

.cmp-technicaldata__dropdowns .cmp-custom-dropdown__title {
  -webkit-line-clamp: var(--singleline-support, 2);
  -webkit-box-orient: vertical;
  display: var(--singleline-support, -webkit-box);
  overflow: hidden;
  text-overflow: ellipsis
}

@media screen and (min-width:768px) {
  .cmp-technicaldata__dropdowns {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .cmp-technicaldata__dropdowns {
    padding-top: 2.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-technicaldata__dropdowns {
    padding-bottom: 2.5rem;
    padding-top: 3rem
  }
}

.cmp-technicaldata__footnote-list {
  color: #666;
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  list-style: none;
  margin-bottom: 2.5rem;
  opacity: .7051;
  padding: 3rem var(--grid-gutter) 0
}

@media screen and (min-width:1024px) {
  .cmp-technicaldata__footnote-list {
    margin-bottom: 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-technicaldata__footnote-list {
    margin-bottom: 5rem
  }
}

.cmp-technicaldata__footnote,
.cmp-technicaldata__footnote-link,
.cmp-text a.cmp-technicaldatafact__footnote {
  border: unset;
  color: inherit;
  cursor: pointer;
  display: inline;
  font-weight: inherit;
  margin: -.5rem;
  padding: .5rem;
  text-decoration: none
}

.cmp-technicaldata__footnote-link:focus,
.cmp-technicaldata__footnote-link:focus-visible,
.cmp-technicaldata__footnote:focus,
.cmp-technicaldata__footnote:focus-visible,
.cmp-text a.cmp-technicaldatafact__footnote:focus,
.cmp-text a.cmp-technicaldatafact__footnote:focus-visible {
  outline: none
}

.cmp-technicaldata__footnote-link:focus-visible,
.cmp-technicaldata__footnote-link:focus-visible:hover,
.cmp-technicaldata__footnote:focus-visible,
.cmp-technicaldata__footnote:focus-visible:hover,
.cmp-text a.cmp-technicaldatafact__footnote:focus-visible,
.cmp-text a.cmp-technicaldatafact__footnote:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {

  .cmp-technicaldata__footnote-link.focus-visible,
  .cmp-technicaldata__footnote.focus-visible,
  .cmp-text a.cmp-technicaldatafact__footnote.focus-visible {
    outline: none
  }

  .cmp-technicaldata__footnote-link.focus-visible,
  .cmp-technicaldata__footnote-link.focus-visible:hover,
  .cmp-technicaldata__footnote.focus-visible,
  .cmp-technicaldata__footnote.focus-visible:hover,
  .cmp-text a.cmp-technicaldatafact__footnote.focus-visible,
  .cmp-text a.cmp-technicaldatafact__footnote.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.cmp-technicaldata__footnote-link:focus-visible,
.cmp-technicaldata__footnote:focus-visible,
.cmp-text a.cmp-technicaldatafact__footnote:focus-visible {
  margin-left: 0
}

@supports (display:block) {

  .cmp-technicaldata__footnote-link.focus-visible,
  .cmp-technicaldata__footnote.focus-visible,
  .cmp-text a.cmp-technicaldatafact__footnote.focus-visible {
    margin-left: 0
  }
}

.cmp-technicaldata__footnote-link:focus-visible,
.cmp-technicaldata__footnote:focus-visible,
.cmp-text a.cmp-technicaldatafact__footnote:focus-visible {
  margin-right: .25rem
}

@supports (display:block) {

  .cmp-technicaldata__footnote-link.focus-visible,
  .cmp-technicaldata__footnote.focus-visible,
  .cmp-text a.cmp-technicaldatafact__footnote.focus-visible {
    margin-right: .25rem
  }
}

.cmp-technicaldata__footnote-item {
  display: flex;
  position: relative
}

.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-link {
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0
}

.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-link:focus,
.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-link:focus-visible {
  outline: none
}

.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-link:focus-visible,
.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-link:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-link.focus-visible {
    outline: none
  }

  .cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-link.focus-visible,
  .cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-link.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text {
  padding-left: 1rem;
  
  z-index: 10
}

.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text a {
  border: 0;
  border-bottom: 1px solid;
  box-shadow: none;
  cursor: pointer;
  display: inline;
  line-height: inherit;
  text-decoration: none
}

.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text a,
.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text a:active,
.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text a:disabled,
.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text a:focus,
.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text a:hover,
.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text a:visited {
  background: #0000;
  color: #262626
}

.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text a:hover {
  color: #1c69d4
}

.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text a:active {
  color: #0653b6
}

.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text a:disabled {
  color: #bbb
}

.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text a:focus,
.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text a:focus-visible {
  outline: none
}

.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text a:focus-visible,
.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text a:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text a.focus-visible {
    outline: none
  }

  .cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text a.focus-visible,
  .cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text a.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text a:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text a.focus-visible {
    color: #1c69d4
  }
}

.cmp-technicaldata__footnote-item .cmp-technicaldata__footnote-text [href] {
  pointer-events: all
}

.cmp-technicaldata__footnote-item:not(.cmp-technicaldata__footnote-item--show),
.cmp-technicaldata__wrapper:not(.cmp-technicaldata__wrapper--show) {
  display: none
}

.cmp-technicaldata__footnote-item:not(:last-child) {
  margin-bottom: 1rem
}

.cmp-technicaldata__head--measurements {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-bottom: var(--technicaldata-body-spacing-y)
}

@media screen and (min-width:1024px) {
  .cmp-technicaldata__head--measurements {
    padding: var(--technicaldata-body-spacing-y) var(--technicaldata-body-spacing-x)
  }
}

.cmp-technicaldata__measurement-cell {
  display: block;
  position: relative
}

.cmp-technicaldata__measurement-image {
  max-width: 100%;
  object-fit: cover
}

.cmp-technicaldata__measurement-label {
  align-items: center;
  bottom: 0;
  display: flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  gap: .5rem;
  justify-content: center;
  left: 50%;
  line-height: var(--body-2-line-height);
  position: absolute;
  transform: translate(-50%);
  white-space: nowrap;
  width: 83.3333333333%
}

.cmp-technicaldata__measurement-label:after,
.cmp-technicaldata__measurement-label:before {
  background: #262626;
  content: "";
  height: 1px;
  width: 100%
}

@media screen and (max-width:767px) {
  .cmp-technicaldata__measurement-label {
    letter-spacing: -.0625rem
  }
}

.cmp-technicaldata__measurement:first-child {
  grid-column: 1/-1
}

.cmp-technicaldata__measurement:first-child .cmp-technicaldata__measurement-image {
  aspect-ratio: 2.1
}

.cmp-technicaldata__measurement:nth-child(2) {
  grid-column: 1/1
}

.cmp-technicaldata__measurement:nth-child(2) .cmp-technicaldata__measurement-image {
  aspect-ratio: 1
}

.cmp-technicaldata__measurement:nth-child(2) .cmp-technicaldata__measurement-label {
  width: 50%
}

.cmp-technicaldata__measurement:nth-child(3) {
  grid-column: 2/-1
}

.cmp-technicaldata__measurement:nth-child(3) .cmp-technicaldata__measurement-image {
  aspect-ratio: 1
}

.cmp-technicaldata__measurement:nth-child(3) .cmp-technicaldata__measurement-label {
  flex-direction: column;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px
}

.cmp-technicaldata__measurement:nth-child(3) .cmp-technicaldata__measurement-label:after,
.cmp-technicaldata__measurement:nth-child(3) .cmp-technicaldata__measurement-label:before {
  height: 100%
}

.cmp-technicaldata .cmp-custom-dropdown__overlay .cmp-custom-dropdown__label-text {
  visibility: hidden
}

.cmp-technicaldata .cmp-custom-dropdown {
  min-width: auto
}

.cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-button {
  border: 0;
  box-shadow: none;
  cursor: pointer
}

.cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-button,
.cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-button:active,
.cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-button:disabled,
.cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-button:focus,
.cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-button:hover,
.cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-button:visited {
  background: #0000;
  color: #262626
}

.cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-button:hover {
  color: #1c69d4
}

.cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-button:active {
  color: #0653b6
}

.cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-button:disabled {
  color: #bbb
}

.cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-button:focus,
.cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-button:focus-visible {
  outline: none
}

.cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-button:focus-visible,
.cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-button:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-button.focus-visible {
    outline: none
  }

  .cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-button.focus-visible,
  .cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-button.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-button:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-button.focus-visible {
    color: #1c69d4
  }
}

.cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-disclaimers {
  display: none
}

.cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-icon {
  vertical-align: text-top
}

.style-technicaldata--popover .cmp-technicaldata__tooltip-wrapper .cmp-technicaldata__tooltip-icon {
  vertical-align: sub
}

.cmp-technicaldata__tooltip-item:not(:last-child) {
  margin-bottom: .5rem
}

.cmp-technicaldata__caption .cmp-technicaldata__tooltip-wrapper {
  margin-right: 2rem
}

.style-technicaldata--popover .cmp-technicaldata__caption {
  height: auto;
  margin-bottom: 1.5rem
}

@media screen and (min-width:1280px) {
  .style-technicaldata--popover .cmp-technicaldata__caption {
    margin-bottom: 2rem
  }
}

@media screen and (min-width:1920px) {
  .style-technicaldata--popover .cmp-technicaldata__caption {
    margin-bottom: 2.5rem
  }
}

.style-technicaldata--popover .cmp-technicaldata__caption .cmp-technicaldata__tooltip-wrapper {
  margin-right: 0
}

.style-technicaldata--popover .cmp-technicaldata__footnote,
.style-technicaldata--popover .cmp-technicaldata__tooltip-button {
  pointer-events: all
}

.style-technicaldata--popover .cmp-technicaldata:not(.cmp-technicaldata--accordion-in-popover) .cmp-technicaldata__caption {
  cursor: default;
  pointer-events: none
}

.style-technicaldata--popover .cmp-technicaldata:not(.cmp-technicaldata--accordion-in-popover) .cmp-technicaldata__caption-icon {
  display: none
}

.style-technicaldata--popover .cmp-technicaldata:not(.cmp-technicaldata--accordion-in-popover) .cmp-technicaldata__caption-headline {
  cursor: auto
}

.style-technicaldata--popover .cmp-technicaldata__table:not(:first-child) {
  padding-top: 2rem
}

@media screen and (min-width:1280px) {
  .style-technicaldata--popover .cmp-technicaldata__table:not(:first-child) {
    padding-top: 2.5rem
  }
}

@media screen and (min-width:1920px) {
  .style-technicaldata--popover .cmp-technicaldata__table:not(:first-child) {
    padding-top: 3rem
  }
}

.style-technicaldata--popover .cmp-technicaldata__table:first-child {
  border-top: 0;
  padding-top: 1rem
}

@media screen and (min-width:768px) {
  .style-technicaldata--popover .cmp-technicaldata__table:first-child {
    padding-top: 2.5rem
  }
}

@media screen and (min-width:1280px) {
  .style-technicaldata--popover .cmp-technicaldata__table:first-child {
    padding-top: 3rem
  }
}

@media screen and (min-width:1920px) {
  .style-technicaldata--popover .cmp-technicaldata__table:first-child {
    padding-top: 4rem
  }
}

.cmp-technicaldata__foot--emissions {
  display: flex;
  width: 100%
}

.cmp-technicaldata__foot--emissions .cmp-technicaldata__foot-cell,
.cmp-technicaldata__foot--emissions .cmp-technicaldata__foot-row {
  display: block;
  padding: 0
}

@media screen and (min-width:1024px) {
  .cmp-technicaldata__foot--emissions {
    padding: var(--technicaldata-body-spacing-y) var(--technicaldata-body-spacing-x)
  }
}

.cmp-technicaldata__text-disclaimer-item {
  color: #666;
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  list-style: none;
  opacity: .7051;
  text-align: left
}

.cmp-technicaldata--auto:not(.style-technicaldata--responsive) {
  --technicaldata-body-spacing-x: 1.5rem;
  --technicaldata-body-spacing-y: 1.5rem
}

.cmp-technicaldata--auto:not(.style-technicaldata--responsive) .cmp-technicaldata__body--zebra-even,
.cmp-technicaldata--auto:not(.style-technicaldata--responsive) .cmp-technicaldata__body--zebra-odd {
  grid-gap: calc(var(--technicaldata-body-spacing-y)*2) calc(var(--grid-gutter)*2)
}

@media screen {

  .cmp-technicaldata .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:not(:nth-of-type(2n-0)):before,
  .cmp-technicaldata .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:not(:nth-of-type(2n-1)):before {
    content: none
  }

  .cmp-technicaldata .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:nth-of-type(2n-0):before,
  .cmp-technicaldata .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:nth-of-type(2n-1):before {
    background: #f6f6f6;
    content: "";
    inset: calc(var(--technicaldata-body-spacing-y)*-1);
    position: absolute;
    width: calc(100% + var(--technicaldata-body-spacing-x)*2 + var(--grid-gutter)*0);
    z-index: -10
  }
}

@media screen and (min-width:768px) {

  .cmp-technicaldata .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:not(:nth-of-type(6n-2)):before,
  .cmp-technicaldata .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:not(:nth-of-type(6n-5)):before {
    content: none
  }

  .cmp-technicaldata .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:nth-of-type(6n-2):before,
  .cmp-technicaldata .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:nth-of-type(6n-5):before {
    background: #f6f6f6;
    content: "";
    inset: calc(var(--technicaldata-body-spacing-y)*-1);
    position: absolute;
    width: calc(300% + var(--technicaldata-body-spacing-x)*2 + var(--grid-gutter)*4);
    z-index: -10
  }
}

@media screen {

  .style-technicaldata--full .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:not(:nth-of-type(2n-0)):before,
  .style-technicaldata--full .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:not(:nth-of-type(2n-1)):before {
    content: none
  }

  .style-technicaldata--full .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:nth-of-type(2n-0):before,
  .style-technicaldata--full .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:nth-of-type(2n-1):before {
    background: #f6f6f6;
    content: "";
    inset: calc(var(--technicaldata-body-spacing-y)*-1);
    position: absolute;
    width: calc(100% + var(--technicaldata-body-spacing-x)*2 + var(--grid-gutter)*0);
    z-index: -10
  }
}

@media screen and (min-width:768px) {

  .style-technicaldata--full .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:not(:nth-of-type(4n-1)):before,
  .style-technicaldata--full .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:not(:nth-of-type(4n-3)):before {
    content: none
  }

  .style-technicaldata--full .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:nth-of-type(4n-1):before,
  .style-technicaldata--full .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:nth-of-type(4n-3):before {
    background: #f6f6f6;
    content: "";
    inset: calc(var(--technicaldata-body-spacing-y)*-1);
    position: absolute;
    width: calc(200% + var(--technicaldata-body-spacing-x)*2 + var(--grid-gutter)*2);
    z-index: -10
  }
}

@media screen and (min-width:1280px) {

  .style-technicaldata--full .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:not(:nth-of-type(8n-3)):before,
  .style-technicaldata--full .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:not(:nth-of-type(8n-7)):before {
    content: none
  }

  .style-technicaldata--full .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:nth-of-type(8n-3):before,
  .style-technicaldata--full .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:nth-of-type(8n-7):before {
    background: #f6f6f6;
    content: "";
    inset: calc(var(--technicaldata-body-spacing-y)*-1);
    position: absolute;
    width: calc(400% + var(--technicaldata-body-spacing-x)*2 + var(--grid-gutter)*6);
    z-index: -10
  }
}

@media screen {

  .style-technicaldata--small .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:not(:nth-of-type(2n-0)):before,
  .style-technicaldata--small .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:not(:nth-of-type(2n-1)):before {
    content: none
  }

  .style-technicaldata--small .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:nth-of-type(2n-0):before,
  .style-technicaldata--small .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:nth-of-type(2n-1):before {
    background: #f6f6f6;
    content: "";
    inset: calc(var(--technicaldata-body-spacing-y)*-1);
    position: absolute;
    width: calc(100% + var(--technicaldata-body-spacing-x)*2 + var(--grid-gutter)*0);
    z-index: -10
  }
}

@media screen and (min-width:768px) {

  .style-technicaldata--small .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:not(:nth-of-type(4n-1)):before,
  .style-technicaldata--small .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:not(:nth-of-type(4n-3)):before {
    content: none
  }

  .style-technicaldata--small .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:nth-of-type(4n-1):before,
  .style-technicaldata--small .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:nth-of-type(4n-3):before {
    background: #f6f6f6;
    content: "";
    inset: calc(var(--technicaldata-body-spacing-y)*-1);
    position: absolute;
    width: calc(200% + var(--technicaldata-body-spacing-x)*2 + var(--grid-gutter)*2);
    z-index: -10
  }
}

@media screen {

  .style-technicaldata--flex .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:not(:nth-of-type(2n-0)):before,
  .style-technicaldata--flex .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:not(:nth-of-type(2n-1)):before {
    content: none
  }

  .style-technicaldata--flex .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:nth-of-type(2n-0):before,
  .style-technicaldata--flex .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:nth-of-type(2n-1):before {
    background: #f6f6f6;
    content: "";
    inset: calc(var(--technicaldata-body-spacing-y)*-1);
    position: absolute;
    width: calc(100% + var(--technicaldata-body-spacing-x)*2 + var(--grid-gutter)*0);
    z-index: -10
  }

  .style-technicaldata--compact .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:not(:nth-of-type(2n-0)):before,
  .style-technicaldata--compact .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:not(:nth-of-type(2n-1)):before {
    content: none
  }

  .style-technicaldata--compact .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:nth-of-type(2n-0):before,
  .style-technicaldata--compact .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:nth-of-type(2n-1):before {
    background: #f6f6f6;
    content: "";
    inset: calc(var(--technicaldata-body-spacing-y)*-1);
    position: absolute;
    width: calc(100% + var(--technicaldata-body-spacing-x)*2 + var(--grid-gutter)*0);
    z-index: -10
  }
}

@media screen and (min-width:1024px) {
  .style-technicaldata--flex .cmp-technicaldata__body {
    --technicaldata-body-spacing-x: 0
  }

  .style-technicaldata--flex .cmp-technicaldata__body .cmp-technicaldatafact:before {
    opacity: 0
  }
}

.cmp-technicaldata__dropdowns .style-page--print,
.style-page--print .cmp-technicaldata__dropdowns {
  display: block
}

.cmp-technicaldata__dropdowns .style-page--print .cmp-custom-dropdown__title,
.style-page--print .cmp-technicaldata__dropdowns .cmp-custom-dropdown__title {
  padding: 0 !important
}

.cmp-technicaldata__dropdowns .style-page--print .cmp-custom-dropdown__icon,
.cmp-technicaldata__dropdowns .style-page--print .cmp-custom-dropdown__label,
.style-page--print .cmp-technicaldata__dropdowns .cmp-custom-dropdown__icon,
.style-page--print .cmp-technicaldata__dropdowns .cmp-custom-dropdown__label {
  display: none !important
}

.cmp-technicaldata__dropdowns .style-page--print .cmp-custom-dropdown__button,
.style-page--print .cmp-technicaldata__dropdowns .cmp-custom-dropdown__button {
  border: 0 !important;
  min-height: auto !important
}

@media print {
  .cmp-technicaldata__dropdowns {
    display: block
  }

  .cmp-technicaldata__dropdowns .cmp-custom-dropdown__title {
    padding: 0 !important
  }

  .cmp-technicaldata__dropdowns .cmp-custom-dropdown__icon,
  .cmp-technicaldata__dropdowns .cmp-custom-dropdown__label {
    display: none !important
  }

  .cmp-technicaldata__dropdowns .cmp-custom-dropdown__button {
    border: 0 !important;
    min-height: auto !important
  }
}

.cmp-technicaldata__table--collapsed .style-page--print .cmp-technicaldata__caption-icon,
.cmp-technicaldata__table--collapsible .style-page--print .cmp-technicaldata__caption-icon,
.style-page--print .cmp-technicaldata__table--collapsed .cmp-technicaldata__caption-icon,
.style-page--print .cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-icon {
  transform: translateY(-50%) !important
}

.cmp-technicaldata__table--collapsed .style-page--print .cmp-technicaldata__body,
.cmp-technicaldata__table--collapsed .style-page--print .cmp-technicaldata__disclaimer-text-line,
.cmp-technicaldata__table--collapsed .style-page--print .cmp-technicaldata__foot,
.cmp-technicaldata__table--collapsed .style-page--print .cmp-technicaldata__head,
.cmp-technicaldata__table--collapsible .style-page--print .cmp-technicaldata__body,
.cmp-technicaldata__table--collapsible .style-page--print .cmp-technicaldata__disclaimer-text-line,
.cmp-technicaldata__table--collapsible .style-page--print .cmp-technicaldata__foot,
.cmp-technicaldata__table--collapsible .style-page--print .cmp-technicaldata__head,
.style-page--print .cmp-technicaldata__table--collapsed .cmp-technicaldata__body,
.style-page--print .cmp-technicaldata__table--collapsed .cmp-technicaldata__disclaimer-text-line,
.style-page--print .cmp-technicaldata__table--collapsed .cmp-technicaldata__foot,
.style-page--print .cmp-technicaldata__table--collapsed .cmp-technicaldata__head,
.style-page--print .cmp-technicaldata__table--collapsible .cmp-technicaldata__body,
.style-page--print .cmp-technicaldata__table--collapsible .cmp-technicaldata__disclaimer-text-line,
.style-page--print .cmp-technicaldata__table--collapsible .cmp-technicaldata__foot,
.style-page--print .cmp-technicaldata__table--collapsible .cmp-technicaldata__head {
  margin-bottom: 1.5rem !important;
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
  opacity: 1 !important
}

.cmp-technicaldata__table--collapsed .style-page--print .cmp-technicaldata__body,
.cmp-technicaldata__table--collapsible .style-page--print .cmp-technicaldata__body,
.style-page--print .cmp-technicaldata__table--collapsed .cmp-technicaldata__body,
.style-page--print .cmp-technicaldata__table--collapsible .cmp-technicaldata__body {
  padding: var(--technicaldata-body-spacing-y, 0) var(--technicaldata-body-spacing-x, 0) !important
}

@media print {

  .cmp-technicaldata__table--collapsed .cmp-technicaldata__caption-icon,
  .cmp-technicaldata__table--collapsible .cmp-technicaldata__caption-icon {
    transform: translateY(-50%) !important
  }

  .cmp-technicaldata__table--collapsed .cmp-technicaldata__body,
  .cmp-technicaldata__table--collapsed .cmp-technicaldata__disclaimer-text-line,
  .cmp-technicaldata__table--collapsed .cmp-technicaldata__foot,
  .cmp-technicaldata__table--collapsed .cmp-technicaldata__head,
  .cmp-technicaldata__table--collapsible .cmp-technicaldata__body,
  .cmp-technicaldata__table--collapsible .cmp-technicaldata__disclaimer-text-line,
  .cmp-technicaldata__table--collapsible .cmp-technicaldata__foot,
  .cmp-technicaldata__table--collapsible .cmp-technicaldata__head {
    margin-bottom: 1.5rem !important;
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
    opacity: 1 !important
  }

  .cmp-technicaldata__table--collapsed .cmp-technicaldata__body,
  .cmp-technicaldata__table--collapsible .cmp-technicaldata__body {
    padding: var(--technicaldata-body-spacing-y, 0) var(--technicaldata-body-spacing-x, 0) !important
  }
}

.cmp-technicaldata__table .style-page--print,
.style-page--print .cmp-technicaldata__table {
  display: inline-block !important;
  page-break-inside: avoid
}

@media print {
  .cmp-technicaldata__table {
    display: inline-block !important;
    page-break-inside: avoid
  }
}

.cmp-popover__main .style-page--print,
.style-page--print .cmp-popover__main {
  padding: 0 !important
}

.cmp-popover__main .style-page--print .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:before,
.cmp-popover__main .style-page--print .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:before,
.style-page--print .cmp-popover__main .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:before,
.style-page--print .cmp-popover__main .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:before {
  width: calc(300% + var(--technicaldata-body-spacing-x)*2 + var(--grid-gutter)*2) !important
}

@media print {
  .cmp-popover__main {
    padding: 0 !important
  }

  .cmp-popover__main .cmp-technicaldata__body--zebra-even .cmp-technicaldatafact:before,
  .cmp-popover__main .cmp-technicaldata__body--zebra-odd .cmp-technicaldatafact:before {
    width: calc(300% + var(--technicaldata-body-spacing-x)*2 + var(--grid-gutter)*2) !important
  }
}

.cmp-technicaldata__measurement-image .style-page--print,
.style-page--print .cmp-technicaldata__measurement-image {
  aspect-ratio: unset !important;
  page-break-inside: avoid
}

@media print {
  .cmp-technicaldata__measurement-image {
    aspect-ratio: unset !important;
    page-break-inside: avoid
  }
}

.cmp-technicaldata__table {
  display: block;
  width: 100%
}

.cmp-technicaldata__body {
  grid-gap: var(--technicaldata-row-gap) var(--technicaldata-column-gap);
  display: grid;
  grid-template-columns: repeat(var(--technicaldata-columns, 1), 1fr);
  padding: var(--technicaldata-body-spacing-y, 0) var(--technicaldata-body-spacing-x, 0)
}

@media screen and (min-width:768px) {
  .cmp-technicaldata__body {
    grid-template-columns: repeat(var(--technicaldata-columns, 3), 1fr)
  }
}

@media screen {
  .cmp-technicaldata__body {
    --technicaldata-column-gap: 1rem;
    --technicaldata-row-gap: 1rem
  }
}

@media screen and (min-width:768px) {
  .cmp-technicaldata__body {
    --technicaldata-column-gap: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-technicaldata__body {
    --technicaldata-column-gap: 4rem;
    --technicaldata-row-gap: 1.5rem
  }
}

.cmp-technicaldata__disclaimer-text-line {
  display: flex;
  padding-bottom: .75rem
}

.cmp-teaser {
  position: relative
}

.cmp-teaser__content {
  display: flex;
  flex: 1;
  flex-direction: column
}

@media screen and (max-width:767px) {
  .cmp-teaser__content {
    padding-top: 1.5rem
  }
}

.cmp-teaser__action-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-end
}

.cmp-teaser__action-link {
  align-items: center;
  align-self: flex-start;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  justify-content: center;
  line-height: var(--body-2-line-height);
  margin: 0 1rem 1rem 0;
  min-height: 3.25rem;
  min-width: 12rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none
}

.cmp-teaser__action-link,
.cmp-teaser__action-link:active,
.cmp-teaser__action-link:disabled,
.cmp-teaser__action-link:focus,
.cmp-teaser__action-link:hover {
  --border-color: #262626;
  background-color: #0000;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-teaser__action-link:hover {
    --border-width: 2px;
    box-shadow: inset 0 0 0 var(--border-width, 2px) var(--border-color, unset)
  }
}

.cmp-teaser__action-link:disabled,
.cmp-teaser__action-link[aria-disabled=true] {
  --border-color: #e6e6e6;
  color: #bbb;
  pointer-events: none
}

.cmp-teaser__action-link:disabled:focus-visible,
.cmp-teaser__action-link[aria-disabled=true]:focus-visible {
  color: #bbb
}

@supports (display:block) {

  .cmp-teaser__action-link:disabled.focus-visible,
  .cmp-teaser__action-link[aria-disabled=true].focus-visible {
    color: #bbb
  }
}

.cmp-teaser__action-link:focus,
.cmp-teaser__action-link:focus-visible {
  outline: none
}

.cmp-teaser__action-link:focus-visible,
.cmp-teaser__action-link:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-teaser__action-link.focus-visible {
    outline: none
  }

  .cmp-teaser__action-link.focus-visible,
  .cmp-teaser__action-link.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-teaser__action-link:last-child {
  margin-right: 0
}

.cmp-teaser__image {
  font-size: 0;
  line-height: 0
}

@media screen and (max-width:767px) {
  .cmp-teaser__image {
    left: 50%;
    margin-left: -50vw;
    position: relative;
    width: 100vw
  }
}

.cmp-teaser__title {
  margin-bottom: .5em
}

.cmp-teaser__pretitle {
  margin-bottom: .25rem
}

@media screen and (min-width:1024px) {
  .cmp-teaser__pretitle {
    margin-bottom: .5rem
  }
}

.cmp-teaser__content-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%
}

.cmp-teaser__content-wrapper .cmp-teaser__image-wrapper {
  position: relative
}

.cmp-teaser__link {
  text-decoration: none
}

.cmp-teaser__link:focus,
.cmp-teaser__link:focus-visible {
  outline: none
}

.cmp-teaser__link:focus-visible,
.cmp-teaser__link:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-teaser__link.focus-visible {
    outline: none
  }

  .cmp-teaser__link.focus-visible,
  .cmp-teaser__link.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-teaser__link,
.cmp-teaser__link:focus,
.cmp-teaser__link:hover {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit
}

.cmp-teaser__description {
  flex: 1 0 auto;
  margin-bottom: 1.5rem
}

.cmp-teaser__description ol,
.cmp-teaser__description ul {
  padding-left: 1.25em
}

.cmp-teaser__description ul {
  list-style: disc
}

.cmp-teaser__description ul ul {
  list-style: circle
}

@media screen and (max-width:1023px) {
  .cmp-teaser__description {
    margin-bottom: 1rem
  }
}

.style-common--grid-tile-layout .cmp-teaser {
  margin-bottom: .25rem
}

@media screen and (min-width:768px) {
  .style-teaser--default .cmp-teaser__content {
    padding-top: 1.5rem
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .style-teaser--boxed .cmp-teaser__content {
    padding-top: 1.5rem
  }
}

@media screen and (min-width:1024px) {

  .style-teaser--boxed .cmp-teaser__description,
  .style-teaser--boxed .cmp-teaser__pretitle,
  .style-teaser--boxed .cmp-teaser__title {
    color: initial
  }

  .style-teaser--boxed .cmp-teaser__content-wrapper {
    display: flex;
    flex-direction: row;
    height: auto;
    margin-top: 0
  }

  .style-teaser--boxed .cmp-teaser {
    display: flex;
    flex-direction: row
  }

  .style-teaser--boxed .cmp-teaser__image-wrapper {
    flex: 0;
    flex-basis: 66.6667%;
    margin-bottom: 0
  }

  .style-teaser--boxed .cmp-teaser__content {
    flex: 1;
    padding-top: .5rem
  }

  .style-teaser--boxed.style-teaser--image-left .cmp-teaser__content {
    padding-left: 2rem
  }

  .style-teaser--boxed.style-teaser--image-right .cmp-teaser,
  .style-teaser--boxed.style-teaser--image-right .cmp-teaser__content-wrapper {
    flex-direction: row-reverse
  }

  .style-teaser--boxed.style-teaser--image-right .cmp-teaser__content {
    padding-right: 2rem
  }
}

.style-teaser--primary-button .cmp-teaser__action-link {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset)
}

.style-teaser--primary-button .cmp-teaser__action-link,
.style-teaser--primary-button .cmp-teaser__action-link:active,
.style-teaser--primary-button .cmp-teaser__action-link:focus,
.style-teaser--primary-button .cmp-teaser__action-link:hover {
  background-color: #1c69d4;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-teaser--primary-button .cmp-teaser__action-link:hover {
    background-color: #0653b6;
    box-shadow: none;
    color: #fff
  }
}

.style-teaser--primary-button .cmp-teaser__action-link:focus,
.style-teaser--primary-button .cmp-teaser__action-link:focus-visible {
  outline: none
}

.style-teaser--primary-button .cmp-teaser__action-link:focus-visible,
.style-teaser--primary-button .cmp-teaser__action-link:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-teaser--primary-button .cmp-teaser__action-link.focus-visible {
    outline: none
  }

  .style-teaser--primary-button .cmp-teaser__action-link.focus-visible,
  .style-teaser--primary-button .cmp-teaser__action-link.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-teaser--primary-button .cmp-teaser__action-link:focus-visible {
  color: #fff
}

@supports (display:block) {
  .style-teaser--primary-button .cmp-teaser__action-link.focus-visible {
    color: #fff
  }
}

.style-teaser--primary-button .cmp-teaser__action-link:focus-visible {
  background-color: #0653b6
}

@supports (display:block) {
  .style-teaser--primary-button .cmp-teaser__action-link.focus-visible {
    background-color: #0653b6
  }
}

.style-teaser--primary-button .cmp-teaser__action-link:disabled,
.style-teaser--primary-button .cmp-teaser__action-link[aria-disabled=true] {
  background-color: #bbd2f3;
  pointer-events: none
}

.style-teaser--nba-button .cmp-teaser__action-link {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset)
}

.style-teaser--nba-button .cmp-teaser__action-link,
.style-teaser--nba-button .cmp-teaser__action-link:active,
.style-teaser--nba-button .cmp-teaser__action-link:focus,
.style-teaser--nba-button .cmp-teaser__action-link:hover {
  background-color: #262626;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-teaser--nba-button .cmp-teaser__action-link:hover {
    background-color: #4d4d4d;
    box-shadow: none;
    color: #fff
  }
}

.style-teaser--nba-button .cmp-teaser__action-link:focus,
.style-teaser--nba-button .cmp-teaser__action-link:focus-visible {
  outline: none
}

.style-teaser--nba-button .cmp-teaser__action-link:focus-visible,
.style-teaser--nba-button .cmp-teaser__action-link:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-teaser--nba-button .cmp-teaser__action-link.focus-visible {
    outline: none
  }

  .style-teaser--nba-button .cmp-teaser__action-link.focus-visible,
  .style-teaser--nba-button .cmp-teaser__action-link.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-teaser--nba-button .cmp-teaser__action-link:focus-visible {
  color: #fff
}

@supports (display:block) {
  .style-teaser--nba-button .cmp-teaser__action-link.focus-visible {
    color: #fff
  }
}

.style-teaser--nba-button .cmp-teaser__action-link:focus-visible {
  background-color: #4d4d4d
}

@supports (display:block) {
  .style-teaser--nba-button .cmp-teaser__action-link.focus-visible {
    background-color: #4d4d4d
  }
}

.style-teaser--nba-button .cmp-teaser__action-link:disabled,
.style-teaser--nba-button .cmp-teaser__action-link[aria-disabled=true] {
  background-color: #bbb;
  pointer-events: none
}

.style-teaser--ghost-button .cmp-teaser__action-link {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset)
}

.style-teaser--ghost-button .cmp-teaser__action-link,
.style-teaser--ghost-button .cmp-teaser__action-link:active,
.style-teaser--ghost-button .cmp-teaser__action-link:disabled,
.style-teaser--ghost-button .cmp-teaser__action-link:focus,
.style-teaser--ghost-button .cmp-teaser__action-link:hover {
  --border-color: #262626;
  background-color: #0000;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-teaser--ghost-button .cmp-teaser__action-link:hover {
    --border-width: 2px;
    box-shadow: inset 0 0 0 var(--border-width, 2px) var(--border-color, unset)
  }
}

.style-teaser--ghost-button .cmp-teaser__action-link:disabled,
.style-teaser--ghost-button .cmp-teaser__action-link[aria-disabled=true] {
  --border-color: #e6e6e6;
  color: #bbb;
  pointer-events: none
}

.style-teaser--ghost-button .cmp-teaser__action-link:disabled:focus-visible,
.style-teaser--ghost-button .cmp-teaser__action-link[aria-disabled=true]:focus-visible {
  color: #bbb
}

@supports (display:block) {

  .style-teaser--ghost-button .cmp-teaser__action-link:disabled.focus-visible,
  .style-teaser--ghost-button .cmp-teaser__action-link[aria-disabled=true].focus-visible {
    color: #bbb
  }
}

.style-teaser--ghost-button .cmp-teaser__action-link:focus,
.style-teaser--ghost-button .cmp-teaser__action-link:focus-visible {
  outline: none
}

.style-teaser--ghost-button .cmp-teaser__action-link:focus-visible,
.style-teaser--ghost-button .cmp-teaser__action-link:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-teaser--ghost-button .cmp-teaser__action-link.focus-visible {
    outline: none
  }

  .style-teaser--ghost-button .cmp-teaser__action-link.focus-visible,
  .style-teaser--ghost-button .cmp-teaser__action-link.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-teaser--ghost-button-on-image .cmp-teaser__action-link {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset)
}

.style-teaser--ghost-button-on-image .cmp-teaser__action-link,
.style-teaser--ghost-button-on-image .cmp-teaser__action-link:active,
.style-teaser--ghost-button-on-image .cmp-teaser__action-link:disabled,
.style-teaser--ghost-button-on-image .cmp-teaser__action-link:focus,
.style-teaser--ghost-button-on-image .cmp-teaser__action-link:hover {
  --border-color: #f2f2f2;
  background-color: #00000080;
  color: #f2f2f2
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-teaser--ghost-button-on-image .cmp-teaser__action-link:hover {
    --border-color: #fff;
    color: #fff
  }
}

.style-teaser--ghost-button-on-image .cmp-teaser__action-link:disabled,
.style-teaser--ghost-button-on-image .cmp-teaser__action-link[aria-disabled=true] {
  --border-color: #8e8e8e;
  color: #8e8e8e;
  pointer-events: none
}

.style-teaser--ghost-button-on-image .cmp-teaser__action-link:disabled:focus-visible,
.style-teaser--ghost-button-on-image .cmp-teaser__action-link[aria-disabled=true]:focus-visible {
  color: #8e8e8e
}

@supports (display:block) {

  .style-teaser--ghost-button-on-image .cmp-teaser__action-link:disabled.focus-visible,
  .style-teaser--ghost-button-on-image .cmp-teaser__action-link[aria-disabled=true].focus-visible {
    color: #8e8e8e
  }
}

.style-teaser--ghost-button-on-image .cmp-teaser__action-link:focus,
.style-teaser--ghost-button-on-image .cmp-teaser__action-link:focus-visible {
  outline: none
}

.style-teaser--ghost-button-on-image .cmp-teaser__action-link:focus-visible,
.style-teaser--ghost-button-on-image .cmp-teaser__action-link:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-teaser--ghost-button-on-image .cmp-teaser__action-link.focus-visible {
    outline: none
  }

  .style-teaser--ghost-button-on-image .cmp-teaser__action-link.focus-visible,
  .style-teaser--ghost-button-on-image .cmp-teaser__action-link.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-teaser--ghost-button-on-image .cmp-teaser__action-link:focus-visible {
  color: #fff
}

@supports (display:block) {
  .style-teaser--ghost-button-on-image .cmp-teaser__action-link.focus-visible {
    color: #fff
  }
}

.style-teaser--layered .cmp-teaser__content {
  bottom: 0;
  left: 0;
  padding: 1.5rem;
  position: absolute;
  right: 0;
  top: 0
}

.style-teaser--layered .cmp-teaser__description,
.style-teaser--layered .cmp-teaser__pretitle,
.style-teaser--layered .cmp-teaser__title {
  color: #fff
}

.style-teaser--layered .cmp-teaser__action-container {
  order: 4
}

.style-teaser--layered .cmp-teaser__action-link {
  margin-bottom: 0
}

.style-teaser--layered .cmp-teaser__description~.cmp-teaser__action-container {
  flex-grow: unset
}

.style-teaser--layered .cmp-teaser__title {
  margin-bottom: .35em;
  order: 1
}

.style-teaser--layered .cmp-teaser__pretitle {
  order: 2
}

.style-teaser--layered .cmp-teaser__description {
  align-items: flex-end;
  display: flex;
  flex-grow: 1;
  margin-bottom: .75rem;
  order: 3
}

.style-teaser--layered .cmp-teaser__image {
  z-index: -10
}

.style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset)
}

.style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link,
.style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link:active,
.style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link:focus,
.style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link:hover {
  background-color: #fff;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link:hover {
    background-color: #bbb;
    box-shadow: none
  }
}

.style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link:focus,
.style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link:focus-visible {
  outline: none
}

.style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link:focus-visible,
.style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link.focus-visible {
    outline: none
  }

  .style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link.focus-visible,
  .style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link:focus-visible {
  background-color: #bbb
}

@supports (display:block) {
  .style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link.focus-visible {
    background-color: #bbb
  }
}

.style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link:disabled,
.style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link[aria-disabled=true] {
  background-color: #8e8e8e;
  color: #666;
  pointer-events: none
}

.style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link:disabled:focus-visible,
.style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link[aria-disabled=true]:focus-visible {
  color: #666
}

@supports (display:block) {

  .style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link:disabled.focus-visible,
  .style-teaser--layered.style-teaser--nba-button .cmp-teaser__action-link[aria-disabled=true].focus-visible {
    color: #666
  }
}

.style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset)
}

.style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link,
.style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link:active,
.style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link:disabled,
.style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link:focus,
.style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link:hover {
  --border-color: #f2f2f2;
  background-color: #0000;
  color: #f2f2f2
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link:hover {
    --border-color: #fff;
    color: #fff
  }
}

.style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link:disabled,
.style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link[aria-disabled=true] {
  --border-color: #8e8e8e;
  color: #8e8e8e;
  pointer-events: none
}

.style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link:disabled:focus-visible,
.style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link[aria-disabled=true]:focus-visible {
  color: #8e8e8e
}

@supports (display:block) {

  .style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link:disabled.focus-visible,
  .style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link[aria-disabled=true].focus-visible {
    color: #8e8e8e
  }
}

.style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link:focus,
.style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link:focus-visible {
  outline: none
}

.style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link:focus-visible,
.style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link.focus-visible {
    outline: none
  }

  .style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link.focus-visible,
  .style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link:focus-visible {
  color: #f2f2f2
}

@supports (display:block) {
  .style-teaser--layered.style-teaser--ghost-button .cmp-teaser__action-link.focus-visible {
    color: #f2f2f2
  }
}

.style-teaser--layered.style-teaser--has-shadow .cmp-teaser__image {
  position: relative
}

.style-teaser--layered.style-teaser--has-shadow .cmp-teaser__image-wrapper:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.style-teaser--shadow-top-corner:not(.style-teaser--boxed) .cmp-teaser__image-wrapper:after {
  background: linear-gradient(110.14deg, #262626 11.9%, #26262600 43.19%)
}

.style-teaser--shadow-full-side:not(.style-teaser--boxed) .cmp-teaser__image-wrapper:after {
  background: linear-gradient(90deg, #262626 3.36%, #26262600 50%)
}

.style-teaser--shadow-full-bottom:not(.style-teaser--boxed) .cmp-teaser__image-wrapper:after {
  background: linear-gradient(0deg, #262626 12.64%, #26262600 68.19%)
}

.style-teaser--layered.style-teaser--headline-large .cmp-teaser__title {
  font-size: var(--headline-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-3-line-height)
}

@media screen and (max-width:767px) {
  .style-teaser--layered.style-teaser--headline-large .cmp-teaser__title {
    font-size: var(--subsection-2-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--subsection-2-line-height)
  }
}

.style-teaser--layered.style-teaser--headline-small .cmp-teaser__title {
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-2-line-height)
}

.cmp-tabs__tablist {
  -ms-overflow-style: none;
  cursor: grab;
  overflow: auto;
  scrollbar-width: none
}

.cmp-tabs__tablist::-webkit-scrollbar {
  display: none
}

.cmp-tabs .style--mask-left {
  -webkit-mask: linear-gradient(to right, #fff0 0, #fff calc(var(--grid-full)*3));
  mask: linear-gradient(to right, #fff0 0, #fff calc(var(--grid-full)*3));
  visibility: visible
}

.cmp-tabs .style--mask-right {
  -webkit-mask: linear-gradient(to left, #fff0 0, #fff calc(var(--grid-full)*3));
  mask: linear-gradient(to left, #fff0 0, #fff calc(var(--grid-full)*3));
  visibility: visible
}

.cmp-tabs .style--mask-left.style--mask-right {
  -webkit-mask: linear-gradient(to left, #fff0 0, #fff calc(var(--grid-full)*3)) right, linear-gradient(to right, #fff0 0, #fff calc(var(--grid-full)*3)) left;
  mask: linear-gradient(to left, #fff0 0, #fff calc(var(--grid-full)*3)) right, linear-gradient(to right, #fff0 0, #fff calc(var(--grid-full)*3)) left;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 51% 100%;
  mask-size: 51% 100%;
  visibility: visible
}

.style-draggable--dragging .cmp-tabs__tab {
  pointer-events: none
}

@media screen and (min-width:768px) {
  .style-tabs--default .cmp-tabs__tab {
    height: 5rem
  }
}

.style-tabs-horizontal-alignment--center>.cmp-tabs>.cmp-tabs__navigation {
  justify-content: center
}

.style-tabs--light .cmp-tabs__tab {
  border: 0;
  border-bottom: .25rem solid #0000;
  border-radius: 0;
  border-top: .25rem solid #0000;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  display: inline-block
}

.style-tabs--light .cmp-tabs__tab,
.style-tabs--light .cmp-tabs__tab:active,
.style-tabs--light .cmp-tabs__tab:focus,
.style-tabs--light .cmp-tabs__tab:hover {
  background-color: #0000;
  color: #bbb
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-tabs--light .cmp-tabs__tab:hover {
    box-shadow: none;
    color: #1c69d4
  }
}

.style-tabs--light .cmp-tabs__tab:focus-visible,
.style-tabs--light .cmp-tabs__tab:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-tabs--light .cmp-tabs__tab.focus-visible {
    outline: none
  }

  .style-tabs--light .cmp-tabs__tab.focus-visible,
  .style-tabs--light .cmp-tabs__tab.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-tabs--light .cmp-tabs__tab:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .style-tabs--light .cmp-tabs__tab.focus-visible {
    color: #1c69d4
  }
}

.style-tabs--light .cmp-tabs__tab:disabled,
.style-tabs--light .cmp-tabs__tab[aria-disabled=true] {
  color: #fff;
  pointer-events: none
}

.style-tabs--light .cmp-tabs__tab:disabled:focus-visible,
.style-tabs--light .cmp-tabs__tab[aria-disabled=true]:focus-visible {
  color: #fff
}

@supports (display:block) {

  .style-tabs--light .cmp-tabs__tab:disabled.focus-visible,
  .style-tabs--light .cmp-tabs__tab[aria-disabled=true].focus-visible {
    color: #fff
  }
}

.style-tabs--light .cmp-tabs__tab:focus,
.style-tabs--light .cmp-tabs__tab:focus-visible {
  outline: none
}

.style-tabs--light .cmp-tabs__tab:focus-visible,
.style-tabs--light .cmp-tabs__tab:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .style-tabs--light .cmp-tabs__tab.focus-visible {
    outline: none
  }

  .style-tabs--light .cmp-tabs__tab.focus-visible,
  .style-tabs--light .cmp-tabs__tab.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.style-tabs--light .cmp-tabs__tab:focus-visible {
  border-width: 0
}

@supports (display:block) {
  .style-tabs--light .cmp-tabs__tab.focus-visible {
    border-width: 0
  }
}

.style-tabs--light .cmp-tabs__tab.cmp-tabs__tab--active,
.style-tabs--light .cmp-tabs__tab.cmp-tabs__tab--active:hover,
.style-tabs--light .cmp-tabs__tab:focus {
  background-color: #0000;
  border-bottom-color: #fff;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-tabs--light .cmp-tabs__tab:hover {
    border-bottom-color: #1c69d4
  }
}

.style-tabs--buttons .cmp-tabs__tablist {
  gap: 0
}

.style-tabs--buttons .cmp-tabs__tablist:before {
  background: #f6f6f6;
  border: 0;
  border-radius: 3px;
  box-shadow: 0 .125rem .5rem 0 #00000014, 0 0 .0625rem 0 #00000047;
  transform: none
}

.style-tabs--buttons .cmp-tabs__tab {
  border: 0;
  border-bottom: .25rem solid #0000;
  border-radius: 3px;
  border-top: .25rem solid #0000;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  display: inline-block;
  margin: 0;
  width: 8rem
}

.style-tabs--buttons .cmp-tabs__tab,
.style-tabs--buttons .cmp-tabs__tab:active,
.style-tabs--buttons .cmp-tabs__tab:focus,
.style-tabs--buttons .cmp-tabs__tab:hover {
  background-color: #f6f6f6;
  color: #666
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-tabs--buttons .cmp-tabs__tab:hover {
    box-shadow: none;
    color: #1c69d4
  }
}

.style-tabs--buttons .cmp-tabs__tab:focus-visible,
.style-tabs--buttons .cmp-tabs__tab:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-tabs--buttons .cmp-tabs__tab.focus-visible {
    outline: none
  }

  .style-tabs--buttons .cmp-tabs__tab.focus-visible,
  .style-tabs--buttons .cmp-tabs__tab.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-tabs--buttons .cmp-tabs__tab:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .style-tabs--buttons .cmp-tabs__tab.focus-visible {
    color: #1c69d4
  }
}

.style-tabs--buttons .cmp-tabs__tab:disabled,
.style-tabs--buttons .cmp-tabs__tab[aria-disabled=true] {
  color: #fff;
  pointer-events: none
}

.style-tabs--buttons .cmp-tabs__tab:disabled:focus-visible,
.style-tabs--buttons .cmp-tabs__tab[aria-disabled=true]:focus-visible {
  color: #fff
}

@supports (display:block) {

  .style-tabs--buttons .cmp-tabs__tab:disabled.focus-visible,
  .style-tabs--buttons .cmp-tabs__tab[aria-disabled=true].focus-visible {
    color: #fff
  }
}

.style-tabs--buttons .cmp-tabs__tab:focus,
.style-tabs--buttons .cmp-tabs__tab:focus-visible {
  outline: none
}

.style-tabs--buttons .cmp-tabs__tab:focus-visible,
.style-tabs--buttons .cmp-tabs__tab:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .style-tabs--buttons .cmp-tabs__tab.focus-visible {
    outline: none
  }

  .style-tabs--buttons .cmp-tabs__tab.focus-visible,
  .style-tabs--buttons .cmp-tabs__tab.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.style-tabs--buttons .cmp-tabs__tab:focus-visible {
  border-width: 0
}

@supports (display:block) {
  .style-tabs--buttons .cmp-tabs__tab.focus-visible {
    border-width: 0
  }
}

.style-tabs--buttons .cmp-tabs__tab.cmp-tabs__tab--active,
.style-tabs--buttons .cmp-tabs__tab.cmp-tabs__tab--active:hover,
.style-tabs--buttons .cmp-tabs__tab:focus {
  background-color: #fff;
  border-bottom-color: #0000;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-tabs--buttons .cmp-tabs__tab:hover {
    border-bottom-color: #0000
  }
}

.style-tabs--buttons .cmp-tabs__tabpanel {
  border-top: 0
}

.style-tabs--buttons .cmp-tabs__navigation[data-items="2"] {
  padding: .5rem 1.5rem
}

.style-tabs--buttons .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist {
  border-radius: 3px;
  box-shadow: 0 .125rem .5rem 0 #00000014, 0 0 .0625rem 0 #00000047;
  box-sizing: initial;
  display: inline-grid;
  grid-auto-columns: 1fr;
  margin: .5rem 0;
  max-width: calc(var(--grid-full)*var(--tabs-multiplier));
  padding: 0
}

@media screen {
  .style-tabs--buttons .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist {
    --tabs-multiplier: 16
  }
}

@media screen and (min-width:768px) {
  .style-tabs--buttons .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist {
    --tabs-multiplier: 10
  }
}

.style-tabs--buttons .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist:before {
  display: none
}

.style-tabs--buttons .cmp-tabs__navigation[data-items="2"] .cmp-tabs__item {
  grid-row: 1;
  height: 100%;
  list-style: none;
  white-space: normal
}

.style-tabs--buttons .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab {
  border-radius: 0;
  height: inherit;
  max-width: unset;
  padding: .5rem 1.125rem;
  white-space: normal;
  width: 100%
}

.style-tabs--buttons .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tabtitle {
  -webkit-line-clamp: var(--singleline-support, 2);
  -webkit-box-orient: vertical;
  display: var(--singleline-support, -webkit-box);
  overflow: hidden;
  text-overflow: ellipsis
}

@media screen and (min-width:768px) {
  .style-tabs--buttons .cmp-tabs__navigation[data-items="2"] {
    padding-left: var(--grid-full);
    padding-right: var(--grid-full)
  }
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation {
  display: flex;
  position: relative
}

.style-container--fixed .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation {
  margin-left: calc(var(--grid-full)*-1);
  margin-right: calc(var(--grid-full)*-1);
  max-width: 120rem;
  width: calc(100% + var(--grid-full)*2)
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation--hide {
  display: none
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist {
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  gap: .5rem;
  margin-bottom: -.5rem;
  margin-top: -.5rem;
  max-width: none;
  padding-bottom: .5rem;
  padding-top: .5rem;
  position: relative;
  white-space: nowrap;
  z-index: 10
}

.style-container--fixed .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist,
.style-container--fixed .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist {
  padding-left: var(--grid-full);
  padding-right: var(--grid-full)
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist:focus,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist:focus-visible,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist:focus,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist:focus-visible {
  outline: none
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist:focus-visible,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist:focus-visible:hover,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist:focus-visible,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist:focus-visible:hover {
  box-shadow: none
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist:focus-visible:after,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist:focus-visible:hover:after,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist:focus-visible:after,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist:focus-visible:hover:after {
  bottom: 0;
  box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
  content: " ";
  display: block;
  left: 0;
  
  position: absolute;
  right: 0;
  top: 0
}

@supports (display:block) {

  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist.focus-visible,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist.focus-visible {
    outline: none
  }

  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist.focus-visible,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist.focus-visible:hover,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist.focus-visible,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist.focus-visible:hover {
    box-shadow: none
  }

  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist.focus-visible:after,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist.focus-visible:hover:after,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist.focus-visible:after,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist.focus-visible:hover:after {
    bottom: 0;
    box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
    content: " ";
    display: block;
    left: 0;
    
    position: absolute;
    right: 0;
    top: 0
  }
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist:focus-visible:after,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist:focus-visible:after {
  left: calc(var(--grid-full)/2)
}

@supports (display:block) {

  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist.focus-visible:after,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist.focus-visible:after {
    left: calc(var(--grid-full)/2)
  }
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist:focus-visible:after,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist:focus-visible:after {
  right: calc(var(--grid-full)/2)
}

@supports (display:block) {

  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist.focus-visible:after,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist.focus-visible:after {
    right: calc(var(--grid-full)/2)
  }
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist:before,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist:before {
  background-color: #fff;
  border-bottom: .0625rem solid #e6e6e6;
  bottom: .5rem;
  box-shadow: none;
  content: "";
  position: absolute;
  top: .5rem;
  transform: translateY(1px);
  width: var(--tabs-navigation-width);
  z-index: -10
}

.style-container--fixed .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist:before,
.style-container--fixed .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist:before {
  left: var(--grid-full);
  right: var(--grid-full)
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist:after,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tablist:after {
  border-radius: 3px
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab {
  align-items: center;
  border: 0;
  border-bottom: .25rem solid #0000;
  border-radius: 3px;
  border-radius: 0;
  border-top: .25rem solid #0000;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  display: inline-block;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  height: 5pc;
  justify-content: center;
  line-height: var(--body-2-line-height);
  max-width: calc(100vw - var(--grid-full)*6 + 1rem);
  min-height: 3.25rem;
  overflow: hidden;
  padding: 0 .5rem;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab:active,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab:focus,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab:hover,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab:active,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab:focus,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab:hover {
  background-color: #0000;
  color: #666
}

@media screen and (hover:hover) and (pointer:fine) {

  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab:hover,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab:hover {
    box-shadow: none;
    color: #1c69d4
  }
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab:focus-visible,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab:focus-visible:hover,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab:focus-visible,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {

  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab.focus-visible,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab.focus-visible {
    outline: none
  }

  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab.focus-visible,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab.focus-visible:hover,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab.focus-visible,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab:focus-visible,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab:focus-visible {
  color: #1c69d4
}

@supports (display:block) {

  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab.focus-visible,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab.focus-visible {
    color: #1c69d4
  }
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab:disabled,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab[aria-disabled=true],
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab:disabled,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab[aria-disabled=true] {
  color: #bbb;
  pointer-events: none
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab:disabled:focus-visible,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab[aria-disabled=true]:focus-visible,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab:disabled:focus-visible,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab[aria-disabled=true]:focus-visible {
  color: #bbb
}

@supports (display:block) {

  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab:disabled.focus-visible,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab[aria-disabled=true].focus-visible,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab:disabled.focus-visible,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab[aria-disabled=true].focus-visible {
    color: #bbb
  }
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab:focus,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab:focus-visible,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab:focus,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab:focus-visible {
  outline: none
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab:focus-visible,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab:focus-visible:hover,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab:focus-visible,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {

  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab.focus-visible,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab.focus-visible {
    outline: none
  }

  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab.focus-visible,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab.focus-visible:hover,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab.focus-visible,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab:focus-visible,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab:focus-visible {
  border-width: 0
}

@supports (display:block) {

  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab.focus-visible,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab.focus-visible {
    border-width: 0
  }
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab.cmp-tabs__tab--active,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab.cmp-tabs__tab--active:hover,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab:focus,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab.cmp-tabs__tab--active,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab.cmp-tabs__tab--active:hover,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab:focus {
  background-color: #0000;
  border-bottom-color: #262626;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {

  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab:hover,
  .style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab:hover {
    border-bottom-color: #1c69d4
  }
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation .cmp-tabs__tab:focus,
.style-tabs--buttons .style-tabs--default .cmp-tabs__navigation[data-items="2"] .cmp-tabs__tab:focus {
  outline: 0
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__tabpanel {
  padding-top: 1rem
}

.style-tabs--buttons .style-tabs--default .cmp-tabs__tabpanel>.container>.cmp-container>.aem-Grid {
  margin: 0 calc(var(--grid-gutter)*-1);
  width: calc(100% + var(--grid-gutter)*2)
}

.cmp-tabs__navigation,
.cmp-tabs__tablist {
  margin-bottom: -.5rem;
  margin-top: -.5rem;
  padding-bottom: .5rem;
  padding-top: .5rem
}

.cmp-tabs__navigation:focus,
.cmp-tabs__navigation:focus-visible,
.cmp-tabs__tablist:focus,
.cmp-tabs__tablist:focus-visible {
  outline: none
}

.cmp-tabs__navigation:focus-visible,
.cmp-tabs__navigation:focus-visible:hover,
.cmp-tabs__tablist:focus-visible,
.cmp-tabs__tablist:focus-visible:hover {
  box-shadow: none
}

.cmp-tabs__navigation:focus-visible:after,
.cmp-tabs__navigation:focus-visible:hover:after,
.cmp-tabs__tablist:focus-visible:after,
.cmp-tabs__tablist:focus-visible:hover:after {
  bottom: 0;
  box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
  content: " ";
  display: block;
  left: 0;
  
  position: absolute;
  right: 0;
  top: 0
}

@supports (display:block) {

  .cmp-tabs__navigation.focus-visible,
  .cmp-tabs__tablist.focus-visible {
    outline: none
  }

  .cmp-tabs__navigation.focus-visible,
  .cmp-tabs__navigation.focus-visible:hover,
  .cmp-tabs__tablist.focus-visible,
  .cmp-tabs__tablist.focus-visible:hover {
    box-shadow: none
  }

  .cmp-tabs__navigation.focus-visible:after,
  .cmp-tabs__navigation.focus-visible:hover:after,
  .cmp-tabs__tablist.focus-visible:after,
  .cmp-tabs__tablist.focus-visible:hover:after {
    bottom: 0;
    box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
    content: " ";
    display: block;
    left: 0;
    
    position: absolute;
    right: 0;
    top: 0
  }
}

.cmp-tabs__navigation:focus-visible:after,
.cmp-tabs__tablist:focus-visible:after {
  left: calc(var(--grid-full)/2)
}

@supports (display:block) {

  .cmp-tabs__navigation.focus-visible:after,
  .cmp-tabs__tablist.focus-visible:after {
    left: calc(var(--grid-full)/2)
  }
}

.cmp-tabs__navigation:focus-visible:after,
.cmp-tabs__tablist:focus-visible:after {
  right: calc(var(--grid-full)/2)
}

@supports (display:block) {

  .cmp-tabs__navigation.focus-visible:after,
  .cmp-tabs__tablist.focus-visible:after {
    right: calc(var(--grid-full)/2)
  }
}

.cmp-tabs__navigation:after,
.cmp-tabs__tablist:after {
  border-radius: 3px
}

.cmp-tabs__navigation {
  display: flex;
  position: relative
}

.style-container--fixed .cmp-tabs__navigation {
  margin-left: calc(var(--grid-full)*-1);
  margin-right: calc(var(--grid-full)*-1);
  max-width: 120rem;
  width: calc(100% + var(--grid-full)*2)
}

.cmp-tabs__navigation--hide {
  display: none
}

.cmp-tabs__tablist {
  display: flex;
  flex-wrap: nowrap;
  gap: .5rem;
  position: relative;
  white-space: nowrap;
  z-index: 10
}

.style-container--fixed .cmp-tabs__tablist {
  padding-left: var(--grid-full);
  padding-right: var(--grid-full)
}

.cmp-tabs__tablist:before {
  border-bottom: .0625rem solid #e6e6e6;
  bottom: .5rem;
  content: "";
  position: absolute;
  top: .5rem;
  transform: translateY(1px);
  width: var(--tabs-navigation-width);
  z-index: -10
}

.style-container--fixed .cmp-tabs__tablist:before {
  left: var(--grid-full);
  right: var(--grid-full)
}

.cmp-tabs__tab {
  align-items: center;
  border: 0;
  border-bottom: .25rem solid #0000;
  border-radius: 3px;
  border-radius: 0;
  border-top: .25rem solid #0000;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  display: inline-block;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  height: 3.25rem;
  justify-content: center;
  line-height: var(--body-2-line-height);
  max-width: calc(100vw - var(--grid-full)*6 + 1rem);
  min-height: 3.25rem;
  overflow: hidden;
  padding: 0 .5rem;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap
}

.cmp-tabs__tab,
.cmp-tabs__tab:active,
.cmp-tabs__tab:focus,
.cmp-tabs__tab:hover {
  background-color: #0000;
  color: #666
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-tabs__tab:hover {
    box-shadow: none;
    color: #1c69d4
  }
}

.cmp-tabs__tab:focus-visible,
.cmp-tabs__tab:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-tabs__tab.focus-visible {
    outline: none
  }

  .cmp-tabs__tab.focus-visible,
  .cmp-tabs__tab.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-tabs__tab:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-tabs__tab.focus-visible {
    color: #1c69d4
  }
}

.cmp-tabs__tab:disabled,
.cmp-tabs__tab[aria-disabled=true] {
  color: #bbb;
  pointer-events: none
}

.cmp-tabs__tab:disabled:focus-visible,
.cmp-tabs__tab[aria-disabled=true]:focus-visible {
  color: #bbb
}

@supports (display:block) {

  .cmp-tabs__tab:disabled.focus-visible,
  .cmp-tabs__tab[aria-disabled=true].focus-visible {
    color: #bbb
  }
}

.cmp-tabs__tab:focus,
.cmp-tabs__tab:focus-visible {
  outline: none
}

.cmp-tabs__tab:focus-visible,
.cmp-tabs__tab:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .cmp-tabs__tab.focus-visible {
    outline: none
  }

  .cmp-tabs__tab.focus-visible,
  .cmp-tabs__tab.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.cmp-tabs__tab:focus-visible {
  border-width: 0
}

@supports (display:block) {
  .cmp-tabs__tab.focus-visible {
    border-width: 0
  }
}

.cmp-tabs__tab.cmp-tabs__tab--active,
.cmp-tabs__tab.cmp-tabs__tab--active:hover,
.cmp-tabs__tab:focus {
  background-color: #0000;
  border-bottom-color: #262626;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-tabs__tab:hover {
    border-bottom-color: #1c69d4
  }
}

.cmp-tabs__tab:focus {
  outline: 0
}

.cmp-tabs__tabpanel {
  padding-top: 1rem
}

.cmp-tabs__tabpanel>.container>.cmp-container>.aem-Grid {
  margin: 0 calc(var(--grid-gutter)*-1);
  width: calc(100% + var(--grid-gutter)*2)
}

.hidden {
  display: none
}

.cmp-stickysidebar {
  --cmp-stickysidebar-right-position: 3.5rem;
  -webkit-tap-highlight-color: transparent;
  bottom: var(--cmp-stickysidebar-bottom-position);
  cursor: pointer;
  display: flex;
  flex-direction: column-reverse;
  
  position: fixed;
  right: var(--cmp-stickysidebar-right-position);
  z-index: 6040
}

@media screen and (max-width:767px) {
  .cmp-stickysidebar {
    --cmp-stickysidebar-bottom-position: 15vh;
    --cmp-stickysidebar-right-position: 1rem
  }
}

@media screen and (min-width:768px) {
  .cmp-stickysidebar {
    --cmp-stickysidebar-bottom-position: 20vh
  }
}

@media screen and (min-width:1920px) {
  .cmp-stickysidebar {
    --cmp-stickysidebar-bottom-position: 24vh;
    --cmp-stickysidebar-right-position: calc(50vw - 960px + 3.5rem)
  }
}

.cmp-stickysidebar .cmp-stickysidebar__dropdown {
  align-items: stretch;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 .3125rem 2.5rem 0 #00000029;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: .75rem;
  max-width: 18.75rem;
  min-width: 10.75rem;
  opacity: 0;
  padding: .25rem;
  
  transform: scale(.8);
  transform-origin: bottom right;
  transition: all .15s ease-out;
  visibility: hidden;
  width: auto
}

.cmp-stickysidebar .cmp-stickysidebar__dropdown--opened {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
  visibility: visible
}

.cmp-stickysidebar .cmp-stickysidebar__dropdown--reversed {
  margin-bottom: 0;
  transform: translateY(calc(100% + 4rem)) scale(.8);
  transform-origin: top right
}

.cmp-stickysidebar .cmp-stickysidebar__dropdown--opened.cmp-stickysidebar__dropdown--reversed {
  transform: translateY(calc(100% + 4rem)) scale(1)
}

.cmp-stickysidebar .cmp-stickysidebar__list {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  row-gap: .25rem
}

.cmp-stickysidebar .cmp-stickysidebar__item:has(.with-divider:not(.hidden)) {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: calc(.125rem + 1px)
}

.cmp-stickysidebar .cmp-stickysidebar__item:last-of-type:has(.with-divider:not(.hidden)) {
  border-bottom: 0;
  padding-bottom: .125rem
}

.cmp-stickysidebar .cmp-stickysidebar__item-button {
  align-items: center;
  background-color: #fff;
  border: 0;
  border-radius: 3px;
  color: #262626;
  column-gap: 1rem;
  cursor: pointer;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  justify-content: space-between;
  line-height: var(--body-2-line-height);
  margin-bottom: 0;
  padding: .875rem 1rem;
  text-decoration: none;
  width: 100%
}

.cmp-stickysidebar .cmp-stickysidebar__item-button:active,
.cmp-stickysidebar .cmp-stickysidebar__item-button:focus,
.cmp-stickysidebar .cmp-stickysidebar__item-button:hover {
  background-color: #f2f2f2;
  color: #262626;
  outline: 0
}

.cmp-stickysidebar .cmp-stickysidebar__item-button:not(.hidden) {
  display: flex
}

.cmp-stickysidebar .cmp-stickysidebar__item-button:focus-visible,
.cmp-stickysidebar .cmp-stickysidebar__item-button[aria-selected=true] {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

.cmp-stickysidebar .cmp-stickysidebar__item-icon--placeholder:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "tree_and_bench";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-stickysidebar .cmp-stickysidebar__item-icon--placeholder:before {
    display: none
  }
}

.cmp-stickysidebar .cmp-stickysidebar__item-icon--placeholder:before {
  font-size: 2rem;
  font-weight: 400
}

.cmp-stickysidebar .cmp-stickysidebar__item-icons {
  align-items: center;
  display: flex;
  height: 1.5rem;
  justify-content: center;
  width: 1.5rem
}

.cmp-stickysidebar .cmp-stickysidebar__item-icon.hidden {
  display: none
}

.cmp-stickysidebar .cmp-stickysidebar__item-text {
  align-items: center;
  column-gap: .875rem;
  display: flex
}

.cmp-stickysidebar .cmp-stickysidebar__item-description {
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap
}

@supports (-webkit-line-clamp:2) {
  .cmp-stickysidebar .cmp-stickysidebar__item-description {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    white-space: normal
  }
}

.cmp-stickysidebar .cmp-stickysidebar__item-arrow.hidden {
  display: none
}

.cmp-stickysidebar .cmp-stickysidebar__button {
  align-items: center;
  background-color: #fff;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d;
  color: #262626;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 3.25rem;
  justify-content: center;
  margin-left: auto;
  opacity: 1;
  padding: 0;
  pointer-events: auto;
  transition: all .3s ease;
  width: 3.25rem
}

.cmp-stickysidebar .cmp-stickysidebar__button:hover {
  color: #1c69d4
}

.cmp-stickysidebar .cmp-stickysidebar__button:active {
  color: #0653b6
}

.cmp-stickysidebar .cmp-stickysidebar__button:focus {
  color: #1c69d4
}

.cmp-stickysidebar .cmp-stickysidebar__button:focus-visible {
  box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d;
  color: #1c69d4;
  outline: .125rem solid #1c69d4;
  outline-offset: .125rem;
  transition: outline 0s
}

.cmp-stickysidebar .cmp-stickysidebar__button.hidden {
  display: none
}

.cmp-stickysidebar .cmp-stickysidebar__button:after {
  border: .125rem solid #1c69d4;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  height: 3.5rem;
  left: 50%;
  opacity: 0;
  
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  transform-origin: center center;
  width: 3.5rem;
  will-change: transform, opacity
}

.cmp-stickysidebar .cmp-stickysidebar__button.pulsing-double:after {
  animation: pulse-double 2.85s linear 10s 1 forwards
}

.cmp-stickysidebar .cmp-stickysidebar__button.pulsing-single:after {
  animation: pulse-single 1.2s linear 1 forwards
}

@keyframes pulse-single {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1)
  }

  16.7% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
  }

  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2)
  }
}

@keyframes pulse-double {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1)
  }

  7% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
  }

  42.1% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2)
  }

  57.9% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1)
  }

  64.9% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
  }

  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2)
  }
}

.cmp-stickysidebar .cmp-stickysidebar__button .cmp-stickysidebar__button-icon--close,
.cmp-stickysidebar .cmp-stickysidebar__button .cmp-stickysidebar__button-icon--open {
  
  position: absolute;
  transition: opacity .15s ease-out, transform .15s ease-out
}

.cmp-stickysidebar .cmp-stickysidebar__button .cmp-stickysidebar__button-icon--open {
  transform-origin: top
}

.cmp-stickysidebar .cmp-stickysidebar__button .cmp-stickysidebar__button-icon--close {
  transform-origin: bottom
}

.cmp-stickysidebar .cmp-stickysidebar__button[aria-expanded=false] .cmp-stickysidebar__button-icon--open {
  opacity: 1;
  transform: translateY(0)
}

.cmp-stickysidebar .cmp-stickysidebar__button[aria-expanded=false] .cmp-stickysidebar__button-icon--close {
  opacity: 0;
  transform: translateY(50%)
}

.cmp-stickysidebar .cmp-stickysidebar__button[aria-expanded=true] .cmp-stickysidebar__button-icon--open {
  opacity: 0;
  transform: translateY(-50%)
}

.cmp-stickysidebar .cmp-stickysidebar__button[aria-expanded=true] .cmp-stickysidebar__button-icon--close {
  opacity: 1;
  transform: translateY(0)
}

.cmp-stickysidebar .cmp-stickysidebar__wrapper {
  margin-left: auto;
  position: relative;
  width: min-content
}

.cmp-stickysidebar .cmp-stickysidebar__nudge {
  background-color: #fff;
  border-radius: 10px 10px 0 10px;
  bottom: 1.5rem;
  box-shadow: 0 .3125rem 2.5rem 0 #00000029;
  color: #000;
  cursor: auto;
  display: flex;
  flex-direction: row;
  gap: .5rem;
  max-width: min(300px, 70vw);
  min-width: 200px;
  opacity: 0;
  padding: 1pc;
  pointer-events: auto;
  position: absolute;
  right: 3.75rem;
  transform-origin: bottom right;
  width: max-content
}

.cmp-stickysidebar .cmp-stickysidebar__nudge .cmp-stickysidebar__nudge-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: .5rem
}

.cmp-stickysidebar .cmp-stickysidebar__nudge .cmp-stickysidebar__nudge-title {
  cursor: default;
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  hyphens: none;
  line-height: var(--subsection-2-line-height);
  opacity: 0;
  transform: translateY(-20px);
  word-break: normal
}

.cmp-stickysidebar .cmp-stickysidebar__nudge .cmp-stickysidebar__nudge-close {
  background: none;
  border: 0;
  color: #262626;
  cursor: pointer;
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0
}

.cmp-stickysidebar .cmp-stickysidebar__nudge .cmp-stickysidebar__nudge-close i {
  font-size: 1.5rem
}

.cmp-stickysidebar .cmp-stickysidebar__nudge .cmp-stickysidebar__nudge-close:focus {
  box-shadow: none;
  color: #1c69d4
}

.cmp-stickysidebar .cmp-stickysidebar__nudge .cmp-stickysidebar__nudge-close:focus-visible {
  box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d;
  box-shadow: none;
  color: #1c69d4;
  outline: .125rem solid #1c69d4;
  outline-offset: .125rem;
  transition: outline 0s
}

.cmp-stickysidebar .cmp-stickysidebar__nudge .cmp-stickysidebar__nudge-description {
  cursor: default;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  opacity: 0
}

.cmp-stickysidebar .cmp-stickysidebar__nudge .cmp-stickysidebar__nudge-description-clickable {
  all: unset;
  background: none;
  color: inherit;
  cursor: pointer;
  font-weight: var(--clickable-font-weight);
  margin: -1rem;
  padding: 1rem;
  text-decoration: underline
}

.cmp-stickysidebar .cmp-stickysidebar__nudge .cmp-stickysidebar__nudge-description-clickable:focus-visible {
  box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d;
  box-shadow: none;
  outline: .125rem solid #1c69d4;
  outline-offset: .125rem;
  outline-offset: -1rem
}

.cmp-stickysidebar .cmp-stickysidebar__nudge.hidden {
  display: none
}

.cmp-stickysidebar .cmp-stickysidebar__nudge.fadein {
  animation: effect-grow .3s ease-out 0s forwards
}

.cmp-stickysidebar .cmp-stickysidebar__nudge.fadein .cmp-stickysidebar__nudge-title {
  animation: effect-enter .3s ease-out .3s forwards
}

.cmp-stickysidebar .cmp-stickysidebar__nudge.fadein .cmp-stickysidebar__nudge-description {
  animation: effect-enter .3s ease-out .6s forwards
}

.cmp-stickysidebar .cmp-stickysidebar__nudge.fadeout {
  animation: effect-shrink .3s ease-in .6s backwards
}

.cmp-stickysidebar .cmp-stickysidebar__nudge.fadeout .cmp-stickysidebar__nudge-title {
  animation: effect-exit .3s ease-in .3s backwards
}

.cmp-stickysidebar .cmp-stickysidebar__nudge.fadeout .cmp-stickysidebar__nudge-description {
  animation: effect-exit .3s ease-in 0s backwards
}

.cmp-stickysidebar .cmp-stickysidebar__singleitem {
  background-color: #fff;
  border: 0;
  box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d;
  color: #262626;
  cursor: pointer;
  padding: 0;
  text-decoration: none;
  transition: all .3s ease
}

.cmp-stickysidebar .cmp-stickysidebar__singleitem:hover {
  color: #1c69d4
}

.cmp-stickysidebar .cmp-stickysidebar__singleitem:active {
  color: #0653b6
}

.cmp-stickysidebar .cmp-stickysidebar__singleitem:focus-visible {
  box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d;
  color: #1c69d4;
  outline: .125rem solid #1c69d4;
  outline-offset: .125rem;
  transition: outline 0s
}

.cmp-stickysidebar .cmp-stickysidebar__loader {
  height: 1.25rem;
  overflow: hidden;
  width: 1.25rem
}

.cmp-stickysidebar .cmp-stickysidebar__loader--icon {
  animation-duration: .5s, 1.2s, 1.2s;
  animation-iteration-count: 1, 1, infinite;
  animation-name: grow-icon, fade-icon, spin-icon;
  animation-timing-function: linear;
  height: 1.25rem;
  width: 1.25rem
}

.cmp-stickysidebar .cmp-stickysidebar__intro {
  cursor: default;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  padding: .875rem 1rem
}

.cmp-stickysidebar__chat-widget-container #cct-chat-widget>:first-child,
.cmp-stickysidebar__chat-widget-container #chat-container {
  right: 3rem
}

@media screen and (max-width:767px) {

  .cmp-stickysidebar__chat-widget-container #cct-chat-widget>:first-child,
  .cmp-stickysidebar__chat-widget-container #chat-container {
    right: 0
  }
}

@media screen and (min-width:1920px) {

  .cmp-stickysidebar__chat-widget-container #cct-chat-widget>:first-child,
  .cmp-stickysidebar__chat-widget-container #chat-container {
    right: calc(50vw - 60pc + 3rem)
  }
}

.bmw-ckm-chat-widget .focus-visible {
  box-shadow: revert;
  outline: revert
}

@keyframes grow-icon {
  0% {
    height: 1rem;
    width: 1rem
  }

  to {
    height: 1.25rem;
    width: 1.25rem
  }
}

@keyframes fade-icon {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes spin-icon {
  0% {
    transform: rotate(45deg)
  }

  to {
    transform: rotate(405deg)
  }
}

@keyframes effect-grow {
  0% {
    opacity: 0;
    transform: scale(.2)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes effect-shrink {
  0% {
    opacity: 1;
    transform: scale(1)
  }

  to {
    opacity: 0;
    transform: scale(.2)
  }
}

@keyframes effect-enter {
  0% {
    opacity: 0;
    transform: translateY(20px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes effect-exit {
  0% {
    opacity: 1;
    transform: translateY(0)
  }

  to {
    opacity: 0;
    transform: translateY(20px)
  }
}

@media screen and (max-width:767px) {
  .cmp-stickysidebar .cmp-stickysidebar__nudge {
    --stickysidebar-mobile-nudge-width-grow: 200px;
    --stickysidebar-mobile-nudge-height-grow: 100px;
    --stickysidebar-mobile-nudge-expand-width-dur: 600ms;
    --stickysidebar-mobile-nudge-expand-height-dur: 600ms;
    --stickysidebar-mobile-nudge-collapse-height-dur: 500ms;
    --stickysidebar-mobile-nudge-collapse-width-dur: 600ms;
    --stickysidebar-mobile-nudge-crossfade-dur: calc(var(--stickysidebar-mobile-nudge-expand-width-dur)/2);
    --stickysidebar-mobile-nudge-crossfade-dur-collapse: 250ms;
    --stickysidebar-mobile-nudge-title-dur: 300ms;
    --stickysidebar-mobile-nudge-expand-total: calc(var(--stickysidebar-mobile-nudge-expand-width-dur) + var(--stickysidebar-mobile-nudge-crossfade-dur)*2 + var(--stickysidebar-mobile-nudge-title-dur));
    --stickysidebar-mobile-nudge-desc-dur-collapse: 300ms;
    --stickysidebar-mobile-nudge-crossfade-delay-collapse: 800ms;
    --stickysidebar-mobile-nudge-title-exit-delay: var(--stickysidebar-mobile-nudge-collapse-height-dur);
    --stickysidebar-mobile-nudge-desc-exit-delay: 200ms;
    --stickysidebar-mobile-nudge-collapse-width-delay: calc(var(--stickysidebar-mobile-nudge-collapse-height-dur) + var(--stickysidebar-mobile-nudge-title-dur) + var(--stickysidebar-mobile-nudge-crossfade-dur-collapse)*2);
    --stickysidebar-mobile-nudge-shadow-fade-dur: 120ms;
    --stickysidebar-mobile-nudge-shadow-drop-delay: calc(var(--stickysidebar-mobile-nudge-collapse-width-delay) + var(--stickysidebar-mobile-nudge-collapse-width-dur) - var(--stickysidebar-mobile-nudge-shadow-fade-dur));
    align-items: stretch;
    background-color: #fff;
    border: 0;
    border-radius: 1.625rem;
    bottom: unset;
    box-shadow: none;
    color: #262626;
    cursor: auto;
    display: flex;
    flex-direction: row;
    gap: unset;
    height: 3.25rem;
    justify-content: flex-end;
    max-height: 134px;
    max-width: 3in;
    min-width: unset;
    opacity: unset;
    padding: 0;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: unset;
    transition: box-shadow .12s linear;
    width: 3.25rem;
    z-index: 10
  }

  @keyframes expand-width {
    0% {
      border-radius: 1.625rem;
      width: 3.25rem
    }

    to {
      border-radius: .5rem;
      width: calc(3.25rem + var(--stickysidebar-mobile-nudge-width-grow))
    }
  }

  @keyframes expand-height {
    0% {
      height: 3.25rem
    }

    to {
      height: calc(3.25rem + var(--stickysidebar-mobile-nudge-height-grow))
    }
  }

  @keyframes collapse-height {
    0% {
      height: calc(3.25rem + var(--stickysidebar-mobile-nudge-height-grow))
    }

    to {
      height: 3.25rem
    }
  }

  @keyframes collapse-width {
    0% {
      border-radius: .5rem;
      width: calc(3.25rem + var(--stickysidebar-mobile-nudge-width-grow))
    }

    to {
      border-radius: 1.625rem;
      width: 3.25rem
    }
  }

  @keyframes nudge-shadow-drop {
    0% {
      box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d
    }

    to {
      box-shadow: none
    }
  }

  .cmp-stickysidebar .cmp-stickysidebar__nudge .cmp-stickysidebar__nudge-content {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 0;
    overflow: hidden;
    padding: 14px 0 14px 14px
  }

  .cmp-stickysidebar .cmp-stickysidebar__nudge .cmp-stickysidebar__nudge-title {
    font-size: var(--body-2-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--body-2-line-height);
    opacity: 0;
    overflow-wrap: break-word;
    white-space: normal;
    word-break: break-word
  }

  .cmp-stickysidebar .cmp-stickysidebar__nudge .cmp-stickysidebar__nudge-description {
    font-size: var(--body-3-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--body-3-line-height);
    opacity: .7051;
    opacity: 0;
    overflow-wrap: break-word;
    white-space: normal
  }

  .cmp-stickysidebar .cmp-stickysidebar__nudge .cmp-stickysidebar__nudge-description-clickable {
    font-weight: var(--clickable-font-weight)
  }

  .cmp-stickysidebar .cmp-stickysidebar__nudge .cmp-stickysidebar__nudge-button-mask,
  .cmp-stickysidebar .cmp-stickysidebar__nudge .cmp-stickysidebar__nudge-close {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    flex: 0 0 3.25rem;
    height: 3.25rem;
    justify-content: center;
    opacity: 0;
    transition-delay: 0ms, 0ms;
    transition-duration: var(--stickysidebar-mobile-nudge-crossfade-dur), var(--stickysidebar-mobile-nudge-crossfade-dur);
    transition-property: opacity, visibility;
    visibility: hidden;
    z-index: 20
  }

  .cmp-stickysidebar .cmp-stickysidebar__nudge .cmp-stickysidebar__nudge-button-mask.show,
  .cmp-stickysidebar .cmp-stickysidebar__nudge .cmp-stickysidebar__nudge-close.show {
    opacity: 1;
    visibility: visible
  }

  .cmp-stickysidebar .cmp-stickysidebar__nudge .cmp-stickysidebar__nudge-button-mask.hidden,
  .cmp-stickysidebar .cmp-stickysidebar__nudge .cmp-stickysidebar__nudge-close.hidden {
    display: none
  }

  .cmp-stickysidebar__nudge.is-expanding {
    animation: expand-width var(--stickysidebar-mobile-nudge-expand-width-dur) ease forwards 0ms, expand-height var(--stickysidebar-mobile-nudge-expand-height-dur) ease forwards var(--stickysidebar-mobile-nudge-expand-total);
    box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d
  }

  .cmp-stickysidebar__nudge.is-expanding .cmp-stickysidebar__nudge-title {
    animation: effect-enter var(--stickysidebar-mobile-nudge-title-dur) ease-out forwards;
    animation-delay: calc(var(--stickysidebar-mobile-nudge-expand-width-dur) + var(--stickysidebar-mobile-nudge-crossfade-dur)*2)
  }

  .cmp-stickysidebar__nudge.is-expanding .cmp-stickysidebar__nudge-description {
    animation: effect-enter .3s ease-out forwards;
    animation-delay: var(--stickysidebar-mobile-nudge-expand-total)
  }

  .cmp-stickysidebar__nudge.is-collapsing {
    animation: collapse-height var(--stickysidebar-mobile-nudge-collapse-height-dur) ease forwards 0ms, collapse-width var(--stickysidebar-mobile-nudge-collapse-width-dur) ease forwards var(--stickysidebar-mobile-nudge-collapse-width-delay), nudge-shadow-drop var(--stickysidebar-mobile-nudge-shadow-fade-dur) linear both var(--stickysidebar-mobile-nudge-shadow-drop-delay);
    box-shadow: none;
    transition-delay: .48s
  }

  .cmp-stickysidebar__nudge.is-collapsing .cmp-stickysidebar__nudge-close {
    transition-delay: var(--stickysidebar-mobile-nudge-crossfade-delay-collapse)
  }

  .cmp-stickysidebar__nudge.is-collapsing .cmp-stickysidebar__nudge-button-mask,
  .cmp-stickysidebar__nudge.is-collapsing .cmp-stickysidebar__nudge-close {
    transition-duration: var(--stickysidebar-mobile-nudge-crossfade-dur-collapse)
  }

  .cmp-stickysidebar__nudge.is-collapsing .cmp-stickysidebar__nudge-title {
    animation: effect-exit var(--stickysidebar-mobile-nudge-title-dur) ease-in backwards;
    animation-delay: var(--stickysidebar-mobile-nudge-title-exit-delay)
  }

  .cmp-stickysidebar__nudge.is-collapsing .cmp-stickysidebar__nudge-description {
    animation: effect-exit var(--stickysidebar-mobile-nudge-desc-dur-collapse) ease-in backwards;
    animation-delay: var(--stickysidebar-mobile-nudge-desc-exit-delay)
  }

  .cmp-stickysidebar__nudge.is-collapsing,
  .cmp-stickysidebar__nudge.is-expanding {
    will-change: width, height
  }
}

.cmp-stepper__mobile-label,
.cmp-stepper__navigation,
.cmp-stepper__tablist {
  margin-bottom: -.5rem;
  margin-top: -.5rem;
  padding-bottom: .5rem;
  padding-top: .5rem
}

.cmp-stepper__navigation--hide {
  display: none
}

.cmp-stepper__tablist {
  display: flex;
  flex-wrap: nowrap;
  gap: .5rem;
  position: relative;
  white-space: nowrap;
  z-index: 10
}

.cmp-stepper__tab {
  align-items: center;
  border: 0;
  border-bottom: .25rem solid #0000;
  border-radius: 3px;
  border-radius: 0;
  border-top: .25rem solid #0000;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  display: inline-block;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  height: 3.25rem;
  justify-content: center;
  line-height: var(--body-2-line-height);
  max-width: calc(100vw - var(--grid-full)*6 + 1rem);
  min-height: 3.25rem;
  overflow: hidden;
  padding: 0;
  text-align: center;
  text-align: left;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap
}

.cmp-stepper__tab,
.cmp-stepper__tab:active,
.cmp-stepper__tab:focus,
.cmp-stepper__tab:hover {
  background-color: #0000;
  color: #666
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-stepper__tab:hover {
    box-shadow: none;
    color: #1c69d4
  }
}

.cmp-stepper__tab:focus-visible,
.cmp-stepper__tab:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-stepper__tab.focus-visible {
    outline: none
  }

  .cmp-stepper__tab.focus-visible,
  .cmp-stepper__tab.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-stepper__tab:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-stepper__tab.focus-visible {
    color: #1c69d4
  }
}

.cmp-stepper__tab:disabled,
.cmp-stepper__tab[aria-disabled=true] {
  color: #bbb;
  pointer-events: none
}

.cmp-stepper__tab:disabled:focus-visible,
.cmp-stepper__tab[aria-disabled=true]:focus-visible {
  color: #bbb
}

@supports (display:block) {

  .cmp-stepper__tab:disabled.focus-visible,
  .cmp-stepper__tab[aria-disabled=true].focus-visible {
    color: #bbb
  }
}

.cmp-stepper__tab:focus,
.cmp-stepper__tab:focus-visible {
  outline: none
}

.cmp-stepper__tab:focus-visible,
.cmp-stepper__tab:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .cmp-stepper__tab.focus-visible {
    outline: none
  }

  .cmp-stepper__tab.focus-visible,
  .cmp-stepper__tab.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.cmp-stepper__tab:focus-visible {
  border-width: 0
}

@supports (display:block) {
  .cmp-stepper__tab.focus-visible {
    border-width: 0
  }
}

.cmp-stepper__tab:focus {
  outline: 0
}

.cmp-stepper__tab.cmp-stepper__tab--active,
.cmp-stepper__tab.cmp-stepper__tab--active:hover,
.cmp-stepper__tab:focus {
  border-bottom-color: #262626;
  color: #262626;
  width: 100%
}

.cmp-stepper__tab.cmp-stepper__tab--solved {
  border-bottom-color: #262626;
  color: #666;
  width: 100%
}

.cmp-stepper__tab.cmp-stepper__tab--solved:hover {
  color: #1c69d4
}

.cmp-stepper__tab.cmp-stepper__tab--upcoming {
  border-bottom-color: #bbb;
  color: #bbb;
  
  width: 100%
}

@media screen and (min-width:1024px) {
  .cmp-stepper__tab {
    font-size: .9375rem;
    line-height: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-stepper__tab {
    font-size: 1rem;
    line-height: 1.625rem
  }
}

.cmp-stepper__tabpanel {
  margin: 0 calc(var(--grid-gutter)*-1);
  padding-top: 1rem
}

.cmp-stepper__mobile-label {
  display: none;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-stepper__item {
  display: inline-flex;
  flex-grow: 1
}

.cmp-stepper__tabpanel--hidden {
  display: none
}

@media screen and (max-width:767px) {
  .cmp-stepper__tab {
    height: 0;
    line-height: 0;
    min-height: 0
  }

  .cmp-stepper__tab.cmp-stepper__tab--active,
  .cmp-stepper__tab.cmp-stepper__tab--solved,
  .cmp-stepper__tab.cmp-stepper__tab--upcoming {
    font-size: 0
  }

  .cmp-stepper__mobile-label {
    display: block
  }
}

.cmp-standalonezipgate {
  align-items: center;
  display: flex;
  flex-direction: column
}

.cmp-standalonezipgate .cmp-standalonezipgate__input {
  width: 100%
}

.cmp-standalonezipgate .cmp-standalonezipgate__input .cmp-custom-inputtextfield__input {
  height: 3.25rem;
  padding: 14px 1.25rem;
  width: 100%
}

.cmp-standalonezipgate .cmp-standalonezipgate__cta-container {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
  margin-top: 1.5rem;
  width: 100%
}

.cmp-standalonezipgate .cmp-standalonezipgate__cta-container .cmp-standalonezipgate__cta-new {
  text-align: right
}

.cmp-standalonezipgate .cmp-standalonezipgate__cta-container .cmp-standalonezipgate__cta-preowned {
  text-align: left
}

.cmp-standalonezipgate .cmp-standalonezipgate__cta-container a,
.cmp-standalonezipgate .cmp-standalonezipgate__cta-container button {
  min-height: 3.25rem;
  width: 100%
}

@media screen and (min-width:1920px) {

  .cmp-standalonezipgate .cmp-standalonezipgate__cta-container a,
  .cmp-standalonezipgate .cmp-standalonezipgate__cta-container button {
    min-height: 55px
  }
}

.cmp-standalonezipgate .cmp-standalonezipgate__cta-container .cmp-button__text {
  pointer-events: none
}

@media screen and (min-width:768px) {
  .cmp-standalonezipgate .cmp-standalonezipgate__cta-container {
    grid-template-columns: 1fr 1fr
  }
}

.cmp-stage__disclaimer-wrapper {
  bottom: 1rem;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding: 0 1rem;
  
  position: absolute;
  text-align: center;
  transition: opacity .2s ease-out;
  width: 100%;
  z-index: 20
}

.cmp-stage__disclaimer-wrapper .cmp-text {
  color: #fff
}

@media screen and (min-width:768px) {
  .cmp-stage__disclaimer-wrapper {
    bottom: 2.5rem;
    transition: opacity 0s
  }
}

@media screen and (min-width:1024px) {
  .cmp-stage__disclaimer-wrapper {
    align-items: flex-end;
    background: linear-gradient(0deg, #000 0, #0000);
    bottom: 0;
    height: 6.375rem;
    justify-content: flex-end;
    padding: 0 1rem 1rem 0;
    position: absolute;
    z-index: 10
  }

  .cmp-stage__disclaimer:has(.video) .cmp-stage__disclaimer-wrapper {
    padding-right: 4.75rem
  }
}

.cmp-stage__pricetag {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center
}

.cmp-stage__pricetag .cmp-text .cmp-infoi__icon-element:before {
  font-size: 1.25rem;
  font-weight: 400
}

@media screen and (max-width:1279px) {
  .cmp-stage__pricetag .cmp-text .cmp-infoi__icon-element {
    font-size: 1rem
  }

  .cmp-stage__pricetag .cmp-text .cmp-infoi__icon-element:before {
    font-size: inherit;
    font-weight: 400
  }
}

.cmp-stage__pricetag .text:first-child {
  padding-bottom: 0;
  white-space: nowrap
}

.cmp-stage__pricetag .text:first-child .cmp-infoi__icon--superscript {
  transform: translate(-20%)
}

.cmp-stage__pricetag .text:first-child .cmp-infoi__icon--center {
  transform: translate(-20%, -15%)
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-stage__pricetag .text:first-child {
    padding-right: .25rem
  }
}

@media screen and (min-width:768px) {
  .cmp-stage__pricetag .text:first-child {
    padding-right: .25rem
  }
}

.cmp-stage__pricetag .text:last-child {
  padding-left: .25rem
}

@media screen and (max-width:767px) {
  .cmp-stage__pricetag .text:last-child .cmp-text {
    white-space: normal
  }
}

.cmp-stage__pricetag .text:last-child .cmp-infoi__icon--center {
  transform: translateY(-15%)
}

@media screen and (max-width:767px) {
  .cmp-stage__pricetag .text:last-child {
    padding-right: .25rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-stage__pricetag .text:last-child .cmp-infoi__icon--center {
    transform: translate(20%, -20%)
  }

  .cmp-stage__pricetag .text:last-child .cmp-infoi__icon--superscript {
    transform: translate(20%)
  }
}

@media screen and (min-width:768px) {
  .cmp-stage__pricetag {
    justify-content: left
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-stage__pricetag {
    justify-content: center
  }
}

@media screen and (min-width:1024px) {
  .cmp-stage__pricetag {
    flex-wrap: nowrap
  }
}

.style-text--price-tag-price {
  font-size: var(--headline-2-font-size);
  font-weight: var(--price-font-weight);
  line-height: var(--headline-2-line-height)
}

.style-text--price-tag-label {
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height)
}

@media screen and (min-width:1280px) {
  .style-text--price-tag-label {
    font-size: var(--body-2-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--body-2-line-height)
  }
}

.cmp-stage__style-spacings-na5 .cmp-stage__pricetag .text:last-child {
  padding-left: .75rem
}

@media screen and (min-width:768px) {
  .cmp-stage__style-spacings-na5 .cmp-stage__pricetag .text:last-child {
    padding-left: 1rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-stage__style-spacings-na5 .cmp-stage__pricetag .text:last-child {
    padding-left: .875rem
  }
}

@media screen and (min-width:768px) {
  .cmp-stage__pricetag:dir(rtl) {
    justify-content: right
  }
}

.cmp-stage__pricetaggroup {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap
}

@media screen and (min-width:1024px) {
  .cmp-stage__pricetaggroup {
    display: block
  }
}

.cmp-stage__video .cmp-control-bar {
  
  visibility: hidden
}

@media screen and (min-width:1024px) {
  .cmp-stage__video .cmp-control-bar {
    pointer-events: all;
    visibility: visible
  }
}

.cmp-stage__light {
  background-color: #fff
}

@media screen and (min-width:768px) {
  .cmp-stage__light .cmp-stage__media:before {
    background: radial-gradient(circle at left bottom, #fff 0, #fff6 34%, #ffffff1a 55%, #0000 100%), radial-gradient(circle at left bottom, #fff 0, #fff9 25%, #fff0 62%, #0000 100%), linear-gradient(90deg, #ffffff59 0, #ffffff1a 25%, #fff0 50%, #0000)
  }
}

@media screen and (min-width:1024px) {
  .cmp-stage__light .cmp-stage__media:before {
    background: radial-gradient(circle at left bottom, #fff 0, #fff9 25%, #fff0 62%, #0000 100%), radial-gradient(circle at left bottom, #fff 0, #fff6 34%, #ffffff1a 55%, #0000 100%), linear-gradient(90deg, #ffffff59 0, #ffffff1a 25%, #fff0 50%, #0000)
  }
}

@media screen and (min-width:1280px) {
  .cmp-stage__light .cmp-stage__media:before {
    background: radial-gradient(circle at left bottom, #fff 0, #fff6 20%, #ffffff1a 38%, #0000 100%), radial-gradient(circle at left bottom, #fff 0, #fff9 25%, #fff0 62%, #0000 100%), linear-gradient(90deg, #ffffff59 0, #ffffff1a 25%, #fff0 50%, #0000)
  }
}

.cmp-stage__light .cmp-stage__overlay,
.cmp-stage__light .cmp-stage__overlay .cmp-text {
  color: #262626
}

.cmp-stage__light .cmp-stage__overlay .cmp-title__text {
  color: var(--page-variables-primary-color, #262626)
}

.cmp-stage__light .cmp-stage__overlay .style-button--as-link.style-button--light .cmp-button {
  color: #262626
}

.cmp-stage__light .cmp-stage__overlay:before {
  background: linear-gradient(0deg, #fff9 0, #0000 30px), linear-gradient(0deg, #fff 0, #0000 60px), linear-gradient(0deg, #ffffff73 0, #0000 90px)
}

@media screen {
  .cmp-stage__light .cmp-stage__overlay:before {
    background: linear-gradient(0deg, #fff 0, #0000 60px), linear-gradient(0deg, #ffffffa6 0, #0000 90px), linear-gradient(0deg, #fff9 0, #0000 90pt)
  }
}

@media screen and (max-width:1023px) {
  .cmp-stage__light .cmp-stage__overlay {
    background-color: #fff
  }
}

.cmp-stage__light .cmp-stage__disclaimer-wrapper {
  background: linear-gradient(0deg, #fff 0, #0000)
}

.cmp-stage__light .cmp-stage__disclaimer-wrapper .cmp-text,
.cmp-stage__light.cmp-stage__deactivate-page-theme .cmp-stage__overlay .cmp-title__text {
  color: #262626
}

.cmp-stage--clickable {
  pointer-events: none
}

.cmp-stage--clickable a,
.cmp-stage--clickable button {
  pointer-events: all
}

.cmp-stage__click-area {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.cmp-stage__click-area:focus,
.cmp-stage__click-area:focus-visible {
  outline: none
}

.cmp-stage__click-area:focus-visible,
.cmp-stage__click-area:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-stage__click-area.focus-visible {
    outline: none
  }

  .cmp-stage__click-area.focus-visible,
  .cmp-stage__click-area.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-container--fixed .cmp-stage {
  margin-left: calc(var(--grid-full)*-1);
  margin-right: calc(var(--grid-full)*-1);
  max-width: 120rem;
  width: calc(100% + var(--grid-full)*2)
}

.cmp-stage .cmp-stage__overlay>.cmp-container {
  height: 100%;
  position: relative;
  width: 100%
}

@media screen and (max-width:1023px) {
  .cmp-stage .cmp-stage__overlay {
    transition: all 1s ease-in
  }
}

@media screen and (min-width:1024px) {
  .cmp-stage .cmp-stage__overlay {
    transition: bottom .3s ease-out
  }
}

.cmp-stage .cmp-stage__zone {
  opacity: 0;
  position: relative;
  transform: translateY(3rem);
  transition: transform .75s ease-in, opacity .75s ease-in, bottom .3s ease-out
}

@media screen and (min-width:1024px) {
  .cmp-stage .cmp-stage__zone {
    transform: translateX(-3rem);
    transition: transform 1s ease-in, opacity 1s ease-in, bottom 0s
  }
}

.cmp-stage .cmp-energylabel {
  opacity: 0;
  transform: translate(-3rem) !important;
  transition: transform .75s ease-in, opacity .75s ease-in !important
}

@media screen and (min-width:1024px) {
  .cmp-stage .cmp-energylabel {
    transform: translate(-3rem) !important;
    transition: transform 1s ease-in, opacity 1s ease-in, padding-bottom .3s ease-out !important
  }
}

.cmp-stage .cmp-stage__visible {
  opacity: 1;
  transform: translate(0)
}

.cmp-stage .cmp-energy__visible {
  transform: translate(0) !important
}

.cmp-stage .cmp-stage__hidden {
  opacity: 0;
  transform: translateY(-3rem);
  transition: transform 1s ease-out, opacity 1s ease-out
}

@media screen and (min-width:1024px) {
  .cmp-stage .cmp-stage__hidden {
    transform: translate(3rem)
  }
}

.cmp-stage .cmp-stage__reset {
  opacity: 0;
  transform: translateY(3rem);
  transition: transform 0s ease-out, opacity 0s ease-out
}

@media screen and (min-width:1024px) {
  .cmp-stage .cmp-stage__reset {
    transform: translate(-3rem)
  }
}

@media screen and (max-width:1023px) {
  .cmp-stage[data-disable-animation] cmp-stage__overlay {
    transition: none
  }
}

@media screen and (min-width:1024px) {
  .cmp-stage[data-disable-animation] cmp-stage__overlay {
    transition: bottom .3s ease-out
  }
}

.cmp-stage[data-disable-animation] .cmp-stage__zone {
  opacity: 1;
  transform: none;
  transition: none
}

@media screen and (min-width:1024px) {
  .cmp-stage__media {
    height: auto
  }

  .cmp-stage__media:before {
    background: linear-gradient(60deg, #000, #0000 65%);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 10
  }
}

@media screen and (max-width:1023px) {
  .cmp-stage__overlay {
    background-color: #000
  }

  .cmp-stage__overlay:before {
    background: linear-gradient(180deg, #0000, #000);
    content: "";
    height: 90pt;
    left: 0;
    position: absolute;
    top: -90pt;
    width: 100%
  }
}

.cmp-stage {
  background-color: #000;
  overflow: hidden;
  position: relative
}

.cmp-stage .zone {
  bottom: 0;
  position: absolute
}

.cmp-stage .cmp-video,
.cmp-stage .cmp-video__video,
.cmp-stage .cmp-video_wrapper {
  aspect-ratio: 3/4
}

@media screen and (min-width:1024px) {

  .cmp-stage .cmp-video,
  .cmp-stage .cmp-video__video,
  .cmp-stage .cmp-video_wrapper {
    aspect-ratio: 16/7
  }
}

.cmp-stage .cmp-video__energylabel-wrapper {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0
}

.cmp-stage .energylabel {
  display: block;
  height: auto
}

.cmp-stage .energylabel .cmp-energylabel {
  bottom: auto;
  top: 0
}

@media screen and (min-width:1024px) {
  .cmp-stage .energylabel .cmp-energylabel {
    padding-bottom: 2.875rem;
    padding-right: 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-stage .energylabel .cmp-energylabel {
    padding-bottom: 3.625rem;
    padding-right: 6rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-stage .energylabel .cmp-energylabel {
    padding-bottom: 3.75rem;
    padding-right: 6rem
  }
}

.cmp-stage .energylabel .cmp-energylabel .cmp-energylabel__list-wrapper {
  float: right;
  margin-left: 0 !important;
  transform: scale(.3) !important;
  transform-origin: right top !important
}

.cmp-stage .energylabel .cmp-energylabel .cmp-energylabel__list-wrapper:after {
  clear: both;
  content: ""
}

@media screen and (min-width:1024px) {
  .cmp-stage .energylabel .cmp-energylabel .cmp-energylabel__list-wrapper {
    transform: scale(.6) !important;
    transform-origin: right bottom !important
  }

  .cmp-stage .energylabel .cmp-energylabel {
    bottom: 0;
    padding-bottom: 2.25rem;
    padding-right: 6rem !important;
    top: auto
  }
}

@media screen and (min-width:1280px) {
  .cmp-stage .energylabel .cmp-energylabel {
    padding-bottom: 3rem;
    padding-right: 9.75rem !important
  }
}

@media screen and (min-width:1920px) {
  .cmp-stage .energylabel .cmp-energylabel {
    padding-bottom: 4rem
  }
}

.cmp-stage:not(.cmp-stage__disclaimer) .cmp-progressiveplaybutton {
  right: 1rem
}

@media screen and (min-width:768px) {
  .cmp-stage:not(.cmp-stage__disclaimer) .cmp-progressiveplaybutton {
    right: 1.5rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-stage:not(.cmp-stage__disclaimer) .cmp-progressiveplaybutton {
    bottom: 2.25rem;
    right: 2.25rem;
    transition: bottom .3s ease-out !important
  }
}

@media screen and (min-width:1280px) {
  .cmp-stage:not(.cmp-stage__disclaimer) .cmp-progressiveplaybutton {
    bottom: 3rem;
    right: 6rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-stage:not(.cmp-stage__disclaimer) .cmp-progressiveplaybutton {
    bottom: 4rem
  }
}

.cmp-stage .cmp-progressiveplaybutton--visible {
  z-index: 30
}

.cmp-stage__media {
  pointer-events: none
}

.cmp-stage__media video {
  pointer-events: all
}

.cmp-stage__overlay {
  bottom: 0;
  left: 0;
  padding: 1.25rem 1.5rem 2.5rem;
  
  position: absolute;
  width: 100%;
  z-index: 20
}

@media screen and (min-width:768px) {
  .cmp-stage__overlay {
    padding: 0 6.625rem 2.5rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-stage__overlay {
    padding: 0 0 2.5rem 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-stage__overlay {
    padding: 0 0 3rem 6rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-stage__overlay {
    padding: 0 0 4rem 6rem
  }
}

.cmp-stage__overlay a,
.cmp-stage__overlay button {
  pointer-events: all
}

.cmp-stage__overlay .cmp-stage__zone {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 100%
}

@media screen and (min-width:1024px) {
  .cmp-stage__overlay .cmp-stage__zone {
    text-align: left
  }
}

.cmp-stage__overlay .cmp-stage__zone>.button {
  padding-top: 1.5rem
}

@media screen and (max-width:1023px) {
  .cmp-stage__overlay .cmp-stage__zone .style-button--as-link {
    justify-content: center
  }
}

.cmp-stage__overlay .cmp-stage__zone .text {
  color: #fff;
  margin-top: 1.5rem;
  text-align: center;
  width: 100%
}

@media screen and (min-width:1024px) {
  .cmp-stage__overlay .cmp-stage__zone .text {
    text-align: left;
    width: 40%
  }
}

@media screen and (min-width:1280px) {
  .cmp-stage__overlay .cmp-stage__zone .text {
    margin-top: 2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-stage__overlay .cmp-stage__zone .text {
    margin-top: 2.5rem
  }
}

.cmp-stage__overlay .cmp-stage__zone .title {
  text-align: center;
  width: 100%
}

@media screen and (min-width:1024px) {
  .cmp-stage__overlay .cmp-stage__zone .title {
    text-align: left;
    width: 40%
  }
}

.cmp-stage__overlay .cmp-title__text {
  color: var(--page-variables-primary-color, #fff)
}

.cmp-stage__deactivate-page-theme .cmp-stage__overlay .cmp-title__text {
  color: #fff
}

.cmp-stage__overlay .cmp-stage__zone .cmp-stage__pricetag {
  margin-top: 1.5rem;
  width: 100%
}

@media screen and (min-width:1024px) {
  .cmp-stage__overlay .cmp-stage__zone .cmp-stage__pricetag {
    width: 40%
  }
}

.cmp-stage__overlay .cmp-stage__zone .cmp-stage__pricetag .text {
  margin-top: 0;
  text-align: left;
  width: auto
}

@media screen and (min-width:1280px) {
  .cmp-stage__overlay .cmp-stage__zone .cmp-stage__pricetag {
    margin-top: 2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-stage__overlay .cmp-stage__zone .cmp-stage__pricetag {
    margin-top: 2.5rem
  }
}

.cmp-stage__overlay .cmp-stage__buttongroup {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
  padding-top: 1.5rem;
  width: 100%
}

@media screen and (min-width:1024px) {
  .cmp-stage__overlay .cmp-stage__buttongroup {
    width: 40%
  }
}

.cmp-stage__overlay .cmp-stage__buttongroup .cmp-button {
  margin: 0 auto
}

@media screen and (max-width:767px) {
  .cmp-stage__overlay .cmp-stage__buttongroup .cmp-button {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}

@media screen and (min-width:768px) {
  .cmp-stage__overlay .cmp-stage__buttongroup {
    align-items: unset;
    flex-direction: row;
    justify-content: center
  }
}

@media screen and (min-width:1024px) {
  .cmp-stage__overlay .cmp-stage__buttongroup {
    justify-content: unset;
    transition: bottom .3s ease-out
  }
}

.cmp-stage__disclaimer .cmp-stage__overlay {
  padding: 1.25rem 1.5rem 4.625rem
}

@media screen and (min-width:768px) {
  .cmp-stage__disclaimer .cmp-stage__overlay {
    padding: 0 6.625rem 5.125rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-stage__disclaimer .cmp-stage__overlay {
    padding: 0 0 2.5rem 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-stage__disclaimer .cmp-stage__overlay {
    padding: 0 0 3rem 6rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-stage__disclaimer .cmp-stage__overlay {
    padding: 0 0 4rem 6rem
  }
}

.cmp-stage__style-spacings-na5 .cmp-stage__overlay {
  padding: 1rem 1.5rem 2rem
}

@media screen and (min-width:768px) {
  .cmp-stage__style-spacings-na5 .cmp-stage__overlay {
    padding: 1rem 6.625rem 4rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-stage__style-spacings-na5 .cmp-stage__overlay {
    padding: 0 0 2.5rem 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-stage__style-spacings-na5 .cmp-stage__overlay {
    padding: 0 0 3rem 6rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-stage__style-spacings-na5 .cmp-stage__overlay {
    padding: 0 0 4rem 6rem
  }
}

.cmp-stage__style-spacings-na5 .cmp-stage__zone>.button {
  padding-top: 2rem
}

@media screen and (min-width:1024px) {
  .cmp-stage__style-spacings-na5 .cmp-stage__zone>.button {
    padding-top: 1.5rem
  }
}

.cmp-stage__style-spacings-na5 .cmp-stage__buttongroup {
  padding-top: 2rem
}

@media screen and (min-width:1024px) {
  .cmp-stage__style-spacings-na5 .cmp-stage__buttongroup {
    padding-top: 1.5rem
  }
}

.cmp-stage__style-spacings-na5 .cmp-stage__disclaimer .cmp-stage__overlay {
  padding: 1.25rem 1.5rem 4.625rem
}

@media screen and (min-width:768px) {
  .cmp-stage__style-spacings-na5 .cmp-stage__disclaimer .cmp-stage__overlay {
    padding: 0 6.625rem 5.125rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-stage__style-spacings-na5 .cmp-stage__disclaimer .cmp-stage__overlay {
    padding: 0 0 2.5rem 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-stage__style-spacings-na5 .cmp-stage__disclaimer .cmp-stage__overlay {
    padding: 0 0 3rem 6rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-stage__style-spacings-na5 .cmp-stage__disclaimer .cmp-stage__overlay {
    padding: 0 0 4rem 6rem
  }
}

.cmp-icons__dropdown-container.cmp-icons__dropdown-container--view .cmp-custom-dropdown__label,
.cmp-icons__dropdown-container.cmp-icons__dropdown-container--view .cmp-custom-dropdown__list-item-title,
.cmp-icons__dropdown-container.cmp-icons__dropdown-container--view .cmp-custom-dropdown__sort-label,
.cmp-icons__dropdown-container.cmp-icons__dropdown-container--view .cmp-custom-dropdown__title {
  text-transform: capitalize
}

.cmp-icons__dropdown-container.cmp-icons__dropdown-container--size .cmp-custom-dropdown__list-item-title,
.cmp-icons__dropdown-container.cmp-icons__dropdown-container--size .cmp-custom-dropdown__sort-label,
.cmp-icons__dropdown-container.cmp-icons__dropdown-container--size .cmp-custom-dropdown__title {
  text-transform: uppercase
}

.cmp-icons__dropdown-container.cmp-icons__dropdown-container--component .cmp-custom-dropdown__label,
.cmp-icons__dropdown-container.cmp-icons__dropdown-container--component .cmp-custom-dropdown__list-item-title,
.cmp-icons__dropdown-container.cmp-icons__dropdown-container--component .cmp-custom-dropdown__sort-label,
.cmp-icons__dropdown-container.cmp-icons__dropdown-container--component .cmp-custom-dropdown__title,
.cmp-icons__dropdown-container.cmp-icons__dropdown-container--size .cmp-custom-dropdown__label,
.cmp-icons__dropdown-container.cmp-icons__dropdown-container--weight .cmp-custom-dropdown__label,
.cmp-icons__dropdown-container.cmp-icons__dropdown-container--weight .cmp-custom-dropdown__list-item-title,
.cmp-icons__dropdown-container.cmp-icons__dropdown-container--weight .cmp-custom-dropdown__sort-label,
.cmp-icons__dropdown-container.cmp-icons__dropdown-container--weight .cmp-custom-dropdown__title {
  text-transform: capitalize
}

.cmp-icons__dropdown-container .cmp-custom-dropdown__sort-item:first-child .cmp-custom-dropdown__sort-label {
  display: none
}

.cmp-icons .cmp-icons__header {
  border-bottom: .0625rem solid #e6e6e6;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem
}

.cmp-icons .cmp-icons__list,
.cmp-icons .cmp-icons__navigation {
  column-gap: calc(var(--grid-gutter)*2);
  display: grid
}

.cmp-icons .cmp-icons__list .cmp-icons__title,
.cmp-icons .cmp-icons__navigation .cmp-icons__title {
  padding-bottom: .5rem
}

@media screen and (min-width:1280px) {

  .cmp-icons .cmp-icons__list .cmp-icons__title+*,
  .cmp-icons .cmp-icons__navigation .cmp-icons__title+* {
    grid-column-start: 1
  }
}

@media screen and (min-width:1920px) {

  .cmp-icons .cmp-icons__list .cmp-icons__title+*,
  .cmp-icons .cmp-icons__navigation .cmp-icons__title+* {
    grid-column-start: 3
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {

  .cmp-icons .cmp-icons__list .cmp-icons__title,
  .cmp-icons .cmp-icons__navigation .cmp-icons__title {
    grid-column: 1/3
  }
}

@media screen and (min-width:1024px) and (max-width:1279px) {

  .cmp-icons .cmp-icons__list .cmp-icons__title,
  .cmp-icons .cmp-icons__navigation .cmp-icons__title {
    grid-column: 1/4
  }
}

@media screen {

  .cmp-icons .cmp-icons__list,
  .cmp-icons .cmp-icons__navigation {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:768px) {

  .cmp-icons .cmp-icons__list,
  .cmp-icons .cmp-icons__navigation {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1024px) {

  .cmp-icons .cmp-icons__list,
  .cmp-icons .cmp-icons__navigation {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1280px) {

  .cmp-icons .cmp-icons__list,
  .cmp-icons .cmp-icons__navigation {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media screen and (min-width:1920px) {

  .cmp-icons .cmp-icons__list,
  .cmp-icons .cmp-icons__navigation {
    grid-template-columns: repeat(6, 1fr)
  }
}

.cmp-icons .cmp-icons__list {
  row-gap: 2.5rem
}

.cmp-icons .cmp-icons__navigation {
  align-items: end;
  row-gap: .25rem
}

.cmp-icons .cmp-icons__dropdown-container {
  align-self: center;
  display: flex;
  flex-wrap: wrap;
  gap: .25rem;
  justify-content: center
}

.cmp-icons .cmp-icons__item {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  transition: background .25s ease-in-out, box-shadow .5s ease-in-out, color .25s ease-in-out .25s, margin .25s ease-in-out, padding .25s ease-in-out
}

.cmp-icons .cmp-icons__item.cmp-icons__item--hidden {
  display: none
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-icons .cmp-icons__item:hover {
    background: #262626;
    box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d;
    color: #fff;
    cursor: copy;
    margin: calc(var(--grid-gutter)*-1);
    padding: var(--grid-gutter)
  }
}

.cmp-icons .cmp-icons__icon:before {
  text-align: center;
  transition: font-size .25s ease-in-out;
  width: 1.5em
}

.cmp-icons .cmp-icons__name {
  border-top: .0625rem solid #e6e6e6;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height);
  padding-top: 1rem;
  text-align: center;
  width: 100%
}

.cmp-icons .cmp-icons__usage {
  display: flex;
  flex-wrap: wrap;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  gap: .125rem .25rem;
  justify-content: center;
  line-height: var(--label-1-line-height);
  list-style: none
}

.cmp-icons .cmp-icons__usage-item--new {
  position: absolute;
  right: 0;
  top: 0
}

[data-icon-view=list].cmp-icons__list {
  gap: 1rem;
  grid-template-columns: 1fr
}

[data-icon-view=list] .cmp-icons__item {
  flex-direction: row
}

[data-icon-view=list] .cmp-icons__icon:before {
  margin-right: -.5rem;
  text-align: left
}

[data-icon-view=list] .cmp-icons__name {
  border: 0;
  flex-shrink: 0;
  padding: 0;
  width: auto
}

[data-icon-view=list] .cmp-icons__usage {
  justify-content: start;
  -webkit-user-select: none;
  user-select: none
}

.cmp-selectionpopover {
  align-items: center;
  background: #000c;
  display: flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  height: 100%;
  justify-content: center;
  left: 0;
  line-height: var(--body-2-line-height);
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100vw;
  z-index: 6080
}

.cmp-selectionpopover__popup-header-title {
  float: left;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  padding-bottom: .5rem;
  padding-left: .75rem;
  padding-top: .5rem
}

.cmp-selectionpopover__wrapper {
  display: flex;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  opacity: 0;
  position: relative;
  transform: scale(0);
  transition: opacity .314s ease-in-out, transform .314s ease-in-out;
  width: 100vw
}

@media screen and (max-width:767px) {
  .cmp-selectionpopover__wrapper {
    float: bottom;
    margin: 0;
    max-height: 75vh
  }
}

@media screen and (min-width:768px) {
  .cmp-selectionpopover__wrapper {
    margin: 2rem 6rem;
    max-height: calc(100vh - 4rem);
    width: calc(83.3333% - 4.5rem)
  }
}

@media screen and (min-width:1024px) {
  .cmp-selectionpopover__wrapper {
    margin: 3rem 8rem;
    width: unset
  }
}

@media screen and (min-width:1920px) {
  .cmp-selectionpopover__wrapper {
    width: unset
  }
}

.cmp-selectionpopover__content {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-y: auto
}

.cmp-selectionpopover--is-loading {
  --size: 3rem;
  --factor: 1;
  display: flex;
  visibility: visible
}

.cmp-selectionpopover--is-loading:after {
  animation-duration: 1.2s, 1.2s, .6s;
  animation-iteration-count: infinite, 1, 1;
  animation-name: spin, fade-in, grow;
  animation-timing-function: linear;
  border-color: #0000 #262626;
  border-radius: 50%;
  border-style: solid;
  border-width: calc(var(--size)*var(--factor)/6);
  bottom: 0;
  box-sizing: border-box;
  content: "";
  height: calc(var(--size)*var(--factor));
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(45deg);
  width: calc(var(--size)*var(--factor));
  z-index: 11
}

@media screen and (min-width:1024px) {
  .cmp-selectionpopover--is-loading:after {
    --factor: 1.33
  }
}

@media screen and (min-width:1280px) {
  .cmp-selectionpopover--is-loading:after {
    --factor: 1.66
  }
}

.cmp-selectionpopover--is-loading:before {
  animation-duration: .3s;
  animation-name: fade-in;
  background-color: #ffffffd6;
  bottom: 0;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10
}

@keyframes fade-in {
  0% {
    background-color: #0000
  }

  to {
    background-color: #ffffffd6
  }
}

@keyframes spin {
  0% {
    transform: rotate(45deg)
  }

  to {
    transform: rotate(405deg)
  }
}

@keyframes grow {
  0% {
    height: calc(var(--size)*var(--factor)*.5);
    width: calc(var(--size)*var(--factor)*.5)
  }

  to {
    height: calc(var(--size)*var(--factor));
    width: calc(var(--size)*var(--factor))
  }
}

.cmp-selectionpopover--is-open {
  visibility: visible
}

.cmp-selectionpopover--is-open .cmp-selectionpopover__wrapper {
  opacity: 1;
  transform: scale(1)
}

.cmp-selectionpopover--is-scrolling .cmp-selectionpopover__footer {
  border-top: .0625rem solid #e6e6e6
}

.cmp-selectionpopover__title {
  margin-bottom: 1.5rem
}

.cmp-selectionpopover__action-link {
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
  display: inline-flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  justify-content: center;
  line-height: var(--body-2-line-height);
  margin: .5rem 0;
  min-height: 3.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none;
  width: 100%
}

.cmp-selectionpopover__action-link:first-child {
  margin-top: 0
}

.cmp-selectionpopover__action-link:last-child {
  margin-bottom: 0
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-selectionpopover__action-link {
    margin: .75rem 0
  }
}

@media screen and (min-width:1024px) {
  .cmp-selectionpopover__action-link {
    margin: 0 .75rem;
    width: auto
  }

  .cmp-selectionpopover__action-link:first-child {
    margin-left: 0
  }

  .cmp-selectionpopover__action-link:last-child {
    margin-right: 0
  }
}

.cmp-selectionpopover__close-button {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  float: right;
  z-index: 6070
}

.cmp-selectionpopover__close-button,
.cmp-selectionpopover__close-button:active,
.cmp-selectionpopover__close-button:focus,
.cmp-selectionpopover__close-button:hover {
  background-color: #262626;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-selectionpopover__close-button:hover {
    background-color: #4d4d4d;
    box-shadow: none;
    color: #fff
  }
}

.cmp-selectionpopover__close-button:focus,
.cmp-selectionpopover__close-button:focus-visible {
  outline: none
}

.cmp-selectionpopover__close-button:focus-visible,
.cmp-selectionpopover__close-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-selectionpopover__close-button.focus-visible {
    outline: none
  }

  .cmp-selectionpopover__close-button.focus-visible,
  .cmp-selectionpopover__close-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-selectionpopover__close-button:focus-visible {
  color: #fff
}

@supports (display:block) {
  .cmp-selectionpopover__close-button.focus-visible {
    color: #fff
  }
}

.cmp-selectionpopover__close-button:focus-visible {
  background-color: #4d4d4d
}

@supports (display:block) {
  .cmp-selectionpopover__close-button.focus-visible {
    background-color: #4d4d4d
  }
}

.cmp-selectionpopover__close-button:disabled,
.cmp-selectionpopover__close-button[aria-disabled=true] {
  background-color: #bbb;
  pointer-events: none
}

.cmp-selectionpopover__close-button .cmp-selectionpopover__close_x {
  font-size: 1.5rem;
  line-height: 1
}

.cmp-selectionpopover__close-button .cmp-selectionpopover__close_x:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "close";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-selectionpopover__close-button .cmp-selectionpopover__close_x:before {
    display: none
  }
}

.cmp-selectionpopover__close-button .cmp-selectionpopover__close_x:before {
  font-size: inherit;
  font-weight: 400
}

.style-selectionpopover--headline-center .cmp-selectionpopover__title {
  text-align: center
}

.style-selectionpopover--headline-right .cmp-selectionpopover__title {
  text-align: right
}

.style-selectionpopover--buttons-center .cmp-selectionpopover__footer {
  text-align: center
}

.style-selectionpopover--buttons-right .cmp-selectionpopover__footer {
  text-align: right
}

@media screen and (max-width:767px) {
  .cmp-selectionpopover__popup-header {
    background-color: #0000;
    color: #fff;
    display: inline-flex;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: space-between;
    vertical-align: middle
  }

  .cmp-selectionpopover {
    align-items: end;
    justify-content: center
  }

  .cmp-selectionpopover__close-button {
    border: 0;
    box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset)
  }

  .cmp-selectionpopover__close-button,
  .cmp-selectionpopover__close-button:active,
  .cmp-selectionpopover__close-button:focus,
  .cmp-selectionpopover__close-button:hover {
    background-color: #0000;
    color: #fff
  }
}

@media screen and (max-width:767px) and (hover:hover) and (pointer:fine) {
  .cmp-selectionpopover__close-button:hover {
    background-color: #0000;
    box-shadow: none
  }
}

@media screen and (max-width:767px) {

  .cmp-selectionpopover__close-button:focus,
  .cmp-selectionpopover__close-button:focus-visible {
    outline: none
  }

  .cmp-selectionpopover__close-button:focus-visible,
  .cmp-selectionpopover__close-button:focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

@media screen and (max-width:767px) {
  @supports (display:block) {
    .cmp-selectionpopover__close-button.focus-visible {
      outline: none
    }

    .cmp-selectionpopover__close-button.focus-visible,
    .cmp-selectionpopover__close-button.focus-visible:hover {
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }
}

@media screen and (max-width:767px) {
  .cmp-selectionpopover__close-button:focus-visible {
    background-color: #0000
  }
}

@media screen and (max-width:767px) {
  @supports (display:block) {
    .cmp-selectionpopover__close-button.focus-visible {
      background-color: #0000
    }
  }
}

@media screen and (max-width:767px) {

  .cmp-selectionpopover__close-button:disabled,
  .cmp-selectionpopover__close-button[aria-disabled=true] {
    background-color: #0000;
    color: #0000;
    pointer-events: none
  }

  .cmp-selectionpopover__close-button:disabled:focus-visible,
  .cmp-selectionpopover__close-button[aria-disabled=true]:focus-visible {
    color: #0000
  }

  @supports (display:block) {

    .cmp-selectionpopover__close-button:disabled.focus-visible,
    .cmp-selectionpopover__close-button[aria-disabled=true].focus-visible {
      color: #0000
    }
  }
}

@media screen and (min-width:768px) {
  .cmp-selectionpopover__popup-header-title {
    display: none
  }

  .cmp-selectionpopover__main {
    flex-grow: 1;
    hyphens: auto;
    margin: .25rem;
    overflow: hidden auto;
    padding: 3.75rem 1.25rem;
    scrollbar-color: #4d4d4d #e6e6e6;
    scrollbar-width: thin;
    word-break: break-word
  }

  .cmp-selectionpopover__main::-webkit-scrollbar {
    height: .25rem;
    width: .25rem
  }

  .cmp-selectionpopover__main::-webkit-scrollbar-thumb {
    background: #4d4d4d;
    border-radius: .5rem
  }

  .cmp-selectionpopover__main::-webkit-scrollbar-track {
    background: #e6e6e6;
    border-radius: .5rem
  }
}

@media screen and (min-width:768px) and (min-width:768px) {
  .cmp-selectionpopover__main {
    padding: 5.75rem 3.75rem
  }
}

@media screen and (min-width:768px) and (min-width:1024px) {
  .cmp-selectionpopover__main {
    padding: 3.75rem 1.25rem
  }
}

@media screen and (min-width:768px) {
  .cmp-selectionpopover__close-button {
    border: 0;
    border-radius: 3px;
    box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
    cursor: pointer;
    margin: 1.5rem 1.5rem 0 0;
    position: absolute;
    right: 0
  }

  .cmp-selectionpopover__close-button,
  .cmp-selectionpopover__close-button:active,
  .cmp-selectionpopover__close-button:focus,
  .cmp-selectionpopover__close-button:hover {
    background-color: #fff;
    color: #262626
  }
}

@media screen and (min-width:768px) and (hover:hover) and (pointer:fine) {
  .cmp-selectionpopover__close-button:hover {
    background-color: #bbb;
    box-shadow: none
  }
}

@media screen and (min-width:768px) {

  .cmp-selectionpopover__close-button:focus,
  .cmp-selectionpopover__close-button:focus-visible {
    outline: none
  }

  .cmp-selectionpopover__close-button:focus-visible,
  .cmp-selectionpopover__close-button:focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

@media screen and (min-width:768px) {
  @supports (display:block) {
    .cmp-selectionpopover__close-button.focus-visible {
      outline: none
    }

    .cmp-selectionpopover__close-button.focus-visible,
    .cmp-selectionpopover__close-button.focus-visible:hover {
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }
}

@media screen and (min-width:768px) {
  .cmp-selectionpopover__close-button:focus-visible {
    background-color: #bbb
  }
}

@media screen and (min-width:768px) {
  @supports (display:block) {
    .cmp-selectionpopover__close-button.focus-visible {
      background-color: #bbb
    }
  }
}

@media screen and (min-width:768px) {

  .cmp-selectionpopover__close-button:disabled,
  .cmp-selectionpopover__close-button[aria-disabled=true] {
    background-color: #8e8e8e;
    color: #666;
    pointer-events: none
  }

  .cmp-selectionpopover__close-button:disabled:focus-visible,
  .cmp-selectionpopover__close-button[aria-disabled=true]:focus-visible {
    color: #666
  }

  @supports (display:block) {

    .cmp-selectionpopover__close-button:disabled.focus-visible,
    .cmp-selectionpopover__close-button[aria-disabled=true].focus-visible {
      color: #666
    }
  }
}

@media screen and (min-width:768px) {
  .cmp-selectionpopover__close-button:focus {
    box-shadow: none
  }

  .cmp-selectionpopover__close-button .cmp-selectionpopover__close-icon {
    font-size: 2rem;
    line-height: 1
  }

  .cmp-selectionpopover__close-button .cmp-selectionpopover__close-icon:before {
    font-size: inherit;
    font-weight: 400
  }
}

@media screen and (min-width:768px) and (min-width:1280px) {
  .cmp-selectionpopover__close-button .cmp-selectionpopover__close-icon {
    font-size: 3rem
  }

  .cmp-selectionpopover__close-button .cmp-selectionpopover__close-icon:before {
    font-size: inherit;
    font-weight: 300
  }
}

.cmp-item .cmp-item__content-container {
  display: flex;
  flex-direction: column
}

.cmp-item .cmp-item__date .cmp-item--icon,
.cmp-item .cmp-item__location .cmp-item--icon {
  margin-right: .25rem
}

.cmp-item .cmp-item__cta-link {
  align-items: center;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline;
  display: flex;
  text-decoration: none
}

.cmp-item .cmp-item__cta-link,
.cmp-item .cmp-item__cta-link:active,
.cmp-item .cmp-item__cta-link:disabled,
.cmp-item .cmp-item__cta-link:focus,
.cmp-item .cmp-item__cta-link:hover,
.cmp-item .cmp-item__cta-link:visited {
  background: #0000;
  color: #262626
}

.cmp-item .cmp-item__cta-link:hover {
  color: #1c69d4
}

.cmp-item .cmp-item__cta-link:active {
  color: #0653b6
}

.cmp-item .cmp-item__cta-link:disabled {
  color: #bbb
}

.cmp-item .cmp-item__cta-link:focus,
.cmp-item .cmp-item__cta-link:focus-visible {
  outline: none
}

.cmp-item .cmp-item__cta-link:focus-visible,
.cmp-item .cmp-item__cta-link:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-item .cmp-item__cta-link.focus-visible {
    outline: none
  }

  .cmp-item .cmp-item__cta-link.focus-visible,
  .cmp-item .cmp-item__cta-link.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-item .cmp-item__cta-link:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-item .cmp-item__cta-link.focus-visible {
    color: #1c69d4
  }
}

.cmp-item .cmp-item__cta-icon:before {
  font-size: 1.25rem;
  font-weight: 400
}

@media screen and (max-width:1023px) {
  .cmp-item {
    max-width: 100%;
    overflow: hidden;
    width: 100%
  }
}

.cmp-item-image {
  display: flex;
  flex-direction: column;
  margin-bottom: 2.5rem
}

.cmp-item-image .cmp-item__image-container {
  aspect-ratio: 3/2;
  display: flex;
  flex-basis: 58.3333333333%;
  justify-content: center;
  margin-bottom: 1.25rem;
  overflow: hidden;
  position: relative
}

.cmp-item-image .cmp-item__image-container a {
  height: 100%;
  width: 100%
}

.cmp-item-image .cmp-item__image-container a:focus,
.cmp-item-image .cmp-item__image-container a:focus-visible {
  box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d;
  outline: .125rem solid #1c69d4;
  outline-offset: .125rem;
  outline-offset: -.125rem;
  transition: outline 0s
}

.cmp-item-image .cmp-item__image-container img {
  height: 100%;
  object-fit: scale-down;
  object-position: right;
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-item-image .cmp-item__image-container {
    justify-content: end;
    margin-bottom: 0
  }
}

.cmp-item-image .cmp-item__content-container {
  display: flex;
  flex-basis: 41.6666666667%;
  justify-content: center
}

.cmp-item-image .cmp-item__title {
  margin-bottom: .5rem
}

.cmp-item-image .cmp-item__date,
.cmp-item-image .cmp-item__location {
  align-items: center;
  display: flex
}

.cmp-item-image .cmp-item__date {
  margin-bottom: .25rem
}

.cmp-item-image .cmp-item__location {
  margin-bottom: .5rem
}

.cmp-item-image .cmp-item__description {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  margin-bottom: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis
}

@media screen and (min-width:768px) {
  .cmp-item-image {
    flex-direction: row
  }

  .cmp-item-image:nth-child(2n) {
    flex-direction: row-reverse
  }

  .cmp-item-image:nth-child(2n) img {
    object-position: left
  }
}

.cmp-item-noimage .cmp-item__content-container {
  margin: .75rem 0
}

@media screen and (min-width:768px) {
  .cmp-item-noimage .cmp-item__content-container {
    align-items: center;
    display: grid;
    gap: .25rem 1.5rem;
    grid-template-columns: repeat(12, 1fr)
  }
}

.cmp-item-noimage .cmp-item__title {
  margin-bottom: .25rem
}

@media screen and (min-width:768px) {
  .cmp-item-noimage .cmp-item__title {
    grid-column: span 8;
    margin-bottom: 0
  }
}

@media screen and (min-width:1024px) {
  .cmp-item-noimage .cmp-item__title {
    grid-column: span 6
  }
}

.cmp-item-noimage .cmp-item__date,
.cmp-item-noimage .cmp-item__location {
  display: none;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height)
}

@media screen and (min-width:768px) {

  .cmp-item-noimage .cmp-item__date,
  .cmp-item-noimage .cmp-item__location {
    align-items: center;
    flex-wrap: wrap
  }
}

@media screen and (min-width:1024px) {
  .cmp-item-noimage .cmp-item__date {
    display: flex;
    grid-column: span 3
  }
}

@media screen and (min-width:1920px) {
  .cmp-item-noimage .cmp-item__date {
    grid-column: span 2
  }
}

@media screen and (min-width:768px) {
  .cmp-item-noimage .cmp-item__location {
    display: flex;
    grid-column: span 4
  }
}

@media screen and (min-width:1024px) {
  .cmp-item-noimage .cmp-item__location {
    grid-column: span 3
  }
}

.cmp-item-noimage .cmp-item__cta {
  grid-column: span 12
}

@media screen and (min-width:1920px) {
  .cmp-item-noimage .cmp-item__cta {
    grid-column: span 1
  }
}

@media screen and (min-width:768px) {
  .teaser .cmp-item-image:nth-child(odd) .cmp-item__content-container--inner {
    padding-left: 1.5rem
  }
}

@media screen and (min-width:1024px) {
  .teaser .cmp-item-image:nth-child(odd) .cmp-item__content-container--inner {
    padding-left: 2.5rem
  }
}

@media screen and (min-width:1280px) {
  .teaser .cmp-item-image:nth-child(odd) .cmp-item__content-container--inner {
    padding-left: 3.5rem
  }
}

@media screen and (min-width:768px) {
  .teaser .cmp-item-image:nth-child(2n) .cmp-item__content-container--inner {
    padding-right: 1.5rem
  }
}

@media screen and (min-width:1024px) {
  .teaser .cmp-item-image:nth-child(2n) .cmp-item__content-container--inner {
    padding-right: 2.5rem
  }
}

@media screen and (min-width:1280px) {
  .teaser .cmp-item-image:nth-child(2n) .cmp-item__content-container--inner {
    padding-right: 3.5rem
  }
}

@media screen and (min-width:768px) {
  .grid-cols .cmp-item {
    flex-direction: column
  }
}

.grid-cols .cmp-item__image-container {
  display: block;
  max-height: 50%;
  min-height: 50%
}

.grid-cols .cmp-item__image-container img {
  object-fit: cover;
  object-position: center
}

.grid-cols .cmp-item__content-container {
  justify-content: start;
  margin-top: 2rem
}

@media screen and (max-width:1023px) {
  .grid-cols .cmp-item__content-container {
    flex-basis: 0;
    margin-top: 0
  }
}

.grid-cols .cmp-item__cta {
  justify-content: end
}

.grid-cols .cmp-item__tags span {
  background-color: #dce8fa;
  display: inline-block;
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  margin-right: .25rem;
  max-width: 50%;
  overflow: hidden;
  padding: .125rem;
  text-overflow: ellipsis;
  white-space: nowrap
}

.grid-cols .cmp-item__title {
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height)
}

.cmp-searchcomponent .grid {
  display: grid
}

@media screen and (max-width:1023px) {
  .cmp-searchcomponent .grid {
    align-items: start
  }
}

.cmp-searchcomponent .inline-grid {
  display: inline-grid
}

@media screen and (min-width:1024px) {
  .cmp-searchcomponent .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .cmp-searchcomponent .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
  }

  .cmp-searchcomponent .grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr))
  }

  .cmp-searchcomponent .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  .cmp-searchcomponent .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .cmp-searchcomponent .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .cmp-searchcomponent .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .cmp-searchcomponent .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }

  .cmp-searchcomponent .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
  }

  .cmp-searchcomponent .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr))
  }

  .cmp-searchcomponent .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
  }

  .cmp-searchcomponent .grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr))
  }
}

.cmp-searchbox {
  margin: 0 0 1.5rem
}

.cmp-searchbox__form {
  border: 1px solid #bbb;
  display: block;
  height: 3.25rem;
  position: relative;
  width: 100%
}

@media screen and (min-width:1024px) {
  .cmp-searchbox__form {
    width: calc(50% - 1.5rem)
  }
}

.cmp-searchbox__input[type=search] {
  background-color: #0000;
  border: 0;
  box-sizing: border-box;
  height: 100%;
  padding: .75rem 3.25rem .75rem .75rem;
  width: 100%
}

.cmp-searchbox__submit {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  height: 3.25rem;
  justify-content: center;
  min-height: 3.25rem;
  padding: .25rem;
  position: absolute;
  right: 0;
  text-align: center;
  text-decoration: none;
  top: 0;
  width: 3.25rem
}

.cmp-searchbox__submit,
.cmp-searchbox__submit:active,
.cmp-searchbox__submit:focus,
.cmp-searchbox__submit:hover {
  background-color: #0000;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-searchbox__submit:hover {
    background-color: #0000;
    box-shadow: none;
    color: #666
  }
}

.cmp-searchbox__submit:focus-visible,
.cmp-searchbox__submit:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-searchbox__submit.focus-visible {
    outline: none
  }

  .cmp-searchbox__submit.focus-visible,
  .cmp-searchbox__submit.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-searchbox__submit:focus-visible {
  color: #666
}

@supports (display:block) {
  .cmp-searchbox__submit.focus-visible {
    color: #666
  }
}

.cmp-searchbox__submit:focus-visible {
  background-color: #0000
}

@supports (display:block) {
  .cmp-searchbox__submit.focus-visible {
    background-color: #0000
  }
}

.cmp-searchbox__submit:disabled,
.cmp-searchbox__submit[aria-disabled=true] {
  background-color: #0000;
  color: #666;
  pointer-events: none
}

.cmp-searchbox__submit:disabled:focus-visible,
.cmp-searchbox__submit[aria-disabled=true]:focus-visible {
  color: #666
}

@supports (display:block) {

  .cmp-searchbox__submit:disabled.focus-visible,
  .cmp-searchbox__submit[aria-disabled=true].focus-visible {
    color: #666
  }
}

.cmp-searchbox__submit .cmp-searchbox__icon-search:before {
  font-size: 1rem;
  font-weight: 400
}

.cmp-searchbox__input:focus,
.cmp-searchbox__input:focus-visible {
  outline: none
}

.cmp-searchbox__input:focus-visible,
.cmp-searchbox__input:focus-visible:hover {
  box-shadow: inset 0 0 0 .0625rem #4d4d4d, 0 0 0 .0625rem #4d4d4d
}

@supports (display:block) {
  .cmp-searchbox__input.focus-visible {
    outline: none
  }

  .cmp-searchbox__input.focus-visible,
  .cmp-searchbox__input.focus-visible:hover {
    box-shadow: inset 0 0 0 .0625rem #4d4d4d, 0 0 0 .0625rem #4d4d4d
  }
}

.cmp-searchbox__submit:focus,
.cmp-searchbox__submit:focus-visible {
  outline: none
}

.cmp-searchbox__submit:focus-visible,
.cmp-searchbox__submit:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .cmp-searchbox__submit.focus-visible {
    outline: none
  }

  .cmp-searchbox__submit.focus-visible,
  .cmp-searchbox__submit.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.cmp-searchbox__suggestions-listbox {
  list-style: none;
  margin-top: .75rem
}

.cmp-searchbox__suggestions-listbox--hidden {
  display: none
}

.cmp-searchbox__suggestions-listbox-item {
  border-left: .25rem solid #0000;
  cursor: pointer;
  padding: .5rem .5rem .5rem .625rem;
  width: -moz-fit-content;
  width: fit-content
}

.cmp-searchbox__suggestions-listbox-item--selected {
  border-left: .25rem solid #1c69d4
}

@keyframes fade-in-out {
  50% {
    opacity: 1;
    translate: 0
  }

  to {
    opacity: 0;
    translate: 10%
  }
}

.cmp-scrollnavigation {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 100%;
  opacity: 0;
  
  position: fixed;
  right: .5rem;
  top: 0;
  transition: opacity .25s;
  z-index: 6020
}

@media screen and (max-width:1023px) {
  .cmp-scrollnavigation {
    display: none
  }
}

.cmp-scrollnavigation:focus-within {
  opacity: 1
}

.cmp-scrollnavigation__nav {
  display: flex;
  transition: opacity .25s
}

.cmp-scrollnavigation__nav.cmp-scrollnavigation--show-all-tooltips .cmp-scrollnavigation__list-item-tooltip {
  animation-delay: .25s;
  animation-duration: 4s;
  animation-name: fade-in-out
}

.cmp-scrollnavigation--author {
  position: relative
}

.cmp-scrollnavigation--nav-visible {
  opacity: 1
}

:is(.cmp-scrollnavigation:focus-within, .cmp-scrollnavigation--nav-visible) .cmp-scrollnavigation__list-item-tooltip {
  display: block
}

:is(.cmp-scrollnavigation:focus-within, .cmp-scrollnavigation--nav-visible) .cmp-scrollnavigation__nav {
  pointer-events: auto
}

.cmp-scrollnavigation__list {
  --scrollnavigation-list-item-bullet-width: 0.5rem;
  --scrollnavigation-list-item-bullet-height: 0.5rem;
  --scrollnavigation-list-item-width: 0.75rem;
  --scrollnavigation-list-item-height: 0.75rem;
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: .25rem;
  padding: 1rem
}

.cmp-scrollnavigation__list-item {
  cursor: pointer;
  list-style: none;
  position: relative
}

.cmp-scrollnavigation__list-item-tooltip {
  background: #262626;
  border-radius: 3px;
  color: #fff;
  display: none;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  font-weight: var(--input-font-weight);
  line-height: var(--label-1-line-height);
  margin-right: .5rem;
  max-width: 10.75rem;
  opacity: 0;
  overflow: hidden;
  padding: .1875rem .375rem;
  
  right: 1rem;
  text-overflow: ellipsis;
  transition: opacity .25s, translate .25s, margin-right .25s;
  transition-delay: 0s;
  translate: 5%;
  white-space: nowrap
}

.cmp-scrollnavigation__nav:hover .cmp-scrollnavigation__list-item-tooltip {
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0s;
  translate: 0
}

.cmp-scrollnavigation__nav:hover .is-active .cmp-scrollnavigation__list-item-tooltip {
  animation-duration: 0s
}

.cmp-scrollnavigation__nav:not(:hover) .is-active .cmp-scrollnavigation__list-item-tooltip {
  transition-delay: .35s
}

.cmp-scrollnavigation__list-item-link {
  --scrollnavigation-bullets-box-shadow: 0 0 0.0625rem 0.046875rem #ffffffd6;
  --scrollnavigation-active-bullet-box-shadow: 0 0 0.0625rem 0.040625rem #fff;
  --scrollnavigation-bullet-background: radial-gradient(circle at 50%, #0000 60%, #8e8e8e 63%);
  align-items: center;
  color: inherit;
  display: inline-flex;
  min-height: 1.375rem;
  text-decoration: none
}

.cmp-scrollnavigation__list-item-bullet {
  aspect-ratio: 1/1;
  background: #8e8e8e;
  border-radius: 50%;
  box-shadow: var(--scrollnavigation-bullets-box-shadow);
  display: block;
  flex-shrink: 0;
  height: var(--scrollnavigation-list-item-bullet-height);
  margin: .25rem;
  transition: all .1s;
  width: var(--scrollnavigation-list-item-bullet-width)
}

.cmp-scrollnavigation__list-item-link.is-active .cmp-scrollnavigation__list-item-bullet {
  border-radius: 50%;
  box-shadow: var(--scrollnavigation-active-bullet-box-shadow);
  transform: scale(1.5)
}

.cmp-scrollnavigation__list-item-link.is-active .cmp-scrollnavigation__list-item-bullet:after {
  background: var(--scrollnavigation-bullet-background);
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  transform: scale(1.5);
  width: 100%
}

.cmp-scrollnavigation__list-item-link.is-active .cmp-scrollnavigation__list-item-tooltip {
  animation-delay: .25s;
  animation-duration: 4s;
  animation-name: fade-in-out;
  pointer-events: auto
}

.cmp-scrollnavigation__list-item-link:focus-visible .cmp-scrollnavigation__list-item-tooltip {
  opacity: 1;
  transition-delay: 0s;
  translate: 0
}

.cmp-scrollnavigation__list-item-link:focus-visible .cmp-scrollnavigation__list-item-bullet {
  transform: scale(1.5)
}

.cmp-scrollnavigation__list-item-link:not(.is-active):hover .cmp-scrollnavigation__list-item-tooltip {
  margin-right: .5rem
}

.cmp-scrollnavigation__list-item-link:not(.is-active):hover .cmp-scrollnavigation__list-item-bullet {
  transform: scale(1.5)
}

.cmp-scrollmotion--horizontal-center {
  left: 50%;
  position: absolute;
  transform: translateX(-50%)
}

.cmp-scrollmotion--horizontal-left {
  position: absolute
}

@media screen and (min-width:768px) {
  .cmp-scrollmotion--horizontal-left {
    left: 0
  }
}

.cmp-scrollmotion--horizontal-right {
  position: absolute
}

@media screen and (min-width:768px) {
  .cmp-scrollmotion--horizontal-right {
    right: 0
  }
}

.cmp-scrollmotion--vertical-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.cmp-scrollmotion--vertical-top {
  position: absolute
}

@media screen {
  .cmp-scrollmotion--vertical-top {
    top: 0
  }
}

.cmp-scrollmotion--vertical-bottom {
  position: absolute
}

@media screen {
  .cmp-scrollmotion--vertical-bottom {
    bottom: 0
  }
}

.style-container--fixed .cmp-scrollmotion--horizontal-left,
.style-container--fixed .cmp-scrollmotion--horizontal-right {
  padding-left: var(--grid-full);
  padding-right: var(--grid-full)
}

.cmp-scrollmotion {
  min-height: 100vh;
  position: relative
}

.style-container--fixed .cmp-scrollmotion {
  margin-left: calc(var(--grid-full)*-1);
  margin-right: calc(var(--grid-full)*-1);
  max-width: 120rem;
  width: calc(100% + var(--grid-full)*2)
}

.cmp-scrollmotion .cmp-scrollmotion__item,
.cmp-scrollmotion__video-cover {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%
}

.cmp-scrollmotion__video-cover {
  background-color: #000;
  bottom: 0;
  left: 0;
  object-fit: contain;
  right: 0
}

.cmp-scrollmotion__wrapper {
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  transition: opacity .25s;
  width: 100%
}

.cmp-scrollmotion:not([data-initialized=true]) .cmp-scrollmotion__wrapper {
  opacity: 0
}

@media screen and (min-width:1920px) {
  .cmp-scrollmotion__wrapper {
    left: auto;
    max-width: inherit
  }
}

.cmp-scrollmotion__bg-white {
  background: #fff
}

.cmp-scrollmotion__bg-black {
  background: #000
}

.cmp-scrollmotion__wrapper--absolute-top {
  position: absolute
}

.cmp-scrollmotion__wrapper--absolute-bottom {
  bottom: 0;
  position: absolute;
  top: unset
}

.cmp-scrollmotion__canvas {
  height: 100%;
  width: calc((100vw - var(--scrollbar-width))/1*1)
}

.cmp-scrollmotion__video {
  height: 100%;
  object-fit: contain;
  width: 100%
}

.cmp-scrollmotion__cover {
  max-width: 100%
}

.cmp-scrollmotion--horizontal-center.cmp-scrollmotion--vertical-center {
  transform: translate(-50%, -50%)
}

.cmp-scrollmotion__content {
  position: absolute
}

@media screen and (max-width:1023px) {

  .cmp-scrollmotion--horizontal-center,
  .cmp-scrollmotion--horizontal-left,
  .cmp-scrollmotion--horizontal-right {
    width: 100%
  }

  .cmp-scrollmotion--horizontal-center .cmp-text,
  .cmp-scrollmotion--horizontal-center .cmp-title__text,
  .cmp-scrollmotion--horizontal-left .cmp-text,
  .cmp-scrollmotion--horizontal-left .cmp-title__text,
  .cmp-scrollmotion--horizontal-right .cmp-text,
  .cmp-scrollmotion--horizontal-right .cmp-title__text {
    text-align: center;
    width: 100%
  }
}

.cmp-scrollmotion__spinner {
  --size: 3rem;
  --factor: 1;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .5s ease-out;
  z-index: 6020
}

.cmp-scrollmotion__spinner:after {
  animation-duration: 1.2s, 1.2s, .6s;
  animation-iteration-count: infinite, 1, 1;
  animation-name: spin, fade-in, grow;
  animation-timing-function: linear;
  border-color: #0000 #262626;
  border-radius: 50%;
  border-style: solid;
  border-width: calc(var(--size)*var(--factor)/6);
  bottom: 0;
  box-sizing: border-box;
  content: "";
  height: calc(var(--size)*var(--factor));
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(45deg);
  width: calc(var(--size)*var(--factor));
  z-index: 11
}

@media screen and (min-width:1024px) {
  .cmp-scrollmotion__spinner:after {
    --factor: 1.33
  }
}

@media screen and (min-width:1280px) {
  .cmp-scrollmotion__spinner:after {
    --factor: 1.66
  }
}

.cmp-scrollmotion__spinner:before {
  animation-duration: .3s;
  animation-name: fade-in;
  background-color: #ffffffd6;
  bottom: 0;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10
}

@keyframes fade-in {
  0% {
    background-color: #0000
  }

  to {
    background-color: #ffffffd6
  }
}

@keyframes spin {
  0% {
    transform: rotate(45deg)
  }

  to {
    transform: rotate(405deg)
  }
}

@keyframes grow {
  0% {
    height: calc(var(--size)*var(--factor)*.5);
    width: calc(var(--size)*var(--factor)*.5)
  }

  to {
    height: calc(var(--size)*var(--factor));
    width: calc(var(--size)*var(--factor))
  }
}

.cmp-scrollmotion__spinner--loaded {
  opacity: 0
}

@media screen and (max-width:767px) {
  .cmp-scrollmotion__item--hide-for-mobile {
    display: none
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-scrollmotion__item--hide-for-tablet {
    display: none
  }
}

@media screen and (min-width:1024px) {
  .cmp-scrollmotion__item--hide-for-desktop {
    display: none
  }
}

.cmp-scrollmotion__overlay {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}

.cmp-scrollmotion__overlay-container {
  height: 100%;
  position: relative;
  width: 100%
}

.cmp-scrollmotion__overlay-content {
  opacity: 0
}

.cmp-scrollmotion__overlay-content--fade-out {
  transition: opacity var(--animationspeed) ease-in-out;
  will-change: opacity
}

.cmp-scrollmotion__overlay-content--fade-in {
  transition: opacity var(--animationspeed) ease-in-out;
  will-change: opacity, transform
}

.cmp-scrollmotion__overlay-content--active {
  opacity: 1
}

.cmp-scrollmotion__overlay--position-active {
  z-index: 20
}

.cmp-scrollmotion__wrapper:not(.cmp-scrollmotion__bg-white) .cmp-scrollmotion__hint-text {
  color: #fff
}

.cmp-scrollmotion__wrapper:not(.cmp-scrollmotion__bg-white) .cmp-scrollmotion__hint--line {
  background: #fff
}

.cmp-scrollmotion__wrapper:not(.cmp-scrollmotion__bg-black) .cmp-scrollmotion__hint-text {
  color: #000
}

.cmp-scrollmotion__wrapper:not(.cmp-scrollmotion__bg-black) .cmp-scrollmotion__hint--line {
  background: #000
}

.cmp-scrollmotion__hint--scroll-inside {
  animation: scroll 2.5s cubic-bezier(0, .5, .5, 1)
}

.cmp-scrollmotion__hint--scroll-outside {
  animation: scroll 2.5s cubic-bezier(.5, 0, 1, .5)
}

.cmp-scrollmotion__hint {
  bottom: 0;
  opacity: 0;
  padding-bottom: 9.25rem;
  padding-right: 1.5rem;
  position: absolute;
  right: 0;
  text-align: center;
  transition: opacity .3s ease-in-out
}

@media screen and (min-width:768px) {
  .cmp-scrollmotion__hint {
    padding-bottom: 3rem;
    padding-right: 2.5rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-scrollmotion__hint {
    padding-right: 0;
    right: unset
  }
}

.cmp-scrollmotion__hint-text {
  color: inherit;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  margin-bottom: .5rem;
  transform: rotate(180deg);
  writing-mode: tb-rl
}

@media screen and (min-width:1024px) {
  .cmp-scrollmotion__hint-text {
    font-size: var(--label-1-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--label-1-line-height);
    transform: rotate(0deg);
    writing-mode: initial
  }
}

.cmp-scrollmotion__hint--visible {
  opacity: 1
}

.cmp-scrollmotion__hint--line {
  display: inline-flex;
  height: 2.5rem;
  transform: translateY(-100%);
  width: 1px
}

.cmp-scrollmotion__hint--line-wrapper {
  display: flex;
  height: 2.5rem;
  justify-content: center;
  overflow: hidden
}

@keyframes scroll {
  0% {
    transform: translateY(-2.5rem)
  }

  25% {
    transform: translateY(-1.5rem)
  }

  to {
    transform: translateY(2.5rem)
  }
}

.cmp-scroll-indicator+.cmp-scroll-indicator-arrow {
  color: inherit;
  height: 3.75rem;
  transition: visibility .3s;
  visibility: hidden
}

.cmp-scroll-indicator+.cmp-scroll-indicator-arrow:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrow_chevron_down";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-scroll-indicator+.cmp-scroll-indicator-arrow:after {
    display: none
  }
}

.cmp-scroll-indicator+.cmp-scroll-indicator-arrow:after {
  font-size: 2rem;
  font-weight: 400;
  left: 50%;
  margin: .5rem;
  opacity: 0;
  transform: translateX(-50%);
  transition: opacity .3s
}

.cmp-scroll-indicator+.cmp-scroll-indicator-arrow,
.cmp-scroll-indicator+.cmp-scroll-indicator-arrow:after {
  bottom: 0;
  position: absolute
}

.cmp-scroll-indicator.cmp-scroll-indicator--visible {
  -webkit-mask: linear-gradient(180deg, #000 calc(100% - 3.75rem), #0000);
  mask: linear-gradient(180deg, #000 calc(100% - 3.75rem), #0000)
}

.cmp-scroll-indicator.cmp-scroll-indicator--visible+.cmp-scroll-indicator-arrow {
  visibility: visible
}

.cmp-scroll-indicator.cmp-scroll-indicator--visible+.cmp-scroll-indicator-arrow,
.cmp-scroll-indicator.cmp-scroll-indicator--visible+.cmp-scroll-indicator-arrow:after {
  opacity: 1
}

.position-relative {
  position: relative
}

.style-scroll-animation {
  opacity: 0;
  transform: translateY(25%);
  z-index: 100
}

.style-scroll-animation--bg--overlay {
  transform: translateY(calc(25% + var(--bg-overlay-height)));
  z-index: 100
}

.style-scroll-animation--animate {
  opacity: 1;
  transform: translateY(0);
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
  z-index: inherit
}

.style-scroll-animation-container {
  opacity: 0;
  transform: translateY(1rem);
  visibility: hidden
}

@media screen and (min-width:1024px) {
  .style-scroll-animation-container {
    transform: translateX(1rem)
  }
}

.style-scroll-animation-container--animate {
  opacity: 1;
  transform: translate(0);
  transition: transform 1s ease-in-out, opacity .5s ease-in-out;
  visibility: visible
}

.cmp-regionaloffers .cmp-popover--hide {
  display: none
}

.cmp-regionaloffers {
  display: block;
  width: 100%
}

.cmp-regionaloffers.cmp-regionaloffers--author.cmp-regionaloffers--error {
  display: block
}

.cmp-regionaloffers__container {
  display: block;
  width: 100%
}

.cmp-regionaloffers.cmp-regionaloffers--error .cmp-regionaloffers__container,
.cmp-regionaloffers.cmp-regionaloffers--hidden .cmp-regionaloffers__container {
  display: none
}

.cmp-regionaloffers.cmp-regionaloffers--error.cmp-regionaloffers--author .cmp-regionaloffers__container {
  display: block
}

.cmp-regionaloffers.cmp-regionaloffers--debug,
.cmp-regionaloffers.cmp-regionaloffers--error.cmp-regionaloffers--debug.cmp-regionaloffers--author {
  border: 2px solid #1c69d4
}

.cmp-regionaloffers.cmp-regionaloffers--error.cmp-regionaloffers--debug {
  border-width: 0
}

.cmp-regionaloffers__debug {
  color: #1c69d4;
  display: none;
  justify-content: center
}

.cmp-regionaloffers.cmp-regionaloffers--debug .cmp-regionaloffers__debug,
.cmp-regionaloffers.cmp-regionaloffers--debug.cmp-regionaloffers--author .cmp-regionaloffers__debug {
  display: flex
}

.cmp-regionaloffers.cmp-regionaloffers--debug.cmp-regionaloffers--error .cmp-regionaloffers__debug {
  background-color: #000;
  color: #fff
}

.cmp-regionaloffers__wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  justify-content: flex-start;
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-regionaloffers__wrapper {
    align-items: stretch;
    flex-direction: row;
    gap: 0
  }
}

.cmp-regionaloffers.cmp-regionaloffers--error .cmp-regionaloffers__wrapper {
  display: none
}

.cmp-regionaloffers.cmp-regionaloffers--author.cmp-regionaloffers--error .cmp-regionaloffers__wrapper {
  display: flex
}

.cmp-regionaloffers__finance-offer {
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-regionaloffers__finance-offer {
    width: 100%
  }
}

@media screen and (min-width:1280px) {
  .cmp-regionaloffers__finance-offer {
    width: 42.8571428571%
  }
}

.cmp-regionaloffers__finance-offer__headline .financeOfferHeadline.title {
  margin-bottom: 0
}

.cmp-regionaloffers__finance-offer__subheadline {
  margin-top: 5px
}

@media screen and (min-width:768px) {
  .cmp-regionaloffers__finance-offer__subheadline {
    margin-top: .5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-regionaloffers__finance-offer__subheadline {
    margin-top: .625rem
  }
}

.cmp-regionaloffers__finance-offer.cmp-regionaloffers__finance-offer--hidden {
  display: none
}

.cmp-regionaloffers__lease-offer {
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-regionaloffers__lease-offer {
    width: 100%
  }
}

@media screen and (min-width:1280px) {
  .cmp-regionaloffers__lease-offer {
    width: 42.8571428571%
  }
}

.cmp-regionaloffers__lease-offer__headline .leaseOfferHeadline.title {
  margin-bottom: 0
}

.cmp-regionaloffers__lease-offer__subheadline {
  margin-top: 5px
}

@media screen and (min-width:768px) {
  .cmp-regionaloffers__lease-offer__subheadline {
    margin-top: .5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-regionaloffers__lease-offer__subheadline {
    margin-top: .625rem
  }
}

.cmp-regionaloffers__lease-offer.cmp-regionaloffers__lease-offer--hidden {
  display: none
}

@media screen and (min-width:768px) {
  .cmp-regionaloffers__wrapper:has(.cmp-regionaloffers__lease-offer.cmp-regionaloffers__lease-offer--hidden) .cmp-regionaloffers__finance-offer {
    width: 100%
  }
}

@media screen and (min-width:1280px) {
  .cmp-regionaloffers__wrapper:has(.cmp-regionaloffers__lease-offer.cmp-regionaloffers__lease-offer--hidden) .cmp-regionaloffers__finance-offer {
    width: 100%
  }
}

@media screen and (min-width:768px) {
  .cmp-regionaloffers__wrapper:has(.cmp-regionaloffers__finance-offer.cmp-regionaloffers__finance-offer--hidden) .cmp-regionaloffers__lease-offer {
    width: 100%
  }
}

@media screen and (min-width:1280px) {
  .cmp-regionaloffers__wrapper:has(.cmp-regionaloffers__finance-offer.cmp-regionaloffers__finance-offer--hidden) .cmp-regionaloffers__lease-offer {
    width: 100%
  }
}

.cmp-regionaloffers__info-wrapper {
  align-self: flex-start;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-regionaloffers__info-wrapper {
    align-self: center;
    width: 41.6666666667%
  }
}

@media screen and (min-width:1280px) {
  .cmp-regionaloffers__info-wrapper {
    width: 33.3333333333%
  }
}

@media screen and (min-width:1920px) {
  .cmp-regionaloffers__info-wrapper {
    width: 33.3333333333%
  }
}

.cmp-regionaloffers__divider {
  align-items: center;
  display: none;
  justify-content: center;
  width: 0
}

@media screen and (min-width:768px) {
  .cmp-regionaloffers__divider {
    display: flex;
    flex: 1 1 auto;
    height: auto;
    margin: 0 .75rem;
    min-height: 0;
    width: 16.6666666667%
  }
}

@media screen and (min-width:1280px) {
  .cmp-regionaloffers__divider {
    margin: 0 .75rem;
    width: 8.3333333333%
  }
}

.cmp-regionaloffers__divider-line {
  background-color: #ebebeb;
  height: 100%;
  width: .0625rem
}

.cmp-regionaloffers__offers-wrapper {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 2.5rem;
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-regionaloffers__offers-wrapper {
    align-items: stretch;
    align-self: center;
    row-gap: 3.1875rem;
    width: 41.6666666667%
  }
}

@media screen and (min-width:1280px) {
  .cmp-regionaloffers__offers-wrapper {
    align-self: center;
    column-gap: calc(14.28571% + 1.5rem);
    flex-direction: row;
    row-gap: 0;
    width: 58.3333333333%
  }

  .cmp-regionaloffers__wrapper:has(.cmp-regionaloffers__finance-offer.cmp-regionaloffers__finance-offer--hidden) .cmp-regionaloffers__offers-wrapper,
  .cmp-regionaloffers__wrapper:has(.cmp-regionaloffers__lease-offer.cmp-regionaloffers__lease-offer--hidden) .cmp-regionaloffers__offers-wrapper {
    align-items: center
  }
}

.cmp-regionaloffers__title .offerTitle.title {
  margin-bottom: 0
}

.cmp-regionaloffers__text {
  margin-top: .625rem
}

@media screen and (min-width:768px) {
  .cmp-regionaloffers__text {
    margin-top: .75rem
  }
}

.cmp-regionaloffers__loyalty-text {
  margin-top: 1rem
}

@media screen and (min-width:768px) {
  .cmp-regionaloffers__loyalty-text {
    margin-top: 1.25rem
  }
}

.cmp-regionaloffers__loyalty-text--hidden {
  display: none
}

.cmp-regionaloffers__loyalty-cta {
  margin-top: .75rem
}

.cmp-regionaloffers__loyalty-cta--hidden {
  display: none
}

.cmp-regionaloffers__lease-offer__cta {
  margin-top: .625rem
}

@media screen and (min-width:768px) {
  .cmp-regionaloffers__lease-offer__cta {
    margin-top: .75rem
  }
}

.cmp-regionaloffers__lease-offer__loyalty-cta {
  margin-top: .625rem
}

@media screen and (min-width:768px) {
  .cmp-regionaloffers__lease-offer__loyalty-cta {
    margin-top: .75rem
  }
}

.cmp-regionaloffers__lease-offer__loyalty-cta--hidden {
  display: none
}

.cmp-regionaloffers__finance-offer__cta {
  margin-top: .625rem
}

@media screen and (min-width:768px) {
  .cmp-regionaloffers__finance-offer__cta {
    margin-top: .75rem
  }
}

.cmp-regionaloffers__finance-offer__loyalty-cta {
  margin-top: .625rem
}

@media screen and (min-width:768px) {
  .cmp-regionaloffers__finance-offer__loyalty-cta {
    margin-top: .75rem
  }
}

.cmp-regionaloffers__finance-offer__loyalty-cta--hidden {
  display: none
}

.cmp-regionaloffers__configuration {
  align-items: center;
  border-bottom: .0625rem solid #1c69d4;
  display: none;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem
}

.cmp-regionaloffers.cmp-regionaloffers--debug.cmp-regionaloffers--author .cmp-regionaloffers__configuration {
  display: flex
}

.cmp-regionaloffers.cmp-regionaloffers--error.cmp-regionaloffers--author .cmp-regionaloffers__configuration {
  background-color: #000;
  color: #fff;
  display: flex;
  padding-top: 1.25rem
}

.cmp-regionaloffers__error {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center
}

.cmp-regionaloffers.cmp-regionaloffers--error.cmp-regionaloffers--author .cmp-regionaloffers__error {
  background-color: #000;
  color: #fff;
  display: flex
}

.cmp-regionaloffers .financeOfferCTA,
.cmp-regionaloffers .financeOfferHeadline,
.cmp-regionaloffers .financeOfferSubHeadline,
.cmp-regionaloffers .leaseOfferCTA,
.cmp-regionaloffers .leaseOfferHeadline,
.cmp-regionaloffers .leaseOfferSubHeadline,
.cmp-regionaloffers .offerText,
.cmp-regionaloffers .offerTitle {
  color: #262626
}

@charset "UTF-8";

.cmp-regionaloffers__offer:not([hidden]) {
  align-items: center;
  display: flex;
  flex-wrap: wrap
}

.cmp-regionaloffers__offer:not([hidden]) .cmp-button.cmp-popover__trigger {
  padding-left: .5rem
}

.cmp-regionaloffers__offer--financing .cmp-regionaloffers__offer--firstpayment,
.cmp-regionaloffers__offer--leasing .cmp-regionaloffers__offer--firstpayment {
  display: flex;
  flex: 1 0 100%;
  justify-content: flex-start
}

.cmp-regionaloffers__offer--financing span[data-placeholder=financing_offer_unit]:after,
.cmp-regionaloffers__offer--financing span[data-placeholder=leasing_first_payment_unit]:after,
.cmp-regionaloffers__offer--leasing span[data-placeholder=financing_offer_unit]:after,
.cmp-regionaloffers__offer--leasing span[data-placeholder=leasing_first_payment_unit]:after {
  content: " "
}

.style-regionaloffers--text-light,
.style-regionaloffers--text-light .cmp-button__text,
.style-regionaloffers--text-light .cmp-popover__trigger:after {
  color: #fff
}

.style-regionaloffers--text-light .cmp-popover__trigger:hover .cmp-button__text,
.style-regionaloffers--text-light .cmp-popover__trigger:hover:after {
  color: #1c69d4
}

.style-regionaloffers--text-dark,
.style-regionaloffers--text-light .cmp-popover__content {
  color: #262626
}

.cmp-regionaloffers__selected-model {
  text-align: left
}

.cmp-rangeslider {
  display: flex;
  flex-direction: column;
  padding: 1rem 1.25rem;
  text-align: center
}

.cmp-rangeslider__slider {
  width: 100%
}

input[type=range].cmp-rangeslider__slider {
  -webkit-appearance: none;
  background: #bbb;
  background-image: linear-gradient(#262626, #262626);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 5px;
  cursor: pointer;
  height: 7px
}

input[type=range].cmp-rangeslider__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #262626;
  border-radius: 50%;
  cursor: ew-resize;
  height: 15px;
  -webkit-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
  width: 15px
}

input[type=range].cmp-rangeslider__slider::-moz-range-thumb {
  -webkit-appearance: none;
  background: #262626;
  border-radius: 50%;
  cursor: ew-resize;
  height: 15px;
  -moz-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
  width: 15px
}

input[type=range].cmp-rangeslider__slider::-ms-thumb {
  -webkit-appearance: none;
  background: #262626;
  border-radius: 50%;
  cursor: ew-resize;
  height: 15px;
  -ms-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
  width: 15px
}

input[type=range].cmp-rangeslider__slider::-webkit-slider-thumb:hover {
  background: #000
}

input[type=range].cmp-rangeslider__slider::-moz-range-thumb:hover {
  background: #000
}

input[type=range].cmp-rangeslider__slider::-ms-thumb:hover {
  background: #000
}

input[type=range].cmp-rangeslider__slider::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  background: #0000;
  border: none;
  box-shadow: none
}

input[type=range].cmp-rangeslider__slider::-moz-range-track {
  -webkit-appearance: none;
  background: #0000;
  border: none;
  box-shadow: none
}

input[type=range].cmp-rangeslider__slider::-ms-track {
  -webkit-appearance: none;
  background: #0000;
  border: none;
  box-shadow: none
}

.cmp-rangeslider__output {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height)
}

.cmp-questionnairesession {
  text-align: center
}

.cmp-questionnairesession__answer {
  margin-bottom: 1.5rem
}

.cmp-questionnairesession__button {
  display: inline-block;
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.cmp-questionnairenotification {
  margin-bottom: 1.5rem;
  text-align: center
}

.cmp-questionnairenotification__notification {
  align-items: center;
  border-radius: .75rem;
  color: #262626;
  display: flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  padding: .75rem 1.5rem;
  text-align: center
}

.cmp-questionnairenotification__notification.cmp-questionnairenotification__notification--label {
  background-color: #e8f2eb
}

.cmp-questionnairenotification__notification.cmp-questionnairenotification__notification--label:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  background-color: #1b7b3a;
  border-radius: 50%;
  color: #fff;
  content: "checkmark";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  margin-right: 1rem;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-questionnairenotification__notification.cmp-questionnairenotification__notification--label:before {
    display: none
  }
}

.cmp-questionnairenotification__notification.cmp-questionnairenotification__notification--negative-label {
  background-color: #fbedc9
}

.cmp-questionnairenotification__notification.cmp-questionnairenotification__notification--negative-label:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  color: #ffad1f;
  content: "highlight_filled";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  margin-right: 1rem;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-questionnairenotification__notification.cmp-questionnairenotification__notification--negative-label:before {
    display: none
  }
}

@media screen and (min-width:1024px) {
  .cmp-questionnairenotification__notification {
    font-size: .9375rem;
    line-height: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-questionnairenotification__notification {
    font-size: 1rem;
    line-height: 1.625rem
  }
}

.questionnaire.aem-GridColumn {
  padding: 0
}

.cmp-progressiveplaybutton {
  background-color: #000;
  border: .0625rem solid #ffffff75;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 2.25rem;
  opacity: 0;
  position: absolute;
  text-align: center;
  touch-action: none;
  transition: border .5s ease-out;
  width: 2.25rem;
  z-index: 10
}

.cmp-progressiveplaybutton .cmp-progressiveplaybutton__icon {
  color: #fff;
  height: 1rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity .5s ease-out
}

.cmp-progressiveplaybutton .cmp-progressiveplaybutton--play {
  opacity: 0;
  transform: translate(-50%, -60%)
}

.cmp-progressiveplaybutton .cmp-progressiveplaybutton--play:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "pause";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-progressiveplaybutton .cmp-progressiveplaybutton--play:before {
    display: none
  }
}

.cmp-progressiveplaybutton .cmp-progressiveplaybutton--play:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-progressiveplaybutton .cmp-progressiveplaybutton--pause {
  opacity: 1;
  transform: translate(-48%, -60%)
}

.cmp-progressiveplaybutton .cmp-progressiveplaybutton--pause:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "play";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-progressiveplaybutton .cmp-progressiveplaybutton--pause:before {
    display: none
  }
}

.cmp-progressiveplaybutton .cmp-progressiveplaybutton--pause:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-progressiveplaybutton .cmp-progressiveplaybutton__play-bar {
  height: 2.25rem;
  left: 50%;
  overflow: visible;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.cmp-progressiveplaybutton .cmp-progressiveplaybutton__play-bar .cmp-progressiveplaybutton__circle {
  stroke: #fff;
  transform: rotate(-90deg) translateX(-2.25rem)
}

.cmp-progressiveplaybutton--visible,
.cmp-progressiveplaybutton.is-playing .cmp-progressiveplaybutton--play {
  opacity: 1
}

.cmp-progressiveplaybutton.is-playing .cmp-progressiveplaybutton--pause {
  opacity: 0
}

.cmp-progressiveplaybutton:hover .cmp-progressiveplaybutton__icon {
  color: #e6e6e6
}

.cmp-progressiveplaybutton--below-nav {
  top: var(--nav-offset, 5.25rem)
}

.cmp-precon__swiper-pagination {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  top: 1.25rem;
  transform: translateZ(0);
  transition: opacity .3s;
  z-index: 10
}

.cmp-precon__swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.cmp-precon__swiper-pagination .cmp-precon__pagination-bullet {
  appearance: media-slider;
  background: #262626;
  border-radius: 50%;
  display: inline-block;
  height: .5rem;
  margin: 0 .125rem 1.25rem;
  opacity: .2;
  padding: 0;
  width: .5rem
}

.cmp-precon__swiper-pagination .cmp-precon__pagination-bullet:focus,
.cmp-precon__swiper-pagination .cmp-precon__pagination-bullet:focus-visible {
  outline: none
}

.cmp-precon__swiper-pagination .cmp-precon__pagination-bullet:focus-visible,
.cmp-precon__swiper-pagination .cmp-precon__pagination-bullet:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-precon__swiper-pagination .cmp-precon__pagination-bullet.focus-visible {
    outline: none
  }

  .cmp-precon__swiper-pagination .cmp-precon__pagination-bullet.focus-visible,
  .cmp-precon__swiper-pagination .cmp-precon__pagination-bullet.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-precon__swiper-pagination .cmp-precon__pagination-bullet:focus-visible {
  opacity: 1
}

.swiper-pagination-clickable .cmp-precon__swiper-pagination .cmp-precon__pagination-bullet {
  cursor: pointer
}

.cmp-precon__swiper-pagination .cmp-precon__pagination-bullet:only-child {
  display: none !important
}

.cmp-precon__swiper-pagination .cmp-precon__pagination-bullet:last-child:first-child {
  height: 0;
  margin-bottom: 0
}

.cmp-precon__swiper-pagination .cmp-precon__pagination-bullet.swiper-pagination-bullet--active {
  background: #000;
  height: .75rem;
  opacity: 1;
  width: .75rem
}

.cmp-precon__button-wrapper {
  align-items: center;
  display: none;
  height: 100%;
  justify-content: center;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .25s ease-in-out;
  z-index: 10
}

.cmp-precon__button-wrapper .cmp-precon__button {
  background-color: #fff;
  border: 0;
  border-radius: .125rem;
  box-shadow: 0 .25rem .75rem 0 #00000029, 0 0 .0625rem 0 #0000003d;
  cursor: pointer;
  height: 3rem;
  line-height: 1;
  width: 3rem
}

.cmp-precon__button-wrapper .cmp-precon__button:hover {
  box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d
}

@media screen and (min-width:1024px) {
  .cmp-precon__button-wrapper {
    display: flex;
    width: 15rem
  }
}

.cmp-precon__button-wrapper:hover {
  opacity: 1
}

.cmp-precon__button-wrapper--next {
  right: 0
}

.cmp-precon__button-wrapper--prev {
  left: 0
}

.cmp-precon__button-wrapper.swiper-button-disabled {
  display: none
}

.cmp-precon__model-info {
  min-height: var(--precon-model-info-size)
}

.style-container--fixed .cmp-precon__model-info {
  padding-left: var(--grid-full);
  padding-right: var(--grid-full)
}

.cmp-precon__model-info.cmp-precon__model-info--hidden {
  display: none
}

@media screen and (min-width:768px) {
  .cmp-precon__model-info .cmp-precon__model-info-wrapper-outer {
    padding: 16.6666666667%
  }
}

@media screen and (min-width:1024px) {
  .cmp-precon__model-info .cmp-precon__model-info-wrapper-outer {
    padding: 0
  }
}

@media screen and (min-width:1280px) {
  .cmp-precon__model-info .cmp-precon__model-info-wrapper-outer {
    padding: 8.3333333333%
  }
}

@media screen and (min-width:1920px) {
  .cmp-precon__model-info .cmp-precon__model-info-wrapper-outer {
    padding: 16.6666666667%
  }
}

@media screen {
  .cmp-precon__model-info .cmp-precon__model-info-wrapper-outer {
    padding-bottom: 0;
    padding-top: 1.25rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-precon__model-info .cmp-precon__model-info-wrapper-outer {
    padding-top: 1.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-precon__model-info .cmp-precon__model-info-wrapper-outer {
    padding-top: 2rem
  }
}

.cmp-precon__model-info-wrapper {
  justify-content: space-between
}

.cmp-precon__model-info-wrapper,
.cmp-precon__model-info-wrapper .cmp-precon__price-details-wrapper {
  display: flex;
  flex-direction: column
}

@media screen and (min-width:1024px) {
  .cmp-precon__model-info-wrapper .cmp-precon__price-details-wrapper {
    grid-gap: calc(var(--grid-gutter)*2);
    display: grid;
    grid-template-columns: 9fr 3fr
  }
}

@media screen and (min-width:1920px) {
  .cmp-precon__model-info-wrapper .cmp-precon__price-details-wrapper {
    grid-template-columns: 10fr 2fr
  }
}

.cmp-precon__model-info-wrapper .cmp-precon__price-details-inner-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column
}

@media screen and (min-width:1024px) {
  .cmp-precon__model-info-wrapper .cmp-precon__price-details-inner-wrapper {
    flex-direction: row
  }
}

.cmp-precon__model-info-wrapper .cmp-precon__price-details-inner-wrapper:last-child {
  margin-bottom: 2rem
}

@media screen and (min-width:1024px) {
  .cmp-precon__model-info-wrapper .cmp-precon__price-details-inner-wrapper:last-child {
    margin-bottom: 0
  }
}

.cmp-precon__model-info-wrapper .cmp-precon__build-price-infoi-wrapper,
.cmp-precon__model-info-wrapper .cmp-precon__build-price-label {
  align-items: center;
  display: flex
}

.cmp-precon__model-info-wrapper .cmp-precon__build-price-infoi-wrapper {
  justify-content: center;
  width: 100%
}

@media screen and (min-width:1024px) {
  .cmp-precon__model-info-wrapper .cmp-precon__build-price-infoi-wrapper {
    width: auto
  }
}

.cmp-precon__model-info-wrapper .cmp-precon__build-price-label+.cmp-precon__build-price-infoi-wrapper {
  width: auto
}

.cmp-precon__model-info-wrapper .cmp-precon__build-price-label {
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  margin-bottom: 0
}

@media screen and (min-width:1024px) {
  .cmp-precon__model-info-wrapper .cmp-precon__build-price-label {
    margin-bottom: .5rem
  }
}

.cmp-precon__model-info-wrapper .cmp-precon__build-price-value {
  font-size: var(--body-2-font-size);
  font-weight: var(--price-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-precon__model-info-wrapper .cmp-precon__build-price-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%
}

@media screen and (min-width:1024px) {
  .cmp-precon__model-info-wrapper .cmp-precon__build-price-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    width: auto
  }
}

.cmp-precon__model-info-wrapper .cmp-precon__heading,
.cmp-precon__model-info-wrapper .cmp-precon__subheading {
  text-align: center
}

@media screen and (min-width:1024px) {

  .cmp-precon__model-info-wrapper .cmp-precon__heading,
  .cmp-precon__model-info-wrapper .cmp-precon__subheading {
    text-align: initial
  }
}

.cmp-precon__model-info-wrapper .cmp-precon__heading {
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height)
}

.cmp-precon__model-info-wrapper .cmp-precon__subheading {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height)
}

@media screen {
  .cmp-precon__model-info-wrapper .cmp-precon__subheading {
    margin-bottom: 1.25rem;
    margin-top: .5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-precon__model-info-wrapper .cmp-precon__subheading {
    margin-bottom: 1.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-precon__model-info-wrapper .cmp-precon__subheading {
    margin-bottom: 2rem
  }
}

.cmp-precon__model-cta-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}

.cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: 3.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none
}

.cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta,
.cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta:active,
.cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta:focus,
.cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta:hover {
  background-color: #262626;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta:hover {
    background-color: #4d4d4d;
    box-shadow: none;
    color: #fff
  }
}

.cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta:focus,
.cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta:focus-visible {
  outline: none
}

.cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta:focus-visible,
.cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta.focus-visible {
    outline: none
  }

  .cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta.focus-visible,
  .cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta:focus-visible {
  color: #fff
}

@supports (display:block) {
  .cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta.focus-visible {
    color: #fff
  }
}

.cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta:focus-visible {
  background-color: #4d4d4d
}

@supports (display:block) {
  .cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta.focus-visible {
    background-color: #4d4d4d
  }
}

.cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta:disabled,
.cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta[aria-disabled=true] {
  background-color: #666;
  color: #fff;
  pointer-events: none
}

.cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta:disabled:focus-visible,
.cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta[aria-disabled=true]:focus-visible {
  color: #fff
}

@supports (display:block) {

  .cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta:disabled.focus-visible,
  .cmp-precon__model-cta-wrapper .cmp-precon__leasing-cta[aria-disabled=true].focus-visible {
    color: #fff
  }
}

@media screen and (min-width:768px) {
  .cmp-precon__model-cta-wrapper {
    margin: 0 auto;
    width: 50%
  }
}

@media screen and (min-width:1024px) {
  .cmp-precon__model-cta-wrapper {
    width: 100%
  }
}

.cmp-precon__model-info-footnote {
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  opacity: .7051
}

@media screen {
  .cmp-precon__model-info-footnote {
    padding-top: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-precon__model-info-footnote {
    padding-top: 2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-precon__model-info-footnote {
    padding-top: 2.5rem
  }
}

.cmp-precon__info-i--price {
  margin: 0 .25rem
}

.cmp-precon__swatches {
  align-items: center;
  display: flex
}

@media screen and (max-width:1023px) {
  .cmp-precon__swatches {
    justify-content: center;
    margin-bottom: 1.25rem
  }
}

.cmp-precon__swatches-image {
  border: .125rem solid #f2f2f2;
  border-radius: 50%
}

.cmp-precon__swatches-image:not(:first-child) {
  margin-left: -1rem
}

.cmp-precon__swatches-image--options-count {
  align-items: center;
  background-color: #262626;
  color: #fff;
  display: inline-flex;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  height: 3.25rem;
  justify-content: center;
  line-height: var(--label-1-line-height);
  width: 3.25rem
}

@media screen and (min-width:1024px) {
  .cmp-precon__swatches-image--options-count {
    margin-right: 1.25rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-precon__swatches-image--options-count {
    margin-right: 1.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-precon__swatches-image--options-count {
    margin-right: 2rem
  }
}

.cmp-precon {
  overflow: hidden;
  padding: 0;
  position: relative
}

.style-container--fixed .cmp-precon {
  margin-left: calc(var(--grid-full)*-1);
  margin-right: calc(var(--grid-full)*-1);
  max-width: 120rem;
  width: calc(100% + var(--grid-full)*2)
}

.cmp-precon .cmp-precon__swiper-slide.swiper-slide--active {
  filter: none
}

@media screen {
  .cmp-precon {
    --precon-spacing: 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-precon {
    --precon-spacing: 4rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-precon {
    --precon-spacing: 5rem
  }
}

.cmp-precon__swiper {
  position: relative
}

.cmp-precon__header {
  padding: var(--precon-spacing) 0 0 0;
  text-align: center
}

.style-container--fixed .cmp-precon__header {
  padding-left: var(--grid-full);
  padding-right: var(--grid-full)
}

.cmp-precon__header:not(:has(.title, .cmp-title)),
.cmp-precon__header:not(:matches(.title, .cmp-title)) {
  padding-top: 0
}

.cmp-precon__header .cmp-title {
  display: block
}

.cmp-precon__background {
  height: 100%;
  inset: 0;
  position: absolute;
  top: 25%
}

.cmp-precon__background-image {
  max-height: 75%;
  width: 100%
}

.cmp-precon__swiper-slide {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  touch-action: pan-y
}

.cmp-precon__swiper-slide .cmp-precon__image {
  aspect-ratio: 2.5;
  display: block;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  width: 100%
}

.cmp-precon__swiper-slide.swiper-slide-prev {
  left: .75rem
}

.cmp-precon__swiper-slide.swiper-slide-next {
  right: .75rem
}

.cmp-precon__swiper-slide:not(.swiper-slide--active) {
  filter: blur(.125rem);
  opacity: .7;
  transition: filter .25s linear
}

.cmp-precon__swiper-slide:not(.swiper-slide--active) .cmp-precon__image {
  transition: margin .25s linear;
  width: 80%
}

.cmp-precon__swiper-slide:not(.swiper-slide--active).cmp-precon__swiper-slide--unblur {
  filter: blur(0)
}

.cmp-precon__swiper-slide:not(.swiper-slide--active).cmp-precon__swiper-slide--unblur-next .cmp-precon__image {
  margin-right: .25rem
}

.cmp-precon__swiper-slide:not(.swiper-slide--active).cmp-precon__swiper-slide--unblur-prev .cmp-precon__image {
  margin-left: .25rem
}

.cmp-precon__image-wrapper {
  position: relative
}

.cmp-precon__image-wrapper .cmp-precon__picture {
  display: flex;
  justify-content: center
}

.cmp-precon__fs-widget--hidden {
  display: none
}

.cmp-powertrainselector {
  margin-bottom: 3rem;
  margin-top: 3rem;
  position: relative
}

@media screen and (min-width:1280px) {
  .cmp-powertrainselector {
    margin-bottom: 4rem;
    margin-top: 4rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-powertrainselector {
    margin-bottom: 5rem;
    margin-top: 5rem
  }
}

.cmp-powertrainselector__items-container {
  --powertrainselector-s-item-count: 1;
  --powertrainselector-l-item-count: 4;
  --powertrainselector-offset: calc((var(--powertrainselector-grid-column-count) - var(--powertrainselector-grid-item-count))*0.5);
  --powertrainselector-grid-column-count: var(--powertrainselector-s-item-count);
  --powertrainselector-grid-item-count: var(--powertrainselector-grid-column-count);
  --powertrainselector-gap: 1rem;
  display: grid;
  gap: var(--powertrainselector-gap);
  grid-template-columns: repeat(var(--powertrainselector-grid-column-count), 1fr);
  position: relative;
  z-index: 20
}

@media screen and (min-width:1024px) {
  .cmp-powertrainselector__items-container {
    --powertrainselector-grid-column-count: var(--powertrainselector-l-item-count)
  }
}

@media screen and (min-width:768px) {
  .cmp-powertrainselector__items-container {
    padding: 0 16.6666666667%
  }
}

@media screen and (min-width:1024px) {
  .cmp-powertrainselector__items-container {
    grid-auto-rows: 1fr;
    padding: 0
  }

  .cmp-powertrainselector__items-container[data-l-remaining-items="1"] {
    --powertrainselector-grid-item-count: 1
  }

  .cmp-powertrainselector__items-container[data-l-remaining-items="1"] .cmp-powertrainselector-item:last-child {
    transform: translateX(calc(var(--powertrainselector-offset)*(100% + var(--powertrainselector-gap))))
  }
}

@media screen and (min-width:1920px) {
  .cmp-powertrainselector__items-container[data-xxl-remaining-items="1"] {
    --powertrainselector-grid-item-count: 1
  }

  .cmp-powertrainselector__items-container[data-xxl-remaining-items="2"] {
    --powertrainselector-grid-item-count: 2
  }

  .cmp-powertrainselector__items-container[data-xxl-remaining-items="3"] {
    --powertrainselector-grid-item-count: 3
  }

  .cmp-powertrainselector__items-container[data-xxl-remaining-items="1"] .cmp-powertrainselector-item:nth-last-child(-n+1),
  .cmp-powertrainselector__items-container[data-xxl-remaining-items="2"] .cmp-powertrainselector-item:nth-last-child(-n+2),
  .cmp-powertrainselector__items-container[data-xxl-remaining-items="3"] .cmp-powertrainselector-item:nth-last-child(-n+3) {
    transform: translateX(calc(var(--powertrainselector-offset)*(100% + var(--powertrainselector-gap))))
  }
}

.cmp-powertrainselector__items-shadow {
  background: linear-gradient(90deg, hsla(35, 43%, 95%, .698) .5%, hsla(30, 9%, 74%, .631) 12.5%, hsla(30, 8%, 71%, .561) 49.5%, hsla(30, 9%, 74%, .631) 86.5%, hsla(35, 43%, 95%, .698));
  filter: blur(96.3px);
  height: 100%;
  left: 0;
  opacity: .8;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}

.cmp-powertrainselector-item {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background: #fff9;
  border: 2px solid #fff9;
  position: relative
}

.cmp-powertrainselector__title {
  font-size: var(--headline-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-2-line-height);
  margin-bottom: 2.5rem;
  text-align: center
}

@media screen and (min-width:768px) {
  .cmp-powertrainselector__title {
    margin-bottom: 3rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-powertrainselector__title {
    margin-bottom: 4rem
  }
}

.cmp-powertrainselector-item__title {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(217deg, #7f6c57 31.04%, #755b3a 39.9%, #604c3c 49.24%, #332e2a 70.07%);
  -webkit-background-clip: text;
  background-clip: text;
  padding: 2rem
}

.cmp-powertrainselector-item__title .cmp-title__text {
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height)
}

.cmp-powertrainselector-item__description {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  margin-bottom: 1.25rem;
  margin-top: 1rem
}

.cmp-powertrainselector-item__description ol,
.cmp-powertrainselector-item__description ul {
  padding-left: 1.25em
}

.cmp-powertrainselector-item__description ul {
  list-style: disc
}

.cmp-powertrainselector-item__description ul ul {
  list-style: circle
}

.cmp-powertrainselector-item__description a {
  border: 0;
  border-bottom: 1px solid;
  box-shadow: none;
  cursor: pointer;
  display: inline;
  line-height: inherit;
  text-decoration: none
}

.cmp-powertrainselector-item__description a,
.cmp-powertrainselector-item__description a:active,
.cmp-powertrainselector-item__description a:disabled,
.cmp-powertrainselector-item__description a:focus,
.cmp-powertrainselector-item__description a:hover,
.cmp-powertrainselector-item__description a:visited {
  background: #0000;
  color: #262626
}

.cmp-powertrainselector-item__description a:hover {
  color: #1c69d4
}

.cmp-powertrainselector-item__description a:active {
  color: #0653b6
}

.cmp-powertrainselector-item__description a:disabled {
  color: #bbb
}

.cmp-powertrainselector-item__description a:focus,
.cmp-powertrainselector-item__description a:focus-visible {
  outline: none
}

.cmp-powertrainselector-item__description a:focus-visible,
.cmp-powertrainselector-item__description a:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-powertrainselector-item__description a.focus-visible {
    outline: none
  }

  .cmp-powertrainselector-item__description a.focus-visible,
  .cmp-powertrainselector-item__description a.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-powertrainselector-item__description a:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-powertrainselector-item__description a.focus-visible {
    color: #1c69d4
  }
}

.cmp-powertrainselector-item__button {
  bottom: 2rem;
  left: 2rem;
  position: absolute
}

.cmp-powertrainselector-item__content {
  margin-top: -20px;
  padding: 0 2rem 3.25rem;
  transition: max-height .3s ease
}

@media screen and (min-width:1024px) {
  .cmp-powertrainselector-item__content {
    display: block
  }
}

.cmp-powertrainselector-item__details {
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  z-index: 30
}

@media screen and (min-width:1024px) {
  .cmp-powertrainselector-item__details {
    height: 100%
  }
}

@media screen and (max-width:1023px) {
  .cmp-powertrainselector-item__details {
    cursor: pointer
  }
}

.cmp-powertrainselector-item__summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  list-style-type: none
}

.cmp-powertrainselector-item__summary:focus,
.cmp-powertrainselector-item__summary:focus-visible {
  outline: none
}

.cmp-powertrainselector-item__summary:focus-visible,
.cmp-powertrainselector-item__summary:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .cmp-powertrainselector-item__summary.focus-visible {
    outline: none
  }

  .cmp-powertrainselector-item__summary.focus-visible,
  .cmp-powertrainselector-item__summary.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

@media screen and (min-width:1024px) {
  .cmp-powertrainselector-item__summary {
    cursor: default;
    pointer-events: none
  }
}

@media screen and (max-width:1023px) {
  .cmp-powertrainselector-item__summary:after {
    word-wrap: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "plus";
    direction: ltr;
    display: block;
    font-family: "bmw_next_icons";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    height: 1em;
    line-height: 1;
    outline: 1px solid #0000;
    text-align: left;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    width: auto
  }
}

.cmp-powertrainselector-item__summary::marker {
  content: ""
}

.cmp-powertrainselector-item__summary::-webkit-details-marker {
  display: none;
  margin-inline-end: 0
}

.cmp-powertrainselector-item__summary:after {
  margin-right: 2rem
}

@media screen and (max-width:1023px) {
  .cmp-powertrainselector-item__details[open] .cmp-powertrainselector-item__summary:after {
    word-wrap: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "minus";
    direction: ltr;
    display: block;
    font-family: "bmw_next_icons";
    font-style: normal;
    font-weight: 400;
    height: 1em;
    line-height: 1;
    outline: 1px solid #0000;
    text-align: left;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    width: auto
  }
}

.cmp-powertrainselector-item__details[open] .cmp-powertrainselector-item__summary:after {
  margin-right: 2rem
}

.cmp-powertrainselector-item__title-image-branding {
  display: block;
  height: 1rem;
  margin-right: 0;
  width: 2.5rem
}

@media screen and (min-width:1024px) {
  .cmp-powertrainselector-item__title-image-branding {
    height: 1.25rem;
    width: 3.25rem
  }
}

.cmp-powertrainselector-item__title-image-branding:is(:not([src]), [src=""]) {
  display: none
}

@media screen and (min-width:1024px) {
  .cmp-powertrainselector-item__title-image-branding:is(:not([src]), [src=""]) {
    display: block;
    width: 0
  }
}

.cmp-popover {
  --popover-main-top: -4rem;
  --popover-close-button-position: sticky;
  --popover-close-button-position-top: 1rem;
  align-items: center;
  background: #000c;
  display: none;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 6070
}

.cmp-popover--is-open {
  display: flex
}

.cmp-popover--is-closing {
  visibility: visible
}

.cmp-popover__wrapper {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  pointer-events: auto;
  position: relative;
  width: 100vw
}

@media screen and (min-width:768px) {
  .cmp-popover__wrapper {
    height: auto;
    margin: 2rem 6rem;
    max-height: calc(100vh - 4rem);
    width: calc(83.3333% - 4.5rem)
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-popover__wrapper .cmp-custom-dropdown__overlay {
    height: calc(100% + 4rem);
    left: 50%;
    margin: -2rem 0;
    transform: translateX(-50%)
  }
}

@media screen and (min-width:1024px) {
  .cmp-popover__wrapper {
    margin: 3rem 8rem;
    max-height: calc(100vh - 6rem)
  }
}

@media screen and (min-width:1920px) {
  .cmp-popover__wrapper {
    width: 73.00365rem
  }
}

.cmp-popover__wrapper--has-page {
  margin: auto;
  width: var(--popover-wrapper-width, inherit)
}

@media screen and (min-width:768px) {
  .cmp-popover__wrapper--has-page {
    --popover-wrapper-width: 768px
  }
}

@media screen and (min-width:1024px) {
  .cmp-popover__wrapper--has-page {
    --popover-wrapper-width: 1024px
  }
}

@media screen and (min-width:1280px) {
  .cmp-popover__wrapper--has-page {
    --popover-wrapper-width: 1280px
  }
}

@media screen and (min-width:1920px) {
  .cmp-popover__wrapper--has-page {
    --popover-wrapper-width: 1436px
  }
}

.cmp-popover__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden auto;
  scrollbar-color: #4d4d4d #e6e6e6;
  scrollbar-width: thin
}

.cmp-popover__content::-webkit-scrollbar {
  height: .25rem;
  width: .25rem
}

.cmp-popover__content::-webkit-scrollbar-thumb {
  background: #4d4d4d;
  border-radius: .5rem
}

.cmp-popover__content::-webkit-scrollbar-track {
  background: #e6e6e6;
  border-radius: .5rem
}

.cmp-popover__main {
  flex-grow: 1;
  hyphens: auto;
  margin: var(--popover-main-top) .25rem .25rem .25rem;
  padding: 3.75rem 1.25rem;
  position: relative;
  word-break: break-word
}

@media screen and (min-width:768px) {
  .cmp-popover__main {
    padding: 5.75rem 3.75rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-popover__main {
    padding: 5.75rem
  }
}

.cmp-popover__main--disabled-padding {
  margin: 0;
  overflow-x: hidden;
  padding: 0
}

.cmp-popover__footer {
  padding: 1.5rem
}

.cmp-popover__footer .style-button--primary-button .cmp-button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: 3.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none
}

.cmp-popover__footer .style-button--primary-button .cmp-button,
.cmp-popover__footer .style-button--primary-button .cmp-button:active,
.cmp-popover__footer .style-button--primary-button .cmp-button:focus,
.cmp-popover__footer .style-button--primary-button .cmp-button:hover {
  background-color: #1c69d4;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-popover__footer .style-button--primary-button .cmp-button:hover {
    background-color: #0653b6;
    box-shadow: none;
    color: #fff
  }
}

.cmp-popover__footer .style-button--primary-button .cmp-button:focus,
.cmp-popover__footer .style-button--primary-button .cmp-button:focus-visible {
  outline: none
}

.cmp-popover__footer .style-button--primary-button .cmp-button:focus-visible,
.cmp-popover__footer .style-button--primary-button .cmp-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-popover__footer .style-button--primary-button .cmp-button.focus-visible {
    outline: none
  }

  .cmp-popover__footer .style-button--primary-button .cmp-button.focus-visible,
  .cmp-popover__footer .style-button--primary-button .cmp-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-popover__footer .style-button--primary-button .cmp-button:focus-visible {
  color: #fff
}

@supports (display:block) {
  .cmp-popover__footer .style-button--primary-button .cmp-button.focus-visible {
    color: #fff
  }
}

.cmp-popover__footer .style-button--primary-button .cmp-button:focus-visible {
  background-color: #0653b6
}

@supports (display:block) {
  .cmp-popover__footer .style-button--primary-button .cmp-button.focus-visible {
    background-color: #0653b6
  }
}

.cmp-popover__footer .style-button--primary-button .cmp-button:disabled,
.cmp-popover__footer .style-button--primary-button .cmp-button[aria-disabled=true] {
  background-color: #bbd2f3;
  pointer-events: none
}

.cmp-popover__footer .style-button--primary-button .cmp-button:after {
  content: "";
  width: auto
}

.cmp-popover__footer .style-button--nba-dark .cmp-button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: 3.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none
}

.cmp-popover__footer .style-button--nba-dark .cmp-button,
.cmp-popover__footer .style-button--nba-dark .cmp-button:active,
.cmp-popover__footer .style-button--nba-dark .cmp-button:focus,
.cmp-popover__footer .style-button--nba-dark .cmp-button:hover {
  background-color: #262626;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-popover__footer .style-button--nba-dark .cmp-button:hover {
    background-color: #4d4d4d;
    box-shadow: none;
    color: #fff
  }
}

.cmp-popover__footer .style-button--nba-dark .cmp-button:focus,
.cmp-popover__footer .style-button--nba-dark .cmp-button:focus-visible {
  outline: none
}

.cmp-popover__footer .style-button--nba-dark .cmp-button:focus-visible,
.cmp-popover__footer .style-button--nba-dark .cmp-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-popover__footer .style-button--nba-dark .cmp-button.focus-visible {
    outline: none
  }

  .cmp-popover__footer .style-button--nba-dark .cmp-button.focus-visible,
  .cmp-popover__footer .style-button--nba-dark .cmp-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-popover__footer .style-button--nba-dark .cmp-button:focus-visible {
  color: #fff
}

@supports (display:block) {
  .cmp-popover__footer .style-button--nba-dark .cmp-button.focus-visible {
    color: #fff
  }
}

.cmp-popover__footer .style-button--nba-dark .cmp-button:focus-visible {
  background-color: #4d4d4d
}

@supports (display:block) {
  .cmp-popover__footer .style-button--nba-dark .cmp-button.focus-visible {
    background-color: #4d4d4d
  }
}

.cmp-popover__footer .style-button--nba-dark .cmp-button:disabled,
.cmp-popover__footer .style-button--nba-dark .cmp-button[aria-disabled=true] {
  background-color: #bbb;
  pointer-events: none
}

.cmp-popover__footer .style-button--nba-dark .cmp-button:after {
  content: "";
  width: auto
}

.cmp-popover__footer .style-button--outline-dark .cmp-button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: 3.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none
}

.cmp-popover__footer .style-button--outline-dark .cmp-button,
.cmp-popover__footer .style-button--outline-dark .cmp-button:active,
.cmp-popover__footer .style-button--outline-dark .cmp-button:disabled,
.cmp-popover__footer .style-button--outline-dark .cmp-button:focus,
.cmp-popover__footer .style-button--outline-dark .cmp-button:hover {
  --border-color: #262626;
  background-color: #0000;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-popover__footer .style-button--outline-dark .cmp-button:hover {
    --border-width: 2px;
    box-shadow: inset 0 0 0 var(--border-width, 2px) var(--border-color, unset)
  }
}

.cmp-popover__footer .style-button--outline-dark .cmp-button:disabled,
.cmp-popover__footer .style-button--outline-dark .cmp-button[aria-disabled=true] {
  --border-color: #e6e6e6;
  color: #bbb;
  pointer-events: none
}

.cmp-popover__footer .style-button--outline-dark .cmp-button:disabled:focus-visible,
.cmp-popover__footer .style-button--outline-dark .cmp-button[aria-disabled=true]:focus-visible {
  color: #bbb
}

@supports (display:block) {

  .cmp-popover__footer .style-button--outline-dark .cmp-button:disabled.focus-visible,
  .cmp-popover__footer .style-button--outline-dark .cmp-button[aria-disabled=true].focus-visible {
    color: #bbb
  }
}

.cmp-popover__footer .style-button--outline-dark .cmp-button:focus,
.cmp-popover__footer .style-button--outline-dark .cmp-button:focus-visible {
  outline: none
}

.cmp-popover__footer .style-button--outline-dark .cmp-button:focus-visible,
.cmp-popover__footer .style-button--outline-dark .cmp-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-popover__footer .style-button--outline-dark .cmp-button.focus-visible {
    outline: none
  }

  .cmp-popover__footer .style-button--outline-dark .cmp-button.focus-visible,
  .cmp-popover__footer .style-button--outline-dark .cmp-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-popover__footer .style-button--outline-dark .cmp-button:after {
  content: "";
  width: auto
}

.cmp-popover__footer .style-button--outline-on-image .cmp-button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: 3.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none
}

.cmp-popover__footer .style-button--outline-on-image .cmp-button,
.cmp-popover__footer .style-button--outline-on-image .cmp-button:active,
.cmp-popover__footer .style-button--outline-on-image .cmp-button:disabled,
.cmp-popover__footer .style-button--outline-on-image .cmp-button:focus,
.cmp-popover__footer .style-button--outline-on-image .cmp-button:hover {
  --border-color: #f2f2f2;
  background-color: #00000080;
  color: #f2f2f2
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-popover__footer .style-button--outline-on-image .cmp-button:hover {
    --border-color: #fff;
    color: #fff
  }
}

.cmp-popover__footer .style-button--outline-on-image .cmp-button:disabled,
.cmp-popover__footer .style-button--outline-on-image .cmp-button[aria-disabled=true] {
  --border-color: #8e8e8e;
  color: #8e8e8e;
  pointer-events: none
}

.cmp-popover__footer .style-button--outline-on-image .cmp-button:disabled:focus-visible,
.cmp-popover__footer .style-button--outline-on-image .cmp-button[aria-disabled=true]:focus-visible {
  color: #8e8e8e
}

@supports (display:block) {

  .cmp-popover__footer .style-button--outline-on-image .cmp-button:disabled.focus-visible,
  .cmp-popover__footer .style-button--outline-on-image .cmp-button[aria-disabled=true].focus-visible {
    color: #8e8e8e
  }
}

.cmp-popover__footer .style-button--outline-on-image .cmp-button:focus,
.cmp-popover__footer .style-button--outline-on-image .cmp-button:focus-visible {
  outline: none
}

.cmp-popover__footer .style-button--outline-on-image .cmp-button:focus-visible,
.cmp-popover__footer .style-button--outline-on-image .cmp-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-popover__footer .style-button--outline-on-image .cmp-button.focus-visible {
    outline: none
  }

  .cmp-popover__footer .style-button--outline-on-image .cmp-button.focus-visible,
  .cmp-popover__footer .style-button--outline-on-image .cmp-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-popover__footer .style-button--outline-on-image .cmp-button:focus-visible {
  color: #fff
}

@supports (display:block) {
  .cmp-popover__footer .style-button--outline-on-image .cmp-button.focus-visible {
    color: #fff
  }
}

.cmp-popover__footer .style-button--outline-on-image .cmp-button:after {
  content: "";
  width: auto
}

.cmp-popover__footer .style-button--as-link .cmp-button {
  align-items: center;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline;
  display: inline-flex;
  min-height: 1em;
  min-width: 5ch;
  padding: 0;
  text-decoration: none
}

.cmp-popover__footer .style-button--as-link .cmp-button,
.cmp-popover__footer .style-button--as-link .cmp-button:active,
.cmp-popover__footer .style-button--as-link .cmp-button:disabled,
.cmp-popover__footer .style-button--as-link .cmp-button:focus,
.cmp-popover__footer .style-button--as-link .cmp-button:hover,
.cmp-popover__footer .style-button--as-link .cmp-button:visited {
  background: #0000;
  color: #262626
}

.cmp-popover__footer .style-button--as-link .cmp-button:hover {
  color: #1c69d4
}

.cmp-popover__footer .style-button--as-link .cmp-button:active {
  color: #0653b6
}

.cmp-popover__footer .style-button--as-link .cmp-button:disabled {
  color: #bbb
}

.cmp-popover__footer .style-button--as-link .cmp-button:focus,
.cmp-popover__footer .style-button--as-link .cmp-button:focus-visible {
  outline: none
}

.cmp-popover__footer .style-button--as-link .cmp-button:focus-visible,
.cmp-popover__footer .style-button--as-link .cmp-button:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-popover__footer .style-button--as-link .cmp-button.focus-visible {
    outline: none
  }

  .cmp-popover__footer .style-button--as-link .cmp-button.focus-visible,
  .cmp-popover__footer .style-button--as-link .cmp-button.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-popover__footer .style-button--as-link .cmp-button:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-popover__footer .style-button--as-link .cmp-button.focus-visible {
    color: #1c69d4
  }
}

@media screen and (min-width:768px) {
  .cmp-popover__footer {
    padding: 1.5rem 4rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-popover__footer {
    padding: 2rem 5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-popover__footer {
    padding: 2.5rem 6rem
  }
}

.cmp-popover--is-loading {
  --size: 3rem;
  --factor: 1;
  display: flex
}

.cmp-popover--is-loading:after {
  animation-duration: 1.2s, 1.2s, .6s;
  animation-iteration-count: infinite, 1, 1;
  animation-name: spin, fade-in, grow;
  animation-timing-function: linear;
  border-color: #0000 #262626;
  border-radius: 50%;
  border-style: solid;
  border-width: calc(var(--size)*var(--factor)/6);
  bottom: 0;
  box-sizing: border-box;
  content: "";
  height: calc(var(--size)*var(--factor));
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(45deg);
  width: calc(var(--size)*var(--factor));
  z-index: 11
}

@media screen and (min-width:1024px) {
  .cmp-popover--is-loading:after {
    --factor: 1.33
  }
}

@media screen and (min-width:1280px) {
  .cmp-popover--is-loading:after {
    --factor: 1.66
  }
}

.cmp-popover--is-loading:before {
  animation-duration: .3s;
  animation-name: fade-in;
  background-color: #ffffffd6;
  bottom: 0;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10
}

@keyframes fade-in {
  0% {
    background-color: #0000
  }

  to {
    background-color: #ffffffd6
  }
}

@keyframes spin {
  0% {
    transform: rotate(45deg)
  }

  to {
    transform: rotate(405deg)
  }
}

@keyframes grow {
  0% {
    height: calc(var(--size)*var(--factor)*.5);
    width: calc(var(--size)*var(--factor)*.5)
  }

  to {
    height: calc(var(--size)*var(--factor));
    width: calc(var(--size)*var(--factor))
  }
}

.cmp-popover--is-scrolling .cmp-popover__footer {
  border-top: .0625rem solid #e6e6e6;
  box-shadow: 0 6px 20px 0 #00000029
}

.cmp-popover__title {
  margin-bottom: 1.5rem;
  text-align: left
}

.cmp-popover__action-link {
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
  display: inline-flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  justify-content: center;
  line-height: var(--body-2-line-height);
  margin: .5rem 0;
  min-height: 3.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none;
  width: 100%
}

.cmp-popover__action-link:first-child {
  margin-top: 0
}

.cmp-popover__action-link:last-child {
  margin-bottom: 0
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-popover__action-link {
    margin: .75rem 0
  }
}

@media screen and (min-width:1024px) {
  .cmp-popover__action-link {
    margin: 0 .75rem;
    width: auto
  }

  .cmp-popover__action-link:first-child {
    margin-left: 0
  }

  .cmp-popover__action-link:last-child {
    margin-right: 0
  }
}

.cmp-popover__close-button {
  align-self: end;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  margin: 1.5rem 1.5rem 0 0;
  padding: .5rem;
  position: var(--popover-close-button-position);
  top: var(--popover-close-button-position-top);
  width: -moz-fit-content;
  width: fit-content;
  z-index: 6080
}

.cmp-popover__close-button,
.cmp-popover__close-button:active,
.cmp-popover__close-button:focus,
.cmp-popover__close-button:hover {
  background-color: #fff;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-popover__close-button:hover {
    background-color: #bbb;
    box-shadow: none
  }
}

.cmp-popover__close-button:focus,
.cmp-popover__close-button:focus-visible {
  outline: none
}

.cmp-popover__close-button:focus-visible,
.cmp-popover__close-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-popover__close-button.focus-visible {
    outline: none
  }

  .cmp-popover__close-button.focus-visible,
  .cmp-popover__close-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-popover__close-button:focus-visible {
  background-color: #bbb
}

@supports (display:block) {
  .cmp-popover__close-button.focus-visible {
    background-color: #bbb
  }
}

.cmp-popover__close-button:disabled,
.cmp-popover__close-button[aria-disabled=true] {
  background-color: #8e8e8e;
  color: #666;
  pointer-events: none
}

.cmp-popover__close-button:disabled:focus-visible,
.cmp-popover__close-button[aria-disabled=true]:focus-visible {
  color: #666
}

@supports (display:block) {

  .cmp-popover__close-button:disabled.focus-visible,
  .cmp-popover__close-button[aria-disabled=true].focus-visible {
    color: #666
  }
}

@media screen and (min-width:1280px) {
  .cmp-popover__close-button {
    padding: 1rem
  }
}

.cmp-popover__close-icon {
  font-size: 1.5rem
}

.cmp-popover__close-icon:before {
  font-size: inherit;
  font-weight: 400
}

@media screen and (min-width:1280px) {
  .cmp-popover__close-icon {
    font-size: 2rem
  }

  .cmp-popover__close-icon:before {
    font-size: inherit;
    font-weight: 400
  }
}

.style-popover--headline-left {
  text-align: left
}

.style-popover--headline-center .cmp-popover__title {
  text-align: center
}

.style-popover--headline-right .cmp-popover__title {
  text-align: right
}

.style-popover--buttons-left {
  text-align: left
}

.style-popover--buttons-center .cmp-popover__footer {
  text-align: center
}

.style-popover--buttons-right .cmp-popover__footer {
  text-align: right
}

@keyframes popover-backdrop-fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes popover-backdrop-fade-out {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes popover-scale-up {
  0% {
    opacity: 0;
    transform: scale(0)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes popover-scale-down {
  0% {
    opacity: 1;
    transform: scale(1)
  }

  to {
    opacity: 0;
    transform: scale(0)
  }
}

@keyframes popover-slide-in-bottom {
  0% {
    opacity: 0;
    transform: translateY(100%)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes popover-slide-out-bottom {
  0% {
    opacity: 1;
    transform: translateY(0)
  }

  to {
    opacity: 0;
    transform: translateY(110%)
  }
}

@keyframes popover-fade-in {
  0% {
    opacity: 0;
    transform: translateY(-5%)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes popover-fade-out {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.cmp-popover {
  --popover-animation-name: none;
  --popover-backdrop-animation-name: none;
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-name: var(--popover-backdrop-animation-name)
}

.cmp-popover .cmp-popover__wrapper {
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-name: var(--popover-animation-name)
}

.cmp-popover.cmp-popover--is-open {
  --popover-backdrop-animation-name: popover-backdrop-fade-in
}

.cmp-popover.cmp-popover--is-open .cmp-popover__wrapper {
  animation-delay: .3s;
  opacity: 0
}

.cmp-popover.cmp-popover--is-closing {
  --popover-backdrop-animation-name: popover-backdrop-fade-out
}

.cmp-popover.cmp-popover--is-open[data-animation-mobile=scale-from-center] {
  --popover-animation-name: popover-scale-up
}

.cmp-popover.cmp-popover--is-open[data-animation-mobile=slide-in-from-bottom] {
  --popover-animation-name: popover-slide-in-bottom
}

.cmp-popover.cmp-popover--is-open[data-animation-mobile=fade-in] {
  --popover-animation-name: popover-fade-in
}

.cmp-popover.cmp-popover--is-closing[data-animation-mobile=scale-from-center] {
  --popover-animation-name: popover-scale-down
}

.cmp-popover.cmp-popover--is-closing[data-animation-mobile=slide-in-from-bottom] {
  --popover-animation-name: popover-slide-out-bottom
}

.cmp-popover.cmp-popover--is-closing[data-animation-mobile=fade-in] {
  --popover-animation-name: popover-fade-out
}

@media screen and (min-width:768px) {
  .cmp-popover.cmp-popover--is-open[data-animation-desktop=scale-from-center] {
    --popover-animation-name: popover-scale-up
  }

  .cmp-popover.cmp-popover--is-open[data-animation-desktop=slide-in-from-bottom] {
    --popover-animation-name: popover-slide-in-bottom
  }

  .cmp-popover.cmp-popover--is-open[data-animation-desktop=fade-in] {
    --popover-animation-name: fade-in
  }

  .cmp-popover.cmp-popover--is-closing[data-animation-desktop=scale-from-center] {
    --popover-animation-name: popover-scale-down
  }

  .cmp-popover.cmp-popover--is-closing[data-animation-desktop=slide-in-from-bottom] {
    --popover-animation-name: popover-slide-out-bottom
  }

  .cmp-popover.cmp-popover--is-closing[data-animation-desktop=fade-in] {
    --popover-animation-name: popover-fade-out
  }
}

@media (prefers-reduced-motion:reduce) {
  .cmp-popover.cmp-popover--is-open {
    --popover-animation-name: initial !important
  }

  .cmp-popover.cmp-popover--is-open .cmp-popover__wrapper {
    opacity: 1
  }

  .cmp-popover.cmp-popover--is-closing {
    --popover-animation-name: initial !important
  }

  .cmp-popover.cmp-popover--is-closing .cmp-popover__wrapper {
    opacity: 0
  }
}

.cmp-ctacollection-popover {
  --ctacollection-popover-padding: 4rem 1.5rem 3rem;
  --ctacollection-popover-width: 100%;
  --ctacollection-popover-margin: 0;
  --ctacollection-popover-heading-bottom: 1.5rem;
  --ctacollection-popover-heading-right: 2.75rem;
  --ctacollection-popover-separator-margin: 1.5rem;
  --popover-main-top: 0;
  background: #000c;
  z-index: 6070
}

.cmp-ctacollection-popover .cmp-popover__close-button {
  --popover-close-button-position: absolute;
  margin: 1rem 1rem 0 0;
  padding: .75rem
}

@media screen and (max-width:767px) {
  .cmp-ctacollection-popover {
    align-items: flex-end;
    bottom: 0
  }
}

@media screen and (min-width:768px) {
  .cmp-ctacollection-popover {
    --ctacollection-popover-padding: 2rem;
    --ctacollection-popover-width: 19rem;
    --ctacollection-popover-margin: 3.5rem;
    --ctacollection-popover-heading-bottom: 1.25rem;
    --ctacollection-popover-separator-margin: 1.25rem;
    background: none
  }
}

@media screen and (min-width:1280px) {
  .cmp-ctacollection-popover {
    --ctacollection-popover-padding: 2.5rem;
    --ctacollection-popover-heading-bottom: 1.5rem;
    --ctacollection-popover-separator-margin: 1.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-ctacollection-popover {
    --ctacollection-popover-padding: 3rem;
    --ctacollection-popover-width: 22.75rem
  }
}

.cmp-ctacollection-popover__wrapper {
  bottom: 0;
  box-shadow: 0 4px 9pt 0 rgba(0, 0, 0, .161), 0 0 1px 0 #0000004a;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 0;
  margin-top: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: var(--ctacollection-popover-width)
}

@media screen and (min-width:768px) {
  .cmp-ctacollection-popover__wrapper {
    right: var(--ctacollection-popover-margin);
    top: var(--ctacollection-popover-margin)
  }
}

.cmp-ctacollection-popover__main {
  margin: 0;
  padding: var(--ctacollection-popover-padding)
}

.cmp-ctacollection-popover__heading {
  font-size: var(--headline-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-3-line-height);
  margin-bottom: var(--ctacollection-popover-heading-bottom);
  margin-right: var(--ctacollection-popover-heading-right);
  position: relative
}

@media screen and (min-width:768px) {
  .cmp-ctacollection-popover__heading {
    --ctacollection-popover-heading-right: 2rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-ctacollection-popover__heading {
    --ctacollection-popover-heading-right: 2rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-ctacollection-popover__heading {
    --ctacollection-popover-heading-right: 1.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-ctacollection-popover__heading {
    --ctacollection-popover-heading-right: 1.25rem
  }
}

.cmp-ctacollection-popover__buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem
}

.cmp-ctacollection-popover__button {
  background: none;
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0
}

.cmp-ctacollection-popover__separator {
  border: 1px solid #e6e6e6;
  margin-bottom: var(--ctacollection-popover-separator-margin);
  margin-top: var(--ctacollection-popover-separator-margin)
}

.cmp-ctacollection-popover__textlinks {
  align-content: center;
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem
}

.cmp-ctacollection-popover__textlink {
  display: flex;
  gap: .25rem
}

.cmp-ctacollection-popover__link {
  width: 100%
}

.cmp-ctacollection-popover__textlink-icon[data-icon]:not([data-icon=""]) {
  align-items: center;
  display: flex;
  font-size: 1.25rem
}

.cmp-popover[data-popover-style=new-teaser-modal] {
  --popover-margin: 0;
  --popover-padding: 1.5rem
}

.cmp-popover[data-popover-style=new-teaser-modal] .cmp-popover__wrapper {
  background: none;
  max-height: 100vh;
  opacity: 0;
  overflow: auto;
  overflow-x: hidden;
  width: 101vw
}

.cmp-popover[data-popover-style=new-teaser-modal] .cmp-popover__content {
  background-color: #fff;
  margin: var(--popover-margin);
  overflow: visible
}

.cmp-popover[data-popover-style=new-teaser-modal] .aem-GridColumn {
  padding: 0
}

.cmp-popover[data-popover-style=new-teaser-modal] .cmp-popover__main {
  margin: 0;
  margin-top: var(--popover-main-top);
  overflow: hidden auto;
  padding: var(--popover-padding);
  scrollbar-color: #4d4d4d #e6e6e6;
  scrollbar-width: thin
}

.cmp-popover[data-popover-style=new-teaser-modal] .cmp-popover__main::-webkit-scrollbar {
  height: .25rem;
  width: .25rem
}

.cmp-popover[data-popover-style=new-teaser-modal] .cmp-popover__main::-webkit-scrollbar-thumb {
  background: #4d4d4d;
  border-radius: .5rem
}

.cmp-popover[data-popover-style=new-teaser-modal] .cmp-popover__main::-webkit-scrollbar-track {
  background: #e6e6e6;
  border-radius: .5rem
}

.cmp-popover[data-popover-style=new-teaser-modal] .backgroundmedia.style-backgroundmedia--fullwidth {
  left: 50%;
  margin-left: -50vw;
  position: relative;
  width: 100vw
}

@media screen and (min-width:768px) {
  .cmp-popover[data-popover-style=new-teaser-modal] {
    --popover-margin: 3rem;
    --popover-padding: 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-popover[data-popover-style=new-teaser-modal] {
    --popover-margin: 5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-popover[data-popover-style=new-teaser-modal] {
    --popover-margin: 6rem;
    --popover-padding: 4rem
  }
}

html {
  box-sizing: border-box
}

body,
dd,
dl,
ol,
ul {
  margin: 0
}

*,
:after,
:before {
  box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
  margin: 0;
  padding: 0
}

blockquote {
  margin: 0
}

cite {
  font-style: normal
}

body .cct-side-button-group,
body .cx-side-button-group {
  z-index: 110 !important
}

body,
html {
  display: flex;
  flex-direction: column;
  min-height: 100vh
}

.root {
  flex-grow: 1
}

.focus-visible {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4;
  outline: 0
}

.cmp-page--layer {
  background-color: #000c;
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 6080
}

@media screen and (min-width:768px) {
  .cmp-page--layer {
    padding: 10% 25%
  }
}

.cmp-page--layer-content {
  background-color: #fff;
  flex-grow: 1;
  overflow-y: auto;
  padding: .75rem;
  position: relative
}

@media screen and (min-width:768px) {
  .cmp-page--layer-content {
    padding: 2.5rem
  }
}

.cmp-page--layer-close {
  background: #fff;
  border: 0;
  color: #262626;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height);
  margin: 0;
  padding: 0;
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 20
}

.cmp-page--layer-close:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-page--layer-title {
  font-size: var(--headline-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-1-line-height)
}

.cmp-page--layer-description {
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-2-line-height);
  padding-bottom: 1.25rem
}

.cmp-page--layer-select-wrapper {
  padding-bottom: 1.25rem
}

.cmp-page--layer-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  background-image: linear-gradient(45deg, #0000 50%, gray 0), linear-gradient(135deg, gray 50%, #0000 0), linear-gradient(90deg, #ccc, #ccc);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) .5em;
  background-repeat: no-repeat;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  border: thin solid #262626;
  box-sizing: border-box;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  margin: 0;
  padding: .25rem 5rem .25rem .5rem
}

.cmp-page--layer-buttons-wrapper {
  display: flex;
  padding-bottom: 1.25rem
}

.cmp-page--layer-continue {
  align-items: center;
  background-color: #1c69d4;
  border-radius: 3px;
  color: #fff;
  display: flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  height: 2.25rem;
  line-height: var(--body-2-line-height);
  margin-bottom: 1rem;
  overflow: hidden;
  padding: 0 1.5rem;
  text-decoration: none;
  white-space: nowrap
}

.cmp-page--layer-continue:hover {
  background-color: #0653b6
}

.cmp-page--layer-continue-disabled {
  cursor: not-allowed;
  opacity: .7
}

.cmp-overlay {
  -webkit-overflow-scrolling: auto;
  align-items: flex-start;
  background: rgba(0, 0, 0, .8);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 6020
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-overlay {
    padding-top: 4rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-overlay {
    padding: 4rem 0
  }
}

.cmp-overlay__content {
  background: #fff;
  margin: auto;
  min-height: 100vh;
  padding: 1.5rem 0 0;
  position: relative;
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-overlay__content {
    min-height: 24rem;
    padding: 3rem 0 0
  }
}

@media screen and (min-width:1024px) {
  .cmp-overlay__content {
    max-width: 54rem;
    min-width: 39.2727272727rem;
    width: 50%
  }
}

.cmp-overlay__body,
.cmp-overlay__foot,
.cmp-overlay__head {
  background: inherit;
  padding: 0 1.5rem 1.5rem
}

@media screen and (min-width:768px) {

  .cmp-overlay__body,
  .cmp-overlay__foot,
  .cmp-overlay__head {
    padding: 0 3rem 1.5rem
  }
}

.cmp-overlay__close-button {
  background-color: initial;
  color: #262626;
  height: 3rem;
  margin-top: 68px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 3rem
}

.cmp-overlay__close-button:focus,
.cmp-overlay__close-button:focus-visible {
  outline: none
}

.cmp-overlay__close-button:focus-visible,
.cmp-overlay__close-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-overlay__close-button.focus-visible {
    outline: none
  }

  .cmp-overlay__close-button.focus-visible,
  .cmp-overlay__close-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-overlay__close-button:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "close";
  direction: ltr;
  display: block;
  display: inline-block;
  font-family: bmw_next_icons;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid transparent;
  text-align: left;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-overlay__close-button:before {
    display: none
  }
}

.cmp-overlay__close-button:focus,
.cmp-overlay__close-button:hover {
  background-color: initial;
  color: inherit
}

@media screen and (min-width:768px) {
  .cmp-overlay__close-button {
    margin: .5rem
  }
}

.cmp-overlay__foot {
  border-top: 1px solid #e6e6e6;
  bottom: 0;
  height: 6.25rem;
  padding-top: 1.5rem;
  position: -webkit-sticky;
  position: sticky;
  width: 100%
}

@media screen and (min-width:1024px) {
  .cmp-overlay__foot {
    bottom: -4rem
  }
}

.cmp-overlay__button {
  display: inline;
  min-height: 1em;
  min-width: 5ch;
  padding: 0;
  text-decoration: none
}

.cmp-overlay__button,
.cmp-overlay__button[target=_blank] {
  align-items: center;
  display: inline-flex
}

.cmp-overlay__button[target=_blank]:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "external-link";
  direction: ltr;
  display: block;
  font-family: bmw_next_icons;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid transparent;
  text-align: left;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-overlay__button[target=_blank]:after {
    display: none
  }
}

.cmp-overlay__button[target=_blank]:after {
  margin: -.25em 0 -.5em;
  transform: scale(1.75)
}

.cmp-overlay__button,
.cmp-overlay__button:active,
.cmp-overlay__button:focus,
.cmp-overlay__button:hover {
  background: transparent;
  color: #262626
}

.cmp-overlay__button:hover {
  color: #4d4d4d
}

.cmp-overlay__button:focus,
.cmp-overlay__button:focus-visible {
  outline: none
}

.cmp-overlay__button:focus-visible,
.cmp-overlay__button:focus-visible:hover {
  background: #fff;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-overlay__button.focus-visible {
    outline: none
  }

  .cmp-overlay__button.focus-visible,
  .cmp-overlay__button.focus-visible:hover {
    background: #fff;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-overlay__button:focus-visible {
  color: #4d4d4d
}

@supports (display:block) {
  .cmp-overlay__button.focus-visible {
    color: #4d4d4d
  }
}

.cmp-overlay__button:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrow_chevron_right";
  direction: ltr;
  display: block;
  font-family: bmw_next_icons;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  margin-left: -.25rem;
  outline: 1px solid transparent;
  text-align: left;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-overlay__button:before {
    display: none
  }
}

.cmp-overlay__button:focus {
  color: currentColor
}

.cmp-overlay__body--content,
.cmp-overlay__foot--content {
  display: none
}

.cmp-overlay.cmp-overlay__hidden {
  visibility: hidden
}

.cmp-searchresults__header {
  border-bottom: .0625rem solid #e6e6e6;
  font-size: var(--headline-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-3-line-height);
  margin: 0;
  padding: 1.5rem 0 3rem
}

.cmp-searchresults__highlight {
  color: #666
}

.cmp-searchresults__list-item {
  border-bottom: .0625rem solid #e6e6e6;
  padding: 2.5rem 0
}

.cmp-searchresults__item-head {
  padding-bottom: .5rem
}

.cmp-searchresults__item-link {
  border: 0;
  box-shadow: none;
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height)
}

.cmp-searchresults__item-link,
.cmp-searchresults__item-link:active,
.cmp-searchresults__item-link:disabled,
.cmp-searchresults__item-link:focus,
.cmp-searchresults__item-link:hover,
.cmp-searchresults__item-link:visited {
  background: #0000;
  color: #262626
}

.cmp-searchresults__item-link:hover {
  color: #1c69d4
}

.cmp-searchresults__item-link:active {
  color: #0653b6
}

.cmp-searchresults__item-link:disabled {
  color: #bbb
}

.cmp-searchresults__item-link:focus,
.cmp-searchresults__item-link:focus-visible {
  outline: none
}

.cmp-searchresults__item-link:focus-visible,
.cmp-searchresults__item-link:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-searchresults__item-link.focus-visible {
    outline: none
  }

  .cmp-searchresults__item-link.focus-visible,
  .cmp-searchresults__item-link.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-searchresults__item-link:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-searchresults__item-link.focus-visible {
    color: #1c69d4
  }
}

.cmp-searchresults__item-link:focus .cmp-searchresults__highlight,
.cmp-searchresults__item-link:hover .cmp-searchresults__highlight {
  color: currentColor
}

.cmp-searchresults__more {
  border: 0;
  box-shadow: none;
  cursor: pointer;
  margin: 2rem 0 6.5rem -.5rem;
  padding: 0 .5rem
}

.cmp-searchresults__more,
.cmp-searchresults__more:active,
.cmp-searchresults__more:disabled,
.cmp-searchresults__more:focus,
.cmp-searchresults__more:hover,
.cmp-searchresults__more:visited {
  background: #0000;
  color: #262626
}

.cmp-searchresults__more:hover {
  color: #1c69d4
}

.cmp-searchresults__more:active {
  color: #0653b6
}

.cmp-searchresults__more:disabled {
  color: #bbb
}

.cmp-searchresults__more:focus,
.cmp-searchresults__more:focus-visible {
  outline: none
}

.cmp-searchresults__more:focus-visible,
.cmp-searchresults__more:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-searchresults__more.focus-visible {
    outline: none
  }

  .cmp-searchresults__more.focus-visible,
  .cmp-searchresults__more.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-searchresults__more:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-searchresults__more.focus-visible {
    color: #1c69d4
  }
}

.cmp-searchresults__more-icon {
  width: 1.5rem
}

.cmp-searchresults__more-icon:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "plus";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-searchresults__more-icon:before {
    display: none
  }
}

.cmp-searchresults__noresults {
  margin: 4rem 0 3rem
}

.cmp-searchresults__noresults-header {
  font-size: var(--headline-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-3-line-height);
  margin-bottom: 1rem;
  text-align: center
}

.cmp-searchresults__noresults-text {
  text-align: center
}

.cmp-searchresults__systemerror {
  background-color: #f7e7e9;
  color: #af1523;
  padding: 1.75rem 1.5rem
}

@media screen and (min-width:768px) {
  .cmp-searchresults__systemerror {
    padding-left: 6rem;
    padding-right: 6rem
  }
}

.cmp-searchresults__systemerror-icon {
  margin-right: 1rem
}

.cmp-notification__toastcontainer {
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
  position: fixed;
  right: 0;
  z-index: 6100
}

.cmp-notification {
  --notification-timer: 10s;
  --notification-bg: #f2f2f2;
  --notification-clr: #666;
  align-items: center;
  background-color: var(--notification-bg, #fff);
  color: #262626;
  display: flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  gap: .75rem;
  justify-content: space-between;
  line-height: var(--body-2-line-height);
  padding: 1rem 2rem
}

.cmp-notification__message {
  flex-grow: 1
}

.cmp-notification__close {
  appearance: none;
  background-color: #fff;
  border: unset;
  border-radius: 3px;
  cursor: pointer;
  display: grid;
  height: 2.75rem;
  padding: 0;
  place-content: center;
  width: 2.75rem
}

.cmp-notification__close:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "close";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-notification__close:before {
    display: none
  }
}

.cmp-notification__close:hover {
  color: #1c69d4
}

.cmp-notification__close:disabled {
  color: #bbb
}

.cmp-notification__close:active {
  color: #0653b6
}

.cmp-notification__icon:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "information";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-notification__icon:before {
    display: none
  }
}

.cmp-notification__close,
.cmp-notification__icon {
  background: #0000;
  flex-shrink: 0
}

.cmp-notification__close:before,
.cmp-notification__icon:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-notification--toast {
  box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d;
  margin-inline-start: var(--grid-full);
  padding: 1.125rem 1.5rem;
  position: relative
}

@media (prefers-reduced-motion:no-preference) {
  .cmp-notification--toast {
    animation: notification-toast var(--notification-timer) cubic-bezier(.075, .82, .165, 1) forwards
  }
}

.cmp-notification--toast.cmp-notification--has-close {
  padding: .375rem .75rem .375rem 1.5rem
}

.cmp-notification--error {
  --notification-bg: #f7e7e9;
  --notification-clr: #d20000
}

.cmp-notification--error .cmp-notification__icon:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "warning_sign";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-notification--error .cmp-notification__icon:before {
    display: none
  }
}

.cmp-notification--information {
  --notification-bg: #dde8f9;
  --notification-clr: #1c69d4
}

.cmp-notification--information .cmp-notification__icon:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "information";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-notification--information .cmp-notification__icon:before {
    display: none
  }
}

.cmp-notification--success {
  --notification-bg: #e8f2eb;
  --notification-clr: #3db014
}

.cmp-notification--success .cmp-notification__icon:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "checkmark";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-notification--success .cmp-notification__icon:before {
    display: none
  }
}

.cmp-notification--warning {
  --notification-bg: #fbedc9;
  --notification-clr: #ffad1f
}

.cmp-notification--warning .cmp-notification__icon:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "warning_sign";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-notification--warning .cmp-notification__icon:before {
    display: none
  }
}

.cmp-notification--hidden {
  display: none
}

@keyframes notification-toast {
  0% {
    opacity: 0;
    transform: translateX(150%)
  }

  10%,
  90% {
    opacity: 1;
    transform: translateX(0)
  }

  to {
    opacity: 0;
    transform: translateX(100%)
  }
}

.cmp-navigation__wrapper {
  background: linear-gradient(0deg, #0000, #0006);
  background-size: cover;
  height: 75pt;
  justify-content: center;
  z-index: 6010
}

.cmp-navigation,
.cmp-navigation__wrapper {
  display: flex;
  position: absolute;
  width: 100%
}

.cmp-navigation {
  justify-content: space-between;
  max-width: 75pc
}

.cmp-navigation__links {
  border-bottom: 1px solid #fff;
  display: flex;
  height: 75pt;
  margin: 0 222px 0 127px;
  position: relative;
  width: 100%
}

.cmp-navigation__section--left {
  display: flex;
  margin-right: auto
}

.cmp-navigation__section--right {
  display: flex
}

.cmp-navigation__link-list {
  padding-inline-start: 0
}

.cmp-navigation__link-list--inline {
  display: flex;
  list-style: none;
  margin: 0
}

.cmp-navigation__list-item {
  line-height: 75pt
}

.cmp-navigation__list-item:hover {
  border-bottom: 5px solid #0653b6
}

.cmp-navigation__list-item:hover>a {
  color: #0653b6
}

.cmp-navigation__link--text {
  color: #fff;
  padding: 20px
}

.cmp-navigation__link--icon {
  color: #fff;
  padding: 5px
}

.cmp-navigation__brand {
  border: 5px solid #0653b6;
  border-radius: 50%;
  height: 75pt;
  line-height: 75pt;
  position: absolute;
  right: -105px;
  text-align: center;
  width: 95px
}

.cmp-mybmw-logo {
  height: 40px;
  margin-bottom: 20px;
  width: 63px
}

@media only screen and (max-width:992px) {
  .cmp-mybmw-logo {
    margin-bottom: 17px
  }
}

.cmp-button-login {
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height);
  margin-bottom: 18px;
  width: 100%;
  word-break: break-word
}

:not(.style-button--as-link)>.cmp-button-login {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: 3.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none
}

:not(.style-button--as-link)>.cmp-button-login,
:not(.style-button--as-link)>.cmp-button-login:active,
:not(.style-button--as-link)>.cmp-button-login:focus,
:not(.style-button--as-link)>.cmp-button-login:hover {
  background-color: #1c69d4;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {
  :not(.style-button--as-link)>.cmp-button-login:hover {
    background-color: #0653b6;
    box-shadow: none;
    color: #fff
  }
}

:not(.style-button--as-link)>.cmp-button-login:focus,
:not(.style-button--as-link)>.cmp-button-login:focus-visible {
  outline: none
}

:not(.style-button--as-link)>.cmp-button-login:focus-visible,
:not(.style-button--as-link)>.cmp-button-login:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  :not(.style-button--as-link)>.cmp-button-login.focus-visible {
    outline: none
  }

  :not(.style-button--as-link)>.cmp-button-login.focus-visible,
  :not(.style-button--as-link)>.cmp-button-login.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

:not(.style-button--as-link)>.cmp-button-login:focus-visible {
  color: #fff
}

@supports (display:block) {
  :not(.style-button--as-link)>.cmp-button-login.focus-visible {
    color: #fff
  }
}

:not(.style-button--as-link)>.cmp-button-login:focus-visible {
  background-color: #0653b6
}

@supports (display:block) {
  :not(.style-button--as-link)>.cmp-button-login.focus-visible {
    background-color: #0653b6
  }
}

:not(.style-button--as-link)>.cmp-button-login:disabled,
:not(.style-button--as-link)>.cmp-button-login[aria-disabled=true] {
  background-color: #bbd2f3;
  pointer-events: none
}

.cmp-button-logout {
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height);
  width: 100%;
  word-break: break-word
}

:not(.style-button--as-link)>.cmp-button-logout {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: 3.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none
}

:not(.style-button--as-link)>.cmp-button-logout,
:not(.style-button--as-link)>.cmp-button-logout:active,
:not(.style-button--as-link)>.cmp-button-logout:focus,
:not(.style-button--as-link)>.cmp-button-logout:hover {
  background-color: #262626;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {
  :not(.style-button--as-link)>.cmp-button-logout:hover {
    background-color: #4d4d4d;
    box-shadow: none;
    color: #fff
  }
}

:not(.style-button--as-link)>.cmp-button-logout:focus,
:not(.style-button--as-link)>.cmp-button-logout:focus-visible {
  outline: none
}

:not(.style-button--as-link)>.cmp-button-logout:focus-visible,
:not(.style-button--as-link)>.cmp-button-logout:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  :not(.style-button--as-link)>.cmp-button-logout.focus-visible {
    outline: none
  }

  :not(.style-button--as-link)>.cmp-button-logout.focus-visible,
  :not(.style-button--as-link)>.cmp-button-logout.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

:not(.style-button--as-link)>.cmp-button-logout:focus-visible {
  color: #fff
}

@supports (display:block) {
  :not(.style-button--as-link)>.cmp-button-logout.focus-visible {
    color: #fff
  }
}

:not(.style-button--as-link)>.cmp-button-logout:focus-visible {
  background-color: #4d4d4d
}

@supports (display:block) {
  :not(.style-button--as-link)>.cmp-button-logout.focus-visible {
    background-color: #4d4d4d
  }
}

:not(.style-button--as-link)>.cmp-button-logout:disabled,
:not(.style-button--as-link)>.cmp-button-logout[aria-disabled=true] {
  background-color: #bbb;
  pointer-events: none
}

.cmp-button-register {
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height);
  width: 100%;
  word-break: break-word
}

:not(.style-button--as-link)>.cmp-button-register {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: 3.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none
}

:not(.style-button--as-link)>.cmp-button-register,
:not(.style-button--as-link)>.cmp-button-register:active,
:not(.style-button--as-link)>.cmp-button-register:disabled,
:not(.style-button--as-link)>.cmp-button-register:focus,
:not(.style-button--as-link)>.cmp-button-register:hover {
  --border-color: #262626;
  background-color: #0000;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  :not(.style-button--as-link)>.cmp-button-register:hover {
    --border-width: 2px;
    box-shadow: inset 0 0 0 var(--border-width, 2px) var(--border-color, unset)
  }
}

:not(.style-button--as-link)>.cmp-button-register:disabled,
:not(.style-button--as-link)>.cmp-button-register[aria-disabled=true] {
  --border-color: #e6e6e6;
  color: #bbb;
  pointer-events: none
}

:not(.style-button--as-link)>.cmp-button-register:disabled:focus-visible,
:not(.style-button--as-link)>.cmp-button-register[aria-disabled=true]:focus-visible {
  color: #bbb
}

@supports (display:block) {

  :not(.style-button--as-link)>.cmp-button-register:disabled.focus-visible,
  :not(.style-button--as-link)>.cmp-button-register[aria-disabled=true].focus-visible {
    color: #bbb
  }
}

:not(.style-button--as-link)>.cmp-button-register:focus,
:not(.style-button--as-link)>.cmp-button-register:focus-visible {
  outline: none
}

:not(.style-button--as-link)>.cmp-button-register:focus-visible,
:not(.style-button--as-link)>.cmp-button-register:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  :not(.style-button--as-link)>.cmp-button-register.focus-visible {
    outline: none
  }

  :not(.style-button--as-link)>.cmp-button-register.focus-visible,
  :not(.style-button--as-link)>.cmp-button-register.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-login-container,
.cmp-logout-container {
  text-align: center
}

@media screen and (min-width:1280px) {

  .cmp-multilevelflyout__container,
  .cmp-multilevelflyout__group-list,
  .cmp-multilevelflyout__sidebar {
    height: auto;
    max-height: calc(100vh - 149px);
    overflow-y: auto
  }
}

@media screen and (min-width:1920px) {

  .cmp-multilevelflyout__container,
  .cmp-multilevelflyout__group-list,
  .cmp-multilevelflyout__sidebar {
    max-height: calc(100vh - 207px)
  }
}

.cmp-multilevelflyout {
  background: #fff;
  position: relative
}

.cmp-multilevelflyout .cmp-multilevelflyout__group-list {
  border-right: 0;
  display: flex;
  left: 0;
  padding: 0;
  position: absolute;
  top: 0;
  transition: left .15s cubic-bezier(0, .5, .5, 1);
  width: 100%
}

@media screen and (min-width:768px) and (min-width:1280px) {
  .cmp-multilevelflyout .cmp-multilevelflyout__group-list {
    padding-bottom: 2rem;
    padding-top: 2.5rem
  }
}

@media screen and (min-width:768px) and (min-width:1920px) {
  .cmp-multilevelflyout .cmp-multilevelflyout__group-list {
    padding-bottom: 2.5rem;
    padding-top: 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-multilevelflyout .cmp-multilevelflyout__group-list {
    grid-column: 1/3;
    padding-left: .75rem;
    padding-right: 1.5rem;
    position: unset
  }
}

.cmp-multilevelflyout .cmp-multilevelflyout__nav {
  flex-grow: 1
}

.cmp-multilevelflyout .cmp-multilevelflyout__group-list--hide {
  left: -100vw
}

.cmp-multilevelflyout .cmp-multilevelflyout__group-list--hide .cmp-multilevelflyout__nav {
  max-height: calc(100vw - 69px);
  overflow: hidden
}

@media screen and (min-width:1280px) {
  .cmp-multilevelflyout .cmp-multilevelflyout__group-list--hide {
    left: 0;
    max-height: calc(100vh - 154px)
  }
}

.cmp-multilevelflyout .cmp-multilevelflyout__list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0 auto;
  padding-top: 1.75rem;
  width: 83.3333333333%
}

@media screen and (min-width:768px) {
  .cmp-multilevelflyout .cmp-multilevelflyout__list {
    width: 66.6666666667%
  }
}

@media screen and (min-width:1280px) {
  .cmp-multilevelflyout .cmp-multilevelflyout__list {
    padding-top: 0;
    width: 100%
  }
}

.cmp-multilevelflyout .cmp-multilevelflyout__item {
  display: flex
}

.cmp-multilevelflyout .cmp-multilevelflyout__interaction {
  align-items: center;
  background: #0000;
  border: 0;
  color: #666;
  cursor: pointer;
  display: flex;
  flex-grow: 1;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height);
  padding: .5rem 0;
  position: relative;
  text-align: left;
  text-decoration: none
}

.cmp-multilevelflyout .cmp-multilevelflyout__interaction.cmp-multilevelflyout__interaction-selected,
.cmp-multilevelflyout .cmp-multilevelflyout__interaction:hover {
  color: #000
}

@media screen and (min-width:768px) {
  .cmp-multilevelflyout .cmp-multilevelflyout__interaction {
    padding: .75rem 0
  }
}

@media screen and (min-width:1280px) {
  .cmp-multilevelflyout .cmp-multilevelflyout__interaction {
    padding: .375rem 0
  }

  .cmp-multilevelflyout .cmp-multilevelflyout__interaction-selected:before {
    background-color: #1c69d4;
    border-radius: 50%;
    content: "";
    height: .3125rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate(-.75rem, -50%);
    width: .3125rem
  }
}

.cmp-multilevelflyout .cmp-multilevelflyout__image-branding {
  height: 1em
}

.cmp-multilevelflyout .cmp-multilevelflyout__image-branding:first-of-type {
  margin-left: .25rem
}

@media screen and (min-width:1280px) {
  .cmp-multilevelflyout {
    display: grid;
    grid-template-columns: repeat(12, 1fr)
  }
}

.cmp-multilevelflyout__interaction--icon:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrow_chevron_right";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-multilevelflyout__interaction--icon:after {
    display: none
  }
}

.cmp-multilevelflyout__interaction--icon:after {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-multilevelflyout__interaction-flyout .cmp-multilevelflyout__interaction--icon {
  position: absolute;
  right: 0
}

@media screen and (min-width:1280px) {
  .cmp-multilevelflyout__interaction-flyout .cmp-multilevelflyout__interaction--icon {
    display: none
  }
}

.cmp-multilevelflyout__container {
  background: #fff;
  left: 100vw;
  padding: 0;
  position: absolute;
  top: 0;
  transition: left .15s cubic-bezier(0, .5, .5, 1);
  width: 100%
}

@media screen and (min-width:1280px) {
  .cmp-multilevelflyout__container {
    border-left: 1px solid #bbb;
    grid-column: 3/-1;
    padding: 0 .75rem;
    position: unset
  }

  .cmp-multilevelflyout__container.col-8 {
    border-right: 1px solid #bbb;
    grid-column: 3/11
  }
}

.cmp-multilevelflyout__container--show {
  left: 0
}

.cmp-multilevelflyout__sidebar,
.cmp-multilevelflyout__sidebar.cmp-multilevelflyout__sidebar-hide {
  display: none
}

.cmp-multilevelflyout__sidebar.cmp-multilevelflyout__sidebar-end {
  align-items: flex-end
}

@media screen and (min-width:1280px) {
  .cmp-multilevelflyout__sidebar {
    align-items: flex-start;
    display: flex;
    grid-column: 11/-1;
    margin-left: .75rem
  }
}

@media screen and (min-width:1280px) and (min-width:1280px) {
  .cmp-multilevelflyout__sidebar {
    padding-bottom: 2rem;
    padding-top: 2.5rem
  }
}

@media screen and (min-width:1280px) and (min-width:1920px) {
  .cmp-multilevelflyout__sidebar {
    padding-bottom: 2.5rem;
    padding-top: 3rem
  }
}

.cmp-multilevelflyout__sidebar--content {
  display: none
}

.cmp-multilevelflyout__sidebar--content.cmp-multilevelflyout__sidebar--content-block {
  display: block;
  max-height: 100%
}

.cmp-multilevelflyout__content {
  display: none
}

.cmp-multilevelflyout__item-separator {
  border-bottom: 1px solid #bbb;
  margin: 2rem 0
}

@media screen and (min-width:1280px) {
  .cmp-multilevelflyout__item-separator {
    margin: 1.5rem 0
  }
}

.cmp-multilevelflyout__item-spacer {
  margin: 1.5rem 0
}

@media screen and (min-width:1280px) {
  .cmp-multilevelflyout__item-spacer {
    margin: 2rem 0
  }
}

.cmp-multilevelflyout__header {
  align-items: center;
  background: #fff;
  display: flex;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  height: 68px;
  justify-content: center;
  left: 0;
  line-height: var(--body-1-line-height);
  margin-top: -69px;
  position: sticky;
  top: 0;
  z-index: 6020
}

@media screen and (min-width:768px) {
  .cmp-multilevelflyout__header {
    font-size: var(--subsection-2-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--subsection-2-line-height)
  }
}

@media screen and (min-width:1280px) {
  .cmp-multilevelflyout__header {
    display: none
  }
}

.cmp-multilevelflyout__header-back {
  background: #0000;
  border: 0;
  color: #666;
  cursor: pointer;
  left: 0;
  padding: 0 1.5rem 0 0;
  position: absolute
}

@media screen and (min-width:768px) {
  .cmp-multilevelflyout__header-back {
    padding: 0 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-multilevelflyout__header-back {
    padding: 0 6rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-multilevelflyout__header-back {
    margin: 0 auto;
    max-width: 109.5rem;
    padding: 0 .75rem
  }
}

.cmp-multilevelflyout__header-back .cmp-multilevelflyout__header-back-icon:before {
  font-size: 1.25rem;
  font-weight: 400
}

@media screen and (min-width:768px) {
  .cmp-multilevelflyout__header-back {
    padding-left: 0
  }
}

.cmp-multilevelflyout__content-block {
  display: block
}

.cmp-multi-content-item__media .cmp-image__image,
.cmp-multi-content-item__media .cmp-video {
  aspect-ratio: var(--multicontent-gallery-media-ratio);
  object-fit: cover
}

.cmp-multi-content-item__content .cmp-text ol,
.cmp-multi-content-item__content .cmp-text ul {
  margin-left: .5rem;
  padding-left: 1rem
}

.cmp-multi-content-item__content .cmp-button {
  padding: 0 1.5rem
}

.cmp-multi-content__slide {
  transition: opacity .25s ease-in-out .25s, visibility 0s ease-in-out 1s
}

.cmp-multi-content__slide:first-of-type {
  transition: opacity .25s ease-in-out
}

.cmp-multi-content-item__expand-icon {
  transition: transform .25s ease-in-out
}

.cmp-multi-content-item__content:after {
  transition: opacity .25s ease-in-out .25s
}

@media screen and (max-width:1279px) {

  .cmp-multi-content-item__content,
  .cmp-multi-content-item__content-scrollable,
  .cmp-multi-content-item__content-toggle {
    transition: opacity .25s ease-in-out, max-height .25s ease-in-out
  }

  .cmp-multi-content__slide:not(.cmp-multi-content__slide--active) .cmp-multi-content-item__content-scrollable,
  .cmp-multi-content__slide:not(.cmp-multi-content__slide--active) .cmp-multi-content-item__content-toggle {
    opacity: .5207;
    pointer-events: none
  }
}

@media screen and (min-width:1280px) {
  .cmp-multi-content-item__wrapper {
    pointer-events: none
  }

  .cmp-multi-content-item__content,
  .cmp-multi-content-item__expand {
    margin-bottom: -.0625rem;
    pointer-events: all;
    position: relative;
    transition: visibility 0s ease-in-out, opacity .25s ease-in-out, padding .25s ease-in-out, max-height .25s ease-in-out, min-height .25s ease-in-out, transform .25s ease-in-out;
    z-index: -10
  }

  .cmp-multi-content-item__expand {
    bottom: 0;
    position: absolute
  }

  .cmp-multi-content__slide--tile-active .cmp-multi-content-item__expand {
    opacity: 0
  }

  .cmp-multi-content__slide--tile-active .cmp-multi-content-item__expand,
  .cmp-multi-content__slide:not(.cmp-multi-content__slide--tile-active) .cmp-multi-content-item__content {
    
    transform: translateY(75%);
    transition: visibility 0s ease-in-out .25s, opacity .25s ease-in-out, padding .25s ease-in-out, max-height .25s ease-in-out, min-height .25s ease-in-out, transform .25s ease-in-out;
    visibility: hidden
  }

  .cmp-multi-content__slide:not(.cmp-multi-content__slide--tile-active) .cmp-multi-content-item__content {
    max-height: 0;
    min-height: 0;
    padding-bottom: 0;
    padding-top: 0
  }
}

.cmp-multi-content--keyboard-support .cmp-multi-content-item__content-toggle {
  display: none
}

.cmp-multi-content-item__expand:focus,
.cmp-multi-content-item__expand:focus-visible {
  outline: none
}

.cmp-multi-content-item__expand:focus-visible,
.cmp-multi-content-item__expand:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .cmp-multi-content-item__expand.focus-visible {
    outline: none
  }

  .cmp-multi-content-item__expand.focus-visible,
  .cmp-multi-content-item__expand.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.cmp-multi-content-item__content .cmp-multi-content-item__content-scrollable:focus,
.cmp-multi-content-item__content .cmp-multi-content-item__content-scrollable:focus-visible {
  outline: none
}

.cmp-multi-content-item__content .cmp-multi-content-item__content-scrollable:focus-visible,
.cmp-multi-content-item__content .cmp-multi-content-item__content-scrollable:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .cmp-multi-content-item__content .cmp-multi-content-item__content-scrollable.focus-visible {
    outline: none
  }

  .cmp-multi-content-item__content .cmp-multi-content-item__content-scrollable.focus-visible,
  .cmp-multi-content-item__content .cmp-multi-content-item__content-scrollable.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button {
  position: relative
}

.cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button:focus,
.cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button:focus-visible {
  outline: none
}

.cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button:focus-visible,
.cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button:focus-visible:hover {
  box-shadow: none
}

.cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button:focus-visible:after,
.cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button:focus-visible:hover:after {
  bottom: 0;
  box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
  content: " ";
  display: block;
  left: 0;
  
  position: absolute;
  right: 0;
  top: 0
}

@supports (display:block) {
  .cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button.focus-visible {
    outline: none
  }

  .cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button.focus-visible,
  .cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button.focus-visible:hover {
    box-shadow: none
  }

  .cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button.focus-visible:after,
  .cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button.focus-visible:hover:after {
    bottom: 0;
    box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
    content: " ";
    display: block;
    left: 0;
    
    position: absolute;
    right: 0;
    top: 0
  }
}

.style--mask-top .cmp-multi-content-item__content-scrollable {
  -webkit-mask: linear-gradient(180deg, #fff0 0, #fff 3rem);
  mask: linear-gradient(180deg, #fff0 0, #fff 3rem);
  visibility: visible
}

.style--mask-bottom .cmp-multi-content-item__content-scrollable {
  -webkit-mask: linear-gradient(0deg, #fff0 0, #fff 3rem);
  mask: linear-gradient(0deg, #fff0 0, #fff 3rem);
  visibility: visible
}

.style--mask-top.style--mask-bottom .cmp-multi-content-item__content-scrollable {
  -webkit-mask: linear-gradient(0deg, #fff0 0, #fff 3rem) bottom, linear-gradient(180deg, #fff0 0, #fff 3rem) top;
  mask: linear-gradient(0deg, #fff0 0, #fff 3rem) bottom, linear-gradient(180deg, #fff0 0, #fff 3rem) top;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 51%;
  mask-size: 100% 51%;
  visibility: visible
}

.cmp-multi-content-item__wrapper {
  margin: 0 var(--grid-gutter);
  position: relative;
  width: 100%
}

@media screen and (min-width:1280px) {
  .cmp-multi-content-item__wrapper {
    border-bottom: .0625rem solid #e6e6e6
  }
}

.cmp-multi-content-item__content-toggle,
.cmp-multi-content-item__expand {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  justify-content: center;
  line-height: var(--body-2-line-height);
  min-height: 3.25rem;
  padding: .25rem;
  text-align: center;
  text-align: left;
  text-decoration: none
}

.cmp-multi-content-item__content-toggle,
.cmp-multi-content-item__content-toggle:active,
.cmp-multi-content-item__content-toggle:focus,
.cmp-multi-content-item__content-toggle:hover,
.cmp-multi-content-item__expand,
.cmp-multi-content-item__expand:active,
.cmp-multi-content-item__expand:focus,
.cmp-multi-content-item__expand:hover {
  background-color: #0000;
  color: #000
}

@media screen and (hover:hover) and (pointer:fine) {

  .cmp-multi-content-item__content-toggle:hover,
  .cmp-multi-content-item__expand:hover {
    background-color: #0000;
    box-shadow: none;
    color: #000
  }
}

.cmp-multi-content-item__content-toggle:focus,
.cmp-multi-content-item__content-toggle:focus-visible,
.cmp-multi-content-item__expand:focus,
.cmp-multi-content-item__expand:focus-visible {
  outline: none
}

.cmp-multi-content-item__content-toggle:focus-visible,
.cmp-multi-content-item__content-toggle:focus-visible:hover,
.cmp-multi-content-item__expand:focus-visible,
.cmp-multi-content-item__expand:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {

  .cmp-multi-content-item__content-toggle.focus-visible,
  .cmp-multi-content-item__expand.focus-visible {
    outline: none
  }

  .cmp-multi-content-item__content-toggle.focus-visible,
  .cmp-multi-content-item__content-toggle.focus-visible:hover,
  .cmp-multi-content-item__expand.focus-visible,
  .cmp-multi-content-item__expand.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-multi-content-item__content-toggle:focus-visible,
.cmp-multi-content-item__expand:focus-visible {
  color: #000
}

@supports (display:block) {

  .cmp-multi-content-item__content-toggle.focus-visible,
  .cmp-multi-content-item__expand.focus-visible {
    color: #000
  }
}

.cmp-multi-content-item__content-toggle:focus-visible,
.cmp-multi-content-item__expand:focus-visible {
  background-color: #0000
}

@supports (display:block) {

  .cmp-multi-content-item__content-toggle.focus-visible,
  .cmp-multi-content-item__expand.focus-visible {
    background-color: #0000
  }
}

.cmp-multi-content-item__content-toggle:disabled,
.cmp-multi-content-item__content-toggle[aria-disabled=true],
.cmp-multi-content-item__expand:disabled,
.cmp-multi-content-item__expand[aria-disabled=true] {
  pointer-events: none
}

.cmp-multi-content-item__expand {
  display: none;
  gap: .5rem;
  height: inherit;
  justify-content: space-between;
  padding: 1.5rem 0;
  width: inherit
}

.cmp-multi-content-item__expand .cmp-multi-content-item__expand-title {
  -webkit-line-clamp: var(--singleline-support, 2);
  -webkit-box-orient: vertical;
  display: var(--singleline-support, -webkit-box);
  overflow: hidden;
  text-overflow: ellipsis
}

.cmp-multi-content-item__expand .cmp-multi-content-item__expand-icon {
  margin: 0 .75rem
}

.cmp-multi-content-item__expand .cmp-multi-content-item__expand-icon:before {
  font-size: 1rem;
  font-weight: 400
}

@media screen and (min-width:1280px) {
  .cmp-multi-content-item__expand {
    display: flex
  }
}

.cmp-multi-content-item__content--stretch .cmp-multi-content-item__content-scrollable>:last-child {
  display: flex;
  flex: 1;
  flex-direction: column
}

.cmp-multi-content-item__content--stretch .cmp-multi-content-item__content-scrollable>:last-child:before {
  content: "";
  display: flex;
  flex: 1
}

.cmp-multi-content-item__content {
  background: #fff;
  border: .0625rem solid #e6e6e6;
  min-height: var(--multicontent-gallery-card-height);
  overflow: hidden
}

.cmp-multi-content-item__content:after {
  background: inherit;
  bottom: .0625rem;
  content: "";
  
  position: absolute;
  right: .0625rem;
  top: .0625rem;
  width: 1.5rem
}

.cmp-multi-content-item__content,
.cmp-multi-content-item__content .cmp-multi-content-item__content-scrollable {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: .75rem;
  padding: 1.5rem .75rem .75rem
}

.cmp-multi-content-item__content .cmp-multi-content-item__content-scrollable {
  padding-top: 0
}

.cmp-multi-content-item__content:not(.cmp-multi-content-item__content--expanded) {
  max-height: var(--multicontent-gallery-card-height)
}

.cmp-multi-content-item__content:not(.cmp-multi-content-item__content--expanded) .cmp-multi-content-item__content-scrollable {
  overflow: hidden
}

.cmp-multi-content-item__content .cmp-multi-content-item__content-toggle {
  gap: .25rem;
  justify-content: start;
  margin: 0 .75rem .75rem;
  min-height: auto;
  padding: 0 1.5rem;
  position: relative
}

.cmp-multi-content-item__content .cmp-multi-content-item__content-toggle:before {
  content: attr(data-text-more)
}

.cmp-multi-content-item__content .cmp-multi-content-item__content-toggle:not(.cmp-multi-content-item__content-toggle--visible) {
  display: none
}

.cmp-multi-content-item__content .cmp-multi-content-item__expand-icon {
  left: -.125rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.cmp-multi-content-item__content .cmp-multi-content-item__expand-icon:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-multi-content-item__content.cmp-multi-content-item__content--expanded {
  max-height: var(--multicontent-gallery-content-max-height, var(--multicontent-gallery-card-height))
}

.cmp-multi-content-item__content.cmp-multi-content-item__content--expanded:after {
  opacity: 0
}

.cmp-multi-content-item__content.cmp-multi-content-item__content--expanded .cmp-multi-content-item__content-toggle:before {
  content: attr(data-text-less)
}

.cmp-multi-content-item__content.cmp-multi-content-item__content--expanded .cmp-multi-content-item__content-scrollable {
  overflow: hidden auto;
  scrollbar-color: #4d4d4d #e6e6e6;
  scrollbar-width: thin
}

.cmp-multi-content-item__content.cmp-multi-content-item__content--expanded .cmp-multi-content-item__content-scrollable::-webkit-scrollbar {
  height: .25rem;
  width: .25rem
}

.cmp-multi-content-item__content.cmp-multi-content-item__content--expanded .cmp-multi-content-item__content-scrollable::-webkit-scrollbar-thumb {
  background: #4d4d4d;
  border-radius: .5rem
}

.cmp-multi-content-item__content.cmp-multi-content-item__content--expanded .cmp-multi-content-item__content-scrollable::-webkit-scrollbar-track {
  background: #e6e6e6;
  border-radius: .5rem
}

.cmp-multi-content-item__content.cmp-multi-content-item__content--expanded .cmp-multi-content-item__expand-icon {
  transform: translateY(-50%) rotate(-180deg)
}

.cmp-multi-content-item__media {
  aspect-ratio: var(--multicontent-gallery-media-ratio);
  background: #262626
}

body:not([data-wcag-aa]) .cmp-multi-content-item__media {
  pointer-events: none
}

.cmp-multi-content-item__media .cmp-image__image,
.cmp-multi-content-item__media .cmp-video {
  aspect-ratio: var(--multicontent-gallery-media-ratio);
  object-fit: cover
}

.cmp-multi-content-item__content .cmp-text ol,
.cmp-multi-content-item__content .cmp-text ul {
  margin-left: .5rem;
  padding-left: 1rem
}

.cmp-multi-content-item__content .cmp-button {
  padding: 0 1.5rem
}

.cmp-multi-content__slide {
  transition: opacity .25s ease-in-out .25s, visibility 0s ease-in-out 1s
}

.cmp-multi-content__slide:first-of-type {
  transition: opacity .25s ease-in-out
}

.cmp-multi-content-item__expand-icon {
  transition: transform .25s ease-in-out
}

.cmp-multi-content-item__content:after {
  transition: opacity .25s ease-in-out .25s
}

@media screen and (max-width:1279px) {

  .cmp-multi-content-item__content,
  .cmp-multi-content-item__content-scrollable,
  .cmp-multi-content-item__content-toggle {
    transition: opacity .25s ease-in-out, max-height .25s ease-in-out
  }

  .cmp-multi-content__slide:not(.cmp-multi-content__slide--active) .cmp-multi-content-item__content-scrollable,
  .cmp-multi-content__slide:not(.cmp-multi-content__slide--active) .cmp-multi-content-item__content-toggle {
    opacity: .5207;
    pointer-events: none
  }
}

@media screen and (min-width:1280px) {
  .cmp-multi-content-item__wrapper {
    pointer-events: none
  }

  .cmp-multi-content-item__content,
  .cmp-multi-content-item__expand {
    margin-bottom: -.0625rem;
    pointer-events: all;
    position: relative;
    transition: visibility 0s ease-in-out, opacity .25s ease-in-out, padding .25s ease-in-out, max-height .25s ease-in-out, min-height .25s ease-in-out, transform .25s ease-in-out;
    z-index: -10
  }

  .cmp-multi-content-item__expand {
    bottom: 0;
    position: absolute
  }

  .cmp-multi-content__slide--tile-active .cmp-multi-content-item__expand {
    opacity: 0
  }

  .cmp-multi-content__slide--tile-active .cmp-multi-content-item__expand,
  .cmp-multi-content__slide:not(.cmp-multi-content__slide--tile-active) .cmp-multi-content-item__content {
    
    transform: translateY(75%);
    transition: visibility 0s ease-in-out .25s, opacity .25s ease-in-out, padding .25s ease-in-out, max-height .25s ease-in-out, min-height .25s ease-in-out, transform .25s ease-in-out;
    visibility: hidden
  }

  .cmp-multi-content__slide:not(.cmp-multi-content__slide--tile-active) .cmp-multi-content-item__content {
    max-height: 0;
    min-height: 0;
    padding-bottom: 0;
    padding-top: 0
  }
}

.cmp-multi-content--keyboard-support .cmp-multi-content-item__content-toggle {
  display: none
}

.cmp-multi-content-item__expand:focus,
.cmp-multi-content-item__expand:focus-visible {
  outline: none
}

.cmp-multi-content-item__expand:focus-visible,
.cmp-multi-content-item__expand:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .cmp-multi-content-item__expand.focus-visible {
    outline: none
  }

  .cmp-multi-content-item__expand.focus-visible,
  .cmp-multi-content-item__expand.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.cmp-multi-content-item__content .cmp-multi-content-item__content-scrollable:focus,
.cmp-multi-content-item__content .cmp-multi-content-item__content-scrollable:focus-visible {
  outline: none
}

.cmp-multi-content-item__content .cmp-multi-content-item__content-scrollable:focus-visible,
.cmp-multi-content-item__content .cmp-multi-content-item__content-scrollable:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .cmp-multi-content-item__content .cmp-multi-content-item__content-scrollable.focus-visible {
    outline: none
  }

  .cmp-multi-content-item__content .cmp-multi-content-item__content-scrollable.focus-visible,
  .cmp-multi-content-item__content .cmp-multi-content-item__content-scrollable.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button {
  position: relative
}

.cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button:focus,
.cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button:focus-visible {
  outline: none
}

.cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button:focus-visible,
.cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button:focus-visible:hover {
  box-shadow: none
}

.cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button:focus-visible:after,
.cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button:focus-visible:hover:after {
  bottom: 0;
  box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
  content: " ";
  display: block;
  left: 0;
  
  position: absolute;
  right: 0;
  top: 0
}

@supports (display:block) {
  .cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button.focus-visible {
    outline: none
  }

  .cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button.focus-visible,
  .cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button.focus-visible:hover {
    box-shadow: none
  }

  .cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button.focus-visible:after,
  .cmp-multi-content-item__content .cmp-multi-content-item__link .cmp-button.focus-visible:hover:after {
    bottom: 0;
    box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
    content: " ";
    display: block;
    left: 0;
    
    position: absolute;
    right: 0;
    top: 0
  }
}

.style--mask-top .cmp-multi-content-item__content-scrollable {
  -webkit-mask: linear-gradient(180deg, #fff0 0, #fff 3rem);
  mask: linear-gradient(180deg, #fff0 0, #fff 3rem);
  visibility: visible
}

.style--mask-bottom .cmp-multi-content-item__content-scrollable {
  -webkit-mask: linear-gradient(0deg, #fff0 0, #fff 3rem);
  mask: linear-gradient(0deg, #fff0 0, #fff 3rem);
  visibility: visible
}

.style--mask-top.style--mask-bottom .cmp-multi-content-item__content-scrollable {
  -webkit-mask: linear-gradient(0deg, #fff0 0, #fff 3rem) bottom, linear-gradient(180deg, #fff0 0, #fff 3rem) top;
  mask: linear-gradient(0deg, #fff0 0, #fff 3rem) bottom, linear-gradient(180deg, #fff0 0, #fff 3rem) top;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 51%;
  mask-size: 100% 51%;
  visibility: visible
}

.cmp-multi-content-item__wrapper {
  margin: 0 var(--grid-gutter);
  position: relative;
  width: 100%
}

@media screen and (min-width:1280px) {
  .cmp-multi-content-item__wrapper {
    border-bottom: .0625rem solid #e6e6e6
  }
}

.cmp-multi-content-item__content-toggle,
.cmp-multi-content-item__expand {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  justify-content: center;
  line-height: var(--body-2-line-height);
  min-height: 3.25rem;
  padding: .25rem;
  text-align: center;
  text-align: left;
  text-decoration: none
}

.cmp-multi-content-item__content-toggle,
.cmp-multi-content-item__content-toggle:active,
.cmp-multi-content-item__content-toggle:focus,
.cmp-multi-content-item__content-toggle:hover,
.cmp-multi-content-item__expand,
.cmp-multi-content-item__expand:active,
.cmp-multi-content-item__expand:focus,
.cmp-multi-content-item__expand:hover {
  background-color: #0000;
  color: #000
}

@media screen and (hover:hover) and (pointer:fine) {

  .cmp-multi-content-item__content-toggle:hover,
  .cmp-multi-content-item__expand:hover {
    background-color: #0000;
    box-shadow: none;
    color: #000
  }
}

.cmp-multi-content-item__content-toggle:focus,
.cmp-multi-content-item__content-toggle:focus-visible,
.cmp-multi-content-item__expand:focus,
.cmp-multi-content-item__expand:focus-visible {
  outline: none
}

.cmp-multi-content-item__content-toggle:focus-visible,
.cmp-multi-content-item__content-toggle:focus-visible:hover,
.cmp-multi-content-item__expand:focus-visible,
.cmp-multi-content-item__expand:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {

  .cmp-multi-content-item__content-toggle.focus-visible,
  .cmp-multi-content-item__expand.focus-visible {
    outline: none
  }

  .cmp-multi-content-item__content-toggle.focus-visible,
  .cmp-multi-content-item__content-toggle.focus-visible:hover,
  .cmp-multi-content-item__expand.focus-visible,
  .cmp-multi-content-item__expand.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-multi-content-item__content-toggle:focus-visible,
.cmp-multi-content-item__expand:focus-visible {
  color: #000
}

@supports (display:block) {

  .cmp-multi-content-item__content-toggle.focus-visible,
  .cmp-multi-content-item__expand.focus-visible {
    color: #000
  }
}

.cmp-multi-content-item__content-toggle:focus-visible,
.cmp-multi-content-item__expand:focus-visible {
  background-color: #0000
}

@supports (display:block) {

  .cmp-multi-content-item__content-toggle.focus-visible,
  .cmp-multi-content-item__expand.focus-visible {
    background-color: #0000
  }
}

.cmp-multi-content-item__content-toggle:disabled,
.cmp-multi-content-item__content-toggle[aria-disabled=true],
.cmp-multi-content-item__expand:disabled,
.cmp-multi-content-item__expand[aria-disabled=true] {
  pointer-events: none
}

.cmp-multi-content-item__expand {
  display: none;
  gap: .5rem;
  height: inherit;
  justify-content: space-between;
  padding: 1.5rem 0;
  width: inherit
}

.cmp-multi-content-item__expand .cmp-multi-content-item__expand-title {
  -webkit-line-clamp: var(--singleline-support, 2);
  -webkit-box-orient: vertical;
  display: var(--singleline-support, -webkit-box);
  overflow: hidden;
  text-overflow: ellipsis
}

.cmp-multi-content-item__expand .cmp-multi-content-item__expand-icon {
  margin: 0 .75rem
}

.cmp-multi-content-item__expand .cmp-multi-content-item__expand-icon:before {
  font-size: 1rem;
  font-weight: 400
}

@media screen and (min-width:1280px) {
  .cmp-multi-content-item__expand {
    display: flex
  }
}

.cmp-multi-content-item__content--stretch .cmp-multi-content-item__content-scrollable>:last-child {
  display: flex;
  flex: 1;
  flex-direction: column
}

.cmp-multi-content-item__content--stretch .cmp-multi-content-item__content-scrollable>:last-child:before {
  content: "";
  display: flex;
  flex: 1
}

.cmp-multi-content-item__content {
  background: #fff;
  border: .0625rem solid #e6e6e6;
  min-height: var(--multicontent-gallery-card-height);
  overflow: hidden
}

.cmp-multi-content-item__content:after {
  background: inherit;
  bottom: .0625rem;
  content: "";
  
  position: absolute;
  right: .0625rem;
  top: .0625rem;
  width: 1.5rem
}

.cmp-multi-content-item__content,
.cmp-multi-content-item__content .cmp-multi-content-item__content-scrollable {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: .75rem;
  padding: 1.5rem .75rem .75rem
}

.cmp-multi-content-item__content .cmp-multi-content-item__content-scrollable {
  padding-top: 0
}

.cmp-multi-content-item__content:not(.cmp-multi-content-item__content--expanded) {
  max-height: var(--multicontent-gallery-card-height)
}

.cmp-multi-content-item__content:not(.cmp-multi-content-item__content--expanded) .cmp-multi-content-item__content-scrollable {
  overflow: hidden
}

.cmp-multi-content-item__content .cmp-multi-content-item__content-toggle {
  gap: .25rem;
  justify-content: start;
  margin: 0 .75rem .75rem;
  min-height: auto;
  padding: 0 1.5rem;
  position: relative
}

.cmp-multi-content-item__content .cmp-multi-content-item__content-toggle:before {
  content: attr(data-text-more)
}

.cmp-multi-content-item__content .cmp-multi-content-item__content-toggle:not(.cmp-multi-content-item__content-toggle--visible) {
  display: none
}

.cmp-multi-content-item__content .cmp-multi-content-item__expand-icon {
  left: -.125rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.cmp-multi-content-item__content .cmp-multi-content-item__expand-icon:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-multi-content-item__content.cmp-multi-content-item__content--expanded {
  max-height: var(--multicontent-gallery-content-max-height, var(--multicontent-gallery-card-height))
}

.cmp-multi-content-item__content.cmp-multi-content-item__content--expanded:after {
  opacity: 0
}

.cmp-multi-content-item__content.cmp-multi-content-item__content--expanded .cmp-multi-content-item__content-toggle:before {
  content: attr(data-text-less)
}

.cmp-multi-content-item__content.cmp-multi-content-item__content--expanded .cmp-multi-content-item__content-scrollable {
  overflow: hidden auto;
  scrollbar-color: #4d4d4d #e6e6e6;
  scrollbar-width: thin
}

.cmp-multi-content-item__content.cmp-multi-content-item__content--expanded .cmp-multi-content-item__content-scrollable::-webkit-scrollbar {
  height: .25rem;
  width: .25rem
}

.cmp-multi-content-item__content.cmp-multi-content-item__content--expanded .cmp-multi-content-item__content-scrollable::-webkit-scrollbar-thumb {
  background: #4d4d4d;
  border-radius: .5rem
}

.cmp-multi-content-item__content.cmp-multi-content-item__content--expanded .cmp-multi-content-item__content-scrollable::-webkit-scrollbar-track {
  background: #e6e6e6;
  border-radius: .5rem
}

.cmp-multi-content-item__content.cmp-multi-content-item__content--expanded .cmp-multi-content-item__expand-icon {
  transform: translateY(-50%) rotate(-180deg)
}

.cmp-multi-content-item__media {
  aspect-ratio: var(--multicontent-gallery-media-ratio);
  background: #262626
}

body:not([data-wcag-aa]) .cmp-multi-content-item__media {
  pointer-events: none
}

.style-container--fixed .multicontentgallery-component-wrapper .cmp-multi-content {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 100%
}

.style-container--fixed .multicontentgallery-component-wrapper .cmp-multi-content .cmp-multi-content__slider.cmp-multi-content__slider--content {
  bottom: 0;
  height: min-content;
  left: 0;
  margin: 0 0 24px 24px;
  padding: 0;
  position: absolute;
  right: 0;
  z-index: 10
}

.style-container--fixed .multicontentgallery-component-wrapper .cmp-multi-content .cmp-multi-content__slider.cmp-multi-content__slider--content .cmp-multi-content__slide {
  align-items: end;
  display: flex;
  height: min-content
}

@media screen and (min-width:1024px) {
  .style-container--fixed .multicontentgallery-component-wrapper .cmp-multi-content .cmp-multi-content__slider.cmp-multi-content__slider--content {
    margin: 0 0 36px 36px
  }
}

@media screen and (min-width:1920px) {
  .style-container--fixed .multicontentgallery-component-wrapper .cmp-multi-content .cmp-multi-content__slider.cmp-multi-content__slider--content {
    margin: 0 0 3pc 3pc
  }
}

.multicontentgallery-component-wrapper .cmp-multi-content[data-initialized=false] .cmp-multi-content__slide {
  opacity: 0
}

.multicontentgallery-component-wrapper .cmp-multi-content[data-initialized=false] .cmp-multi-content__slider--content {
  display: flex;
  flex-wrap: nowrap
}

.multicontentgallery-component-wrapper .cmp-multi-content[data-initialized=false] .cmp-multi-content__slider--media .cmp-multi-content__slide:not(:first-of-type) {
  visibility: hidden
}

.multicontentgallery-component-wrapper .cmp-multi-content-item__wrapper {
  border: 0;
  margin: 0
}

.multicontentgallery-component-wrapper .cmp-multi-content-item__wrapper .cmp-multi-content-item__content {
  background-color: #0000;
  border-color: #0000;
  min-height: min-content;
  padding: 0
}

.multicontentgallery-component-wrapper .cmp-multi-content-item__wrapper .cmp-multi-content-item__content-scrollable {
  -webkit-mask: none;
  mask: none;
  padding: 0;
  width: 212px
}

@media screen and (min-width:768px) {
  .multicontentgallery-component-wrapper .cmp-multi-content-item__wrapper .cmp-multi-content-item__content-scrollable {
    width: 486px
  }
}

@media screen and (min-width:1024px) {
  .multicontentgallery-component-wrapper .cmp-multi-content-item__wrapper .cmp-multi-content-item__content-scrollable {
    width: 653px;
    width: 815px;
    width: 870px
  }
}

.cmp-multi-content__tabs--container {
  margin-top: 20px
}

@media screen and (min-width:1024px) {
  .cmp-multi-content__tabs--container {
    margin-top: 40px
  }
}

@media screen and (min-width:1280px) {
  .cmp-multi-content__tabs--container {
    margin-top: 3pc
  }
}

.style-container--fixed .cmp-multi-content__tabs--container.style-tabs--default .cmp-tabs__tabpanel {
  padding-top: 20px
}

@media screen and (min-width:1024px) {
  .style-container--fixed .cmp-multi-content__tabs--container.style-tabs--default .cmp-tabs__tabpanel {
    padding-top: 24px
  }
}

.style-container--fixed .cmp-multi-content__tabs--container.style-tabs--default .cmp-tabs__navigation {
  margin: -8px auto;
  width: 83.3333333333%
}

.style-container--fixed .cmp-multi-content__tabs--container.style-tabs--default .cmp-tabs__navigation:before {
  background-color: #fff;
  border-bottom: .0625rem solid #e6e6e6;
  bottom: .5rem;
  box-shadow: none;
  content: "";
  position: absolute;
  top: .5rem;
  transform: translateY(1px);
  width: 100%;
  z-index: -10
}

.style-container--fixed .cmp-multi-content__tabs--container.style-tabs--default .cmp-tabs__navigation .cmp-tabs__tablist:before {
  content: none
}

.multicontentgallery-component-wrapper .cmp-multi-content__tabs-container {
  margin-top: 20px
}

@media screen and (min-width:1024px) {
  .multicontentgallery-component-wrapper .cmp-multi-content__tabs-container {
    margin-top: 40px
  }
}

@media screen and (min-width:1280px) {
  .multicontentgallery-component-wrapper .cmp-multi-content__tabs-container {
    margin-top: 3pc
  }
}

.multicontentgallery-component-wrapper .cmp-tabs__tab {
  height: 5pc
}

.cmp-multi-content {
  overflow: hidden
}

.style-container--fixed .cmp-multi-content {
  margin-left: calc(var(--grid-full)*-1);
  margin-right: calc(var(--grid-full)*-1);
  max-width: 120rem;
  width: calc(100% + var(--grid-full)*2)
}

@media screen {
  .cmp-multi-content {
    --multicontent-gallery-card-height: 15.625rem;
    --multicontent-gallery-card-width: calc(83.33333% + var(--grid-gutter)*2)
  }
}

@media screen and (min-width:768px) {
  .cmp-multi-content {
    --multicontent-gallery-card-height: 11.25rem;
    --multicontent-gallery-card-width: 83.3333333333%
  }
}

@media screen and (min-width:1024px) {
  .cmp-multi-content {
    --multicontent-gallery-card-height: 11.25rem;
    --multicontent-gallery-card-width: 75%
  }
}

@media screen and (min-width:1280px) {
  .cmp-multi-content {
    --multicontent-gallery-card-height: 14.375rem;
    --multicontent-gallery-card-width: 25%
  }
}

@media screen and (min-width:1920px) {
  .cmp-multi-content {
    --multicontent-gallery-card-height: 12.5rem
  }
}

@media screen {
  .cmp-multi-content {
    --multicontent-gallery-media-ratio: 1
  }
}

@media screen and (min-width:1024px) {
  .cmp-multi-content {
    --multicontent-gallery-media-ratio: 3
  }
}

.cmp-multi-content__slider--media {
  aspect-ratio: var(--multicontent-gallery-media-ratio)
}

.cmp-multi-content__slider--content {
  margin: 0 calc(var(--grid-gutter)*-1)
}

.style-container--fixed .cmp-multi-content__slider--content {
  padding-left: var(--grid-full);
  padding-right: var(--grid-full)
}

.cmp-multi-content__slider--content .cmp-multi-content__slide {
  align-items: end;
  display: flex;
  height: auto;
  width: var(--multicontent-gallery-card-width)
}

@media screen and (max-width:1279px) {
  .cmp-multi-content__slider--content .cmp-multi-content__slide:last-child {
    padding-right: calc(100% - var(--multicontent-gallery-card-width));
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .cmp-multi-content__slider--content .cmp-multi-content__slide:last-child:first-child {
    padding-right: 0
  }
}

@media screen {
  .cmp-multi-content__slider--content {
    height: var(--multicontent-gallery-card-height);
    margin-top: -2.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-multi-content__slider--content {
    height: 4rem;
    margin-top: 2.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-multi-content__slider--content {
    margin-top: 3rem
  }
}

.cmp-multi-content:not([data-initialized=true]) .cmp-multi-content__slider--media .cmp-multi-content__slide:not(:first-of-type) {
  visibility: hidden
}

.cmp-multi-content:not([data-initialized=true]) .cmp-multi-content__slider--content {
  display: flex;
  flex-wrap: nowrap
}

.cmp-multi-content:not([data-initialized=true]) .cmp-multi-content__slide {
  opacity: 0
}

.cmp-modelselection {
  margin: 0 auto
}

.cmp-modelselection a[href^="tel:"]:not([data-phone-link]) {
  color: inherit;
  display: contents;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  
  text-decoration: none
}

@media screen and (min-width:1024px) {
  .cmp-modelselection {
    margin-bottom: 3rem
  }

  .cmp-modelselection__top-wrapper.cmp-modelselection__hotkeys--active {
    column-gap: 1.5rem;
    display: grid;
    grid-template-columns: 2fr 1fr
  }
}

.is-touch .cmp-modelcard:hover .cmp-modelcard__cosy-img,
.is-touch .cmp-modelcard:hover .cmp-modelcard__dam-img {
  transform: none
}

@media screen and (min-width:1024px) {

  .is-touch .cmp-modelcard:hover .cmp-modelcard__cosy-img,
  .is-touch .cmp-modelcard:hover .cmp-modelcard__dam-img {
    transform: translateY(-72.8%)
  }
}

@media screen and (max-width:767px) {

  .is-touch .cmp-modelcard:not(:first-child):hover .cmp-modelcard__cosy-img,
  .is-touch .cmp-modelcard:not(:first-child):hover .cmp-modelcard__dam-img,
  .is-touch .cmp-modelcard__list-view:hover .cmp-modelcard__cosy-img,
  .is-touch .cmp-modelcard__list-view:hover .cmp-modelcard__dam-img {
    transform: none
  }
}

.cmp-modelselection__group {
  border-top: 1px solid #e6e6e6;
  padding-bottom: 2rem
}

.cmp-modelselection__group-name {
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height);
  margin-top: -3.25rem;
  padding: 4.75rem 0 .5rem;
  text-transform: uppercase
}

.cmp-modelselection__group-name-i {
  text-transform: none
}

.cmp-modelselection__group-list {
  display: grid
}

.cmp-modelselection__no-results {
  border-top: 1px solid #e6e6e6;
  padding: 1.5rem 0 1rem;
  text-align: center
}

.cmp-modelselection__no-results--hide {
  display: none
}

.cmp-modelselection__no-results-title {
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-2-line-height);
  padding: 0 0 1rem;
  text-transform: uppercase
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-modelselection__group-name {
    margin-top: -4rem;
    padding: 6rem 0 .5rem
  }

  .cmp-modelselection__group-list {
    grid-gap: 0 1rem;
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1024px) {
  .cmp-modelselection__group-name {
    margin-top: -4rem;
    padding: 6rem 0 1rem
  }

  .cmp-modelselection__group-list {
    grid-gap: 0 1.5rem;
    grid-template-columns: repeat(4, 1fr)
  }
}

.cmp-modelselection__model-icon {
  padding-right: .25rem
}

.cmp-modelselection__hotkeys {
  background-color: #f2f2f2;
  display: none;
  margin-bottom: 1rem;
  padding: 1rem
}

.cmp-modelselection__hotkeys--active .cmp-modelselection__hotkeys {
  display: block
}

.cmp-modelselection__hotkeys .cmp-modelselection__hotkeys-title {
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height);
  margin-bottom: .5rem;
  text-transform: uppercase
}

.cmp-modelselection__hotkeys .cmp-modelselection__hotkeys-list {
  list-style: none;
  margin-top: 1rem
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-modelselection__hotkeys .cmp-modelselection__hotkeys-list {
    column-count: 2
  }
}

.cmp-modelselection__hotkeys .cmp-modelselection__hotkey {
  align-items: center;
  display: flex;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  margin-bottom: .25rem
}

.cmp-modelselection__hotkeys .cmp-modelselection__hotkey .cmp-modelselection__key {
  background-color: #fff;
  border-radius: .25rem;
  min-height: 1.5rem;
  min-width: 1.5rem;
  padding: 0 .5rem;
  text-align: center
}

.cmp-modelselection__hotkeys .cmp-modelselection__hotkey .cmp-modelselection__key-description {
  padding: 0 .5rem
}

@media screen and (min-width:1024px) {
  .cmp-modelselection__hotkeys {
    margin-bottom: 1.5rem;
    order: 2;
    padding: 1.5rem
  }
}

.cmp-modelselection__detail-view {
  display: flex;
  flex-direction: column;
  grid-column: span 1;
  padding: 3rem 0;
  position: relative
}

.cmp-modelselection__detail-view a[href^="tel:"]:not([data-phone-link]) {
  color: inherit;
  display: contents;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  
  text-decoration: none
}

.cmp-modelselection__detail-view:focus {
  outline: none
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--image-wrap {
  margin: 0 auto;
  
  position: relative;
  width: 100%;
  z-index: 10
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--image,
.cmp-modelselection__detail-view .cmp-modelselection__detail-view--image360 {
  margin: -13px auto 0;
  min-height: 200px;
  transition: min-height .2s ease-in, opacity .2s ease-in
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--image--dam.style-lazyload__loaded,
.cmp-modelselection__detail-view .cmp-modelselection__detail-view--image.style-lazyload__loaded {
  min-height: auto
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--data-links-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: grid;
  grid-template-columns: 1fr;
  margin-top: -65px;
  width: 100%
}

@media screen and (min-width:1024px) and (max-width:1279px) {
  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--data-links-wrap {
    border-color: #f2f2f2;
    border-style: solid;
    border-width: 0 1.5rem;
    margin-left: -3rem;
    width: calc(100% + 6rem)
  }
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--data-wrap {
  background-color: #f2f2f2;
  padding: 2.75rem 1.5rem 0
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--link {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  justify-content: center;
  line-height: var(--body-2-line-height);
  margin: 0;
  min-height: 3.25rem;
  min-width: 12rem;
  min-width: 100%;
  padding: .25rem;
  text-align: center
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--link,
.cmp-modelselection__detail-view .cmp-modelselection__detail-view--link:focus,
.cmp-modelselection__detail-view .cmp-modelselection__detail-view--link:hover {
  box-shadow: inset 0 0 0 1px #262626;
  color: #262626
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--link,
.cmp-modelselection__detail-view .cmp-modelselection__detail-view--link:active,
.cmp-modelselection__detail-view .cmp-modelselection__detail-view--link:disabled,
.cmp-modelselection__detail-view .cmp-modelselection__detail-view--link:focus,
.cmp-modelselection__detail-view .cmp-modelselection__detail-view--link:hover {
  background: transparent
}

@media (hover:hover) and (pointer:fine) {

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--link:active,
  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--link:hover {
    box-shadow: inset 0 0 0 2px #262626;
    color: #262626
  }
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--link:disabled {
  box-shadow: inset 0 0 0 1px #e6e6e6;
  color: #bbb;
  pointer-events: none
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--link:focus,
.cmp-modelselection__detail-view .cmp-modelselection__detail-view--link:focus-visible {
  outline: none
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--link:focus-visible,
.cmp-modelselection__detail-view .cmp-modelselection__detail-view--link:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--link.focus-visible {
    outline: none
  }

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--link.focus-visible,
  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--link.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--link:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--link.focus-visible {
    color: #1c69d4
  }
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--cta-wrap {
  background-color: #f2f2f2;
  padding: 1.5rem
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--cta-wrap:nth-child(2) {
  margin-top: -.25rem
}

.cmp-modelselection__detail-view .cmp-modelselection__cta-empty {
  display: none
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--labels {
  display: flex
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--labels {
    flex-direction: row-reverse;
    justify-content: flex-end
  }
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--subbrands {
  margin-bottom: .25rem;
  margin-right: .25rem
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--subbrands .cmp-modelselection__detail-view--subbrand {
  align-items: center;
  display: flex;
  margin-right: .25rem;
  max-height: 1rem
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--new-model-label {
  background-color: #4d4d4d;
  color: #fff;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  margin-bottom: .5rem;
  margin-right: .5rem;
  padding: 0 .25rem
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--close-button {
  background-color: initial;
  color: #262626;
  height: 3rem;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 3rem;
  z-index: 20
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--close-button:focus,
.cmp-modelselection__detail-view .cmp-modelselection__detail-view--close-button:focus-visible {
  outline: none
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--close-button:focus-visible,
.cmp-modelselection__detail-view .cmp-modelselection__detail-view--close-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--close-button.focus-visible {
    outline: none
  }

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--close-button.focus-visible,
  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--close-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--close-button:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "close";
  direction: ltr;
  display: block;
  display: inline-block;
  font-family: bmw_next_icons;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid transparent;
  text-align: left;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--close-button:before {
    display: none
  }
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--close-button:focus,
.cmp-modelselection__detail-view .cmp-modelselection__detail-view--close-button:hover {
  background-color: initial
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--name {
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-2-line-height);
  margin-bottom: .25rem;
  z-index: 20
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--fuel-type {
  color: #4d4d4d;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  margin-bottom: .5rem
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--fuel-type--dot {
  color: #bbb;
  display: inline-block;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  margin: 0 .25rem
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--price {
  align-items: center;
  display: flex;
  font-size: var(--body-1-font-size);
  font-weight: var(--price-font-weight);
  line-height: var(--body-1-line-height)
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--upcoming-fuel-types {
  padding: 1rem 1.5rem
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--selected {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@media screen and (max-width:767px) {

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--image,
  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--image360,
  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--image--dam {
    max-width: 25pc;
    width: 100%
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-modelselection__detail-view {
    grid-column: span 2;
    padding: 0 0 3rem
  }

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--image-wrap {
    margin: 0 auto;
    width: 100%;
    z-index: 10
  }

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--image,
  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--image360,
  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--image--dam {
    margin: -23px auto 0;
    min-height: 310px;
    width: 92.307692%
  }

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--data-links-wrap {
    grid-template-columns: repeat(2, 1fr);
    margin-top: -17%
  }

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--data-wrap {
    grid-column: span 2;
    padding: 4.25rem 1.5rem 1rem
  }

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--cta-wrap:nth-child(2) {
    margin-top: 0
  }

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--fuel-and-price-wrap {
    display: flex;
    justify-content: space-between
  }

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--fuel-type {
    margin-bottom: 0
  }

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--price {
    margin-top: -.5rem
  }

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--upcoming-fuel-types {
    padding: .75rem 1.5rem
  }
}

@media screen and (min-width:768px) {
  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--cta-wrap:nth-child(2) {
    margin-top: 0
  }
}

@media screen and (min-width:1024px) {
  .cmp-modelselection__detail-view {
    grid-column: span 4;
    padding: 0 0 3rem
  }

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--image-wrap {
    height: 280px;
    margin: auto;
    width: 100%;
    z-index: 10
  }

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--image,
  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--image360,
  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--image--dam {
    margin-top: -1.9557823129%;
    min-height: 20pc;
    width: 54.421769%
  }

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--data-links-wrap {
    grid-template-columns: 4fr 3fr 2.5fr 2.5fr;
    margin-top: calc(-289.03226px + 16.12903%)
  }

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--data-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1.5rem
  }

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--data--no-labels .cmp-modelselection__detail-view--name {
    width: 85%
  }

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--cta-wrap {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
  }

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--link {
    z-index: 30
  }

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--upcoming-fuel-types {
    padding: .75rem 1.5rem
  }

  .cmp-modelselection__detail-view .cmp-modelselection__detail-view--data {
    padding-bottom: 1rem
  }
}

.cmp-modelselection__primary-cta-con .cmp-modelselection__cta-id-configurator,
.cmp-modelselection__primary-cta-stock .cmp-modelselection__cta-id-stock-car-locator {
  border: 0;
  box-shadow: none
}

.cmp-modelselection__primary-cta-con .cmp-modelselection__cta-id-configurator,
.cmp-modelselection__primary-cta-con .cmp-modelselection__cta-id-configurator:focus,
.cmp-modelselection__primary-cta-con .cmp-modelselection__cta-id-configurator:hover,
.cmp-modelselection__primary-cta-stock .cmp-modelselection__cta-id-stock-car-locator,
.cmp-modelselection__primary-cta-stock .cmp-modelselection__cta-id-stock-car-locator:focus,
.cmp-modelselection__primary-cta-stock .cmp-modelselection__cta-id-stock-car-locator:hover {
  background-color: #1c69d4;
  color: #f6f6f6
}

@media (hover:hover) and (pointer:fine) {

  .cmp-modelselection__primary-cta-con .cmp-modelselection__cta-id-configurator:active,
  .cmp-modelselection__primary-cta-con .cmp-modelselection__cta-id-configurator:hover,
  .cmp-modelselection__primary-cta-stock .cmp-modelselection__cta-id-stock-car-locator:active,
  .cmp-modelselection__primary-cta-stock .cmp-modelselection__cta-id-stock-car-locator:hover {
    background-color: #0653b6;
    box-shadow: none;
    color: #f6f6f6
  }
}

.cmp-modelselection__primary-cta-con .cmp-modelselection__cta-id-configurator:focus,
.cmp-modelselection__primary-cta-con .cmp-modelselection__cta-id-configurator:focus-visible,
.cmp-modelselection__primary-cta-stock .cmp-modelselection__cta-id-stock-car-locator:focus,
.cmp-modelselection__primary-cta-stock .cmp-modelselection__cta-id-stock-car-locator:focus-visible {
  outline: none
}

.cmp-modelselection__primary-cta-con .cmp-modelselection__cta-id-configurator:focus-visible,
.cmp-modelselection__primary-cta-con .cmp-modelselection__cta-id-configurator:focus-visible:hover,
.cmp-modelselection__primary-cta-stock .cmp-modelselection__cta-id-stock-car-locator:focus-visible,
.cmp-modelselection__primary-cta-stock .cmp-modelselection__cta-id-stock-car-locator:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {

  .cmp-modelselection__primary-cta-con .cmp-modelselection__cta-id-configurator.focus-visible,
  .cmp-modelselection__primary-cta-stock .cmp-modelselection__cta-id-stock-car-locator.focus-visible {
    outline: none
  }

  .cmp-modelselection__primary-cta-con .cmp-modelselection__cta-id-configurator.focus-visible,
  .cmp-modelselection__primary-cta-con .cmp-modelselection__cta-id-configurator.focus-visible:hover,
  .cmp-modelselection__primary-cta-stock .cmp-modelselection__cta-id-stock-car-locator.focus-visible,
  .cmp-modelselection__primary-cta-stock .cmp-modelselection__cta-id-stock-car-locator.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-modelselection__primary-cta-con .cmp-modelselection__cta-id-configurator:focus-visible,
.cmp-modelselection__primary-cta-stock .cmp-modelselection__cta-id-stock-car-locator:focus-visible {
  color: #f6f6f6
}

@supports (display:block) {

  .cmp-modelselection__primary-cta-con .cmp-modelselection__cta-id-configurator.focus-visible,
  .cmp-modelselection__primary-cta-stock .cmp-modelselection__cta-id-stock-car-locator.focus-visible {
    color: #f6f6f6
  }
}

.cmp-modelselection__primary-cta-con .cmp-modelselection__cta-id-configurator:focus-visible,
.cmp-modelselection__primary-cta-stock .cmp-modelselection__cta-id-stock-car-locator:focus-visible {
  background-color: #0653b6
}

@supports (display:block) {

  .cmp-modelselection__primary-cta-con .cmp-modelselection__cta-id-configurator.focus-visible,
  .cmp-modelselection__primary-cta-stock .cmp-modelselection__cta-id-stock-car-locator.focus-visible {
    background-color: #0653b6
  }
}

.cmp-modelselection__primary-cta-con .cmp-modelselection__cta-id-configurator:disabled,
.cmp-modelselection__primary-cta-stock .cmp-modelselection__cta-id-stock-car-locator:disabled {
  background-color: #bbd2f3
}

.cmp-modelselection__detail-view--cta-1 .cmp-modelselection__detail-view--data-links-wrap {
  grid-column-gap: 0;
  grid-row-gap: 0
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-modelselection__detail-view--cta-1 .cmp-modelselection__detail-view--data-links-wrap {
    background-color: #f2f2f2
  }

  .cmp-modelselection__detail-view--cta-1 .cmp-modelselection__detail-view--data-links-wrap .cmp-modelselection__detail-view--data-wrap {
    padding-bottom: 0
  }
}

@media screen and (min-width:1024px) {
  .cmp-modelselection__detail-view--cta-1 .cmp-modelselection__detail-view--data-links-wrap {
    background-color: #f2f2f2;
    grid-template-columns: 1fr 2fr;
    min-height: 9.75rem
  }

  .cmp-modelselection__detail-view--cta-1 .cmp-modelselection__detail-view--data-links-wrap .cmp-modelselection__detail-view--cta-wrap:nth-child(2) {
    grid-column: 3
  }

  .cmp-modelselection__detail-view--cta-2 .cmp-modelselection__detail-view--data-links-wrap,
  .cmp-modelselection__detail-view--cta-3 .cmp-modelselection__detail-view--data-links-wrap {
    grid-template-columns: 1fr 1fr 1fr;
    min-height: 9.75rem
  }
}

.cmp-modelselection__detail-view--cta-3 .cmp-modelselection__detail-view--data-links-wrap .cmp-modelselection__detail-view--cta-wrap:last-child {
  display: none
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-modelselection__detail-view--cta-3 .cmp-modelselection__detail-view--data-links-wrap .cmp-modelselection__detail-view--cta-wrap:last-child {
    display: flex
  }
}

.cmp-modelselection__detail-view--cta-2 .cmp-modelselection__detail-view--data-links-wrap .cmp-modelselection__detail-view--cta-wrap:last-child {
  display: none
}

@media screen and (min-width:1024px) {
  .cmp-modelselection__detail-view--cta-2 .cmp-modelselection__detail-view--data-links-wrap .cmp-modelselection__detail-view--cta-wrap:last-child {
    display: flex
  }

  .cmp-modelselection__detail-view--cta-3 .cmp-modelselection__detail-view--data-links-wrap,
  .cmp-modelselection__detail-view--cta-4 .cmp-modelselection__detail-view--data-links-wrap {
    min-height: 14rem
  }
}

.cmp-modelselection__detail-view-fullscreen {
  background: #fff;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 6050
}

@media screen and (min-width:1024px) {
  .cmp-modelselection__detail-view--cta-icon[data-icon] {
    color: #262626;
    display: block;
    padding-bottom: 1rem
  }

  .cmp-modelselection__detail-view--cta-icon[data-icon]:before {
    font-size: 3rem;
    font-weight: 300
  }
}

.cmp-modelselection__detail-view.cmp-modelselection__detail-view__animation {
  animation: slideToggle .5s cubic-bezier(0, .5, .5, 1)
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-200px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes slideToggle {
  0% {
    max-height: 0;
    transform: translateY(-200px)
  }

  to {
    max-height: 700px;
    transform: translateY(0)
  }
}

.cmp-modelselection__detail-view.cmp-modelselection__detail-view__animation .cmp-modelselection__detail-view--image,
.cmp-modelselection__detail-view.cmp-modelselection__detail-view__animation .cmp-modelselection__detail-view--image360,
.cmp-modelselection__detail-view.cmp-modelselection__detail-view__animation .cmp-modelselection__detail-view__container {
  animation: fadeIn .5s cubic-bezier(0, .5, .5, 1) .5s;
  opacity: 0
}

.cmp-modelselection__detail-view.cmp-modelselection__detail-view__animation .cmp-modelselection__detail-view--close-button {
  animation: fadeInIcon .5s cubic-bezier(0, .5, .5, 1) .5s
}

.cmp-modelselection__detail-view.cmp-modelselection__detail-view__animation.cmp-modelselection__visible .cmp-modelselection__detail-view--image,
.cmp-modelselection__detail-view.cmp-modelselection__detail-view__animation.cmp-modelselection__visible .cmp-modelselection__detail-view__container {
  opacity: 1
}

@media screen and (min-width:600px) and (max-width:1023px) and (orientation:portrait) {
  @keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(-40px)
    }

    to {
      opacity: 1;
      transform: translateY(0)
    }
  }

  @keyframes fadeInIcon {
    0% {
      opacity: 0
    }

    to {
      opacity: 1
    }
  }

  @keyframes slideToggle {
    0% {
      max-height: 0;
      transform: translateY(-40px)
    }

    to {
      max-height: 700px;
      transform: translateY(0)
    }
  }
}

@media screen and (min-width:1024px) {
  @keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(-5pc)
    }

    to {
      opacity: 1;
      transform: translateY(0)
    }
  }

  @keyframes fadeInIcon {
    0% {
      opacity: 0
    }

    to {
      opacity: 1
    }
  }

  @keyframes slideToggle {
    0% {
      max-height: 0;
      transform: translateY(-5pc)
    }

    to {
      max-height: 700px;
      transform: translateY(0)
    }
  }
}

.cmp-modelselection__detail-view .cmp-modelselection__picture--detailview {
  display: initial
}

@keyframes fadeInIcon {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.cmp-modelselection__360-template {
  display: none
}

.cmp-modelselection__detail-view--image360 {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--image360,
.cmp-modelselection__detail-view .cmp-modelselection__detail-view--image-fallback,
.cmp-modelselection__detail-view.cmp-modelselection__detail-view__animation .cmp-modelselection__detail-view--image360,
.cmp-modelselection__detail-view.cmp-modelselection__detail-view__animation .cmp-modelselection__detail-view--image-fallback,
.cmp-modelselection__detail-view.cmp-modelselection__detail-view__animation.cmp-modelselection__visible .cmp-modelselection__detail-view--image360,
.cmp-modelselection__detail-view.cmp-modelselection__detail-view__animation.cmp-modelselection__visible .cmp-modelselection__detail-view--image-fallback {
  opacity: 0;
  pointer-events: none
}

.cmp-modelselection__detail-view .cmp-modelselection__detail-view--image360-loaded,
.cmp-modelselection__detail-view.cmp-modelselection__detail-view__animation .cmp-modelselection__detail-view--image360-loaded,
.cmp-modelselection__detail-view.cmp-modelselection__detail-view__animation.cmp-modelselection__visible .cmp-modelselection__detail-view--image360-loaded {
  opacity: 1;
  pointer-events: all
}

.cmp-modelselection__detail-view--icon360 {
  animation: fadeInIcon 2s;
  font-size: 3rem;
  position: absolute;
  top: 0
}

@media screen {
  .cmp-modelselection__detail-view--icon360 {
    padding-left: 2%
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-modelselection__detail-view--icon360 {
    font-size: 4rem;
    padding-left: 5%;
    top: .75rem
  }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
  .cmp-modelselection__detail-view--icon360 {
    font-size: 4rem;
    padding-left: 22%;
    top: .5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-modelselection__detail-view--icon360 {
    font-size: 4rem;
    padding-left: 24%;
    top: 1rem
  }
}

.cmp-modelfilter__title {
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height);
  margin: 1rem 0;
  text-transform: uppercase
}

@media screen and (min-width:1024px) {
  .cmp-modelfilter__title {
    margin: 1.5rem 0
  }
}

.cmp-modelfilter__button-wrap {
  align-items: center;
  display: flex;
  margin-bottom: 1.5rem;
  margin-left: -1.5rem;
  margin-top: -.5rem;
  overflow-x: auto;
  overflow-y: hidden;
  padding: .25rem 1.5rem;
  width: calc(100% + 1.5rem)
}

@media screen and (min-width:768px) {
  .cmp-modelfilter__button-wrap {
    flex-wrap: wrap;
    margin-bottom: 1rem;
    overflow-x: initial;
    overflow-y: initial;
    width: calc(100% + 3rem)
  }

  .cmp-modelfilter__button-wrap .cmp-modelfilter__toggle {
    margin-bottom: .5rem
  }
}

.cmp-modelfilter__button:last-child:after {
  content: "";
  height: 100%;
  position: absolute;
  right: -1.5rem;
  width: 1.5rem
}

.cmp-modelfilter__more-filter-button {
  min-height: 2.25rem;
  width: -webkit-max-content;
  width: max-content
}

.cmp-modelfilter__number-wrap {
  color: #262626;
  display: inline-flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  margin-bottom: 1rem
}

.cmp-modelfilter__number {
  text-decoration: underline
}

.cmp-modelfilter__card-hide,
.cmp-modelfilter__group-hide {
  display: none
}

@media screen and (max-width:767px) {
  .cmp-modelfilter__card-hide.cmp-modelcard:not(:first-child) {
    display: none
  }
}

.cmp-modelfilter__overlay-wrap {
  margin-bottom: 1.25rem;
  margin-top: -1.25rem
}

.cmp-modelfilter__overlay-wrap .cmp-overlay {
  z-index: 6050
}

.cmp-modelfilter__overlay-group {
  border: 0;
  margin: 0 0 1.5rem;
  padding: 0
}

.cmp-modelfilter__overlay-group--hidden {
  display: none
}

.cmp-modelfilter__overlay-group-heading {
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-2-line-height);
  margin-bottom: 1rem
}

.cmp-modelfilter__overlay-footer,
.cmp-modelfilter__overlay-group-filter {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  row-gap: 1rem;
  z-index: 30
}

@media screen and (min-width:768px) {

  .cmp-modelfilter__overlay-footer,
  .cmp-modelfilter__overlay-group-filter {
    column-gap: 1.5rem;
    grid-template-columns: 1fr 1fr
  }
}

.cmp-modelfilter__overlay-group-filter--column-flow {
  display: block;
  margin-bottom: -.6875rem
}

.cmp-modelfilter__overlay-group-filter--column-flow .cmp-modelfilter__checkbox {
  margin-bottom: .6875rem;
  padding-top: .3125rem
}

.cmp-modelfilter__overlay-group-filter--column-flow .cmp-modelfilter__checkbox-icon {
  top: auto
}

@media screen and (min-width:768px) {
  .cmp-modelfilter__overlay-group-filter--column-flow {
    column-count: 2
  }
}

@media screen and (max-width:767px) {
  .cmp-modelfilter__overlay-footer {
    height: 8rem;
    padding-bottom: 0;
    padding-top: 1rem;
    row-gap: 0
  }
}

.cmp-modelfilter__toggle {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  justify-content: center;
  line-height: var(--body-2-line-height);
  margin-right: .5rem;
  min-height: 2.25rem;
  padding: 0 1rem;
  text-align: center;
  transition: all .25s ease-in-out;
  white-space: nowrap
}

.cmp-modelfilter__toggle,
.cmp-modelfilter__toggle:focus,
.cmp-modelfilter__toggle:hover {
  box-shadow: inset 0 0 0 1px #bbb;
  color: #666
}

.cmp-modelfilter__toggle,
.cmp-modelfilter__toggle:active,
.cmp-modelfilter__toggle:disabled,
.cmp-modelfilter__toggle:focus,
.cmp-modelfilter__toggle:hover {
  background: transparent
}

@media (hover:hover) and (pointer:fine) {

  .cmp-modelfilter__toggle:active,
  .cmp-modelfilter__toggle:hover {
    box-shadow: inset 0 0 0 1px #262626;
    color: #262626
  }
}

.cmp-modelfilter__toggle:disabled {
  box-shadow: inset 0 0 0 1px #bbb;
  color: #bbb;
  pointer-events: none
}

.cmp-modelfilter__toggle:focus,
.cmp-modelfilter__toggle:focus-visible {
  outline: none
}

.cmp-modelfilter__toggle:focus-visible,
.cmp-modelfilter__toggle:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-modelfilter__toggle.focus-visible {
    outline: none
  }

  .cmp-modelfilter__toggle.focus-visible,
  .cmp-modelfilter__toggle.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-modelfilter__toggle:focus-visible {
  color: #262626
}

@supports (display:block) {
  .cmp-modelfilter__toggle.focus-visible {
    color: #262626
  }
}

.cmp-modelfilter__toggle[aria-pressed=true] {
  border: 0;
  box-shadow: none
}

.cmp-modelfilter__toggle[aria-pressed=true],
.cmp-modelfilter__toggle[aria-pressed=true]:focus,
.cmp-modelfilter__toggle[aria-pressed=true]:hover {
  background-color: #4d4d4d;
  color: #f6f6f6
}

@media (hover:hover) and (pointer:fine) {

  .cmp-modelfilter__toggle[aria-pressed=true]:active,
  .cmp-modelfilter__toggle[aria-pressed=true]:hover {
    background-color: #262626;
    box-shadow: none
  }
}

.cmp-modelfilter__toggle[aria-pressed=true]:focus,
.cmp-modelfilter__toggle[aria-pressed=true]:focus-visible {
  outline: none
}

.cmp-modelfilter__toggle[aria-pressed=true]:focus-visible,
.cmp-modelfilter__toggle[aria-pressed=true]:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-modelfilter__toggle[aria-pressed=true].focus-visible {
    outline: none
  }

  .cmp-modelfilter__toggle[aria-pressed=true].focus-visible,
  .cmp-modelfilter__toggle[aria-pressed=true].focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-modelfilter__toggle[aria-pressed=true]:focus-visible {
  background-color: #262626
}

@supports (display:block) {
  .cmp-modelfilter__toggle[aria-pressed=true].focus-visible {
    background-color: #262626
  }
}

.cmp-modelfilter__toggle[aria-pressed=true]:disabled {
  background-color: #bbb
}

.cmp-modelfilter__toggle-icon {
  color: currentColor;
  margin-right: .5rem;
  
  transition: transform .5s ease-in-out
}

.cmp-modelfilter__toggle-icon:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "plus";
  direction: ltr;
  display: block;
  font-family: bmw_next_icons;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid transparent;
  text-align: left;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-modelfilter__toggle-icon:before {
    display: none
  }
}

.cmp-modelfilter__toggle[aria-pressed=true] .cmp-modelfilter__toggle-icon {
  transform: rotate(45deg)
}

.cmp-modelfilter__toggle--selected-filter-template {
  display: none
}

.cmp-modelfilter__checkbox {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
  width: 100%
}

.cmp-modelfilter__input--checkbox {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0
}

.cmp-modelfilter__input--checkbox:focus,
.cmp-modelfilter__input--checkbox:focus-visible {
  outline: none
}

.cmp-modelfilter__input--checkbox:focus-visible+.cmp-modelfilter__checkbox-icon,
.cmp-modelfilter__input--checkbox:focus-visible:hover+.cmp-modelfilter__checkbox-icon {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-modelfilter__input--checkbox.focus-visible {
    outline: none
  }

  .cmp-modelfilter__input--checkbox.focus-visible+.cmp-modelfilter__checkbox-icon,
  .cmp-modelfilter__input--checkbox.focus-visible:hover+.cmp-modelfilter__checkbox-icon {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-modelfilter__checkbox-icon {
  background-color: initial;
  border: .125rem solid #bbb;
  color: #fff;
  height: 1.5rem;
  left: 0;
  
  position: absolute;
  top: 0;
  transition: background-color .25s ease-in-out, border .25s ease-in-out;
  width: 1.5rem
}

@media (hover:hover) and (pointer:fine) {
  .cmp-modelfilter__checkbox:hover .cmp-modelfilter__checkbox-icon {
    border-color: #8e8e8e
  }
}

.cmp-modelfilter__input--checkbox:checked+.cmp-modelfilter__checkbox-icon {
  background-color: #4d4d4d;
  border-color: transparent
}

.cmp-modelfilter__input--checkbox:checked+.cmp-modelfilter__checkbox-icon:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "checkmark";
  direction: ltr;
  display: block;
  font-family: bmw_next_icons;
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid transparent;
  text-align: left;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-modelfilter__input--checkbox:checked+.cmp-modelfilter__checkbox-icon:after {
    display: none
  }
}

.cmp-modelfilter__input--checkbox:checked+.cmp-modelfilter__checkbox-icon:after {
  font-size: 1.25rem;
  font-weight: 400
}

@media (hover:hover) and (pointer:fine) {
  .cmp-modelfilter__checkbox:hover .cmp-modelfilter__input--checkbox:checked+.cmp-modelfilter__checkbox-icon {
    background-color: #262626
  }
}

.cmp-modelfilter__checkbox-text {
  cursor: pointer;
  display: flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  padding-left: 2.5rem;
  width: 100%
}

.cmp-modelfilter__button {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  min-height: 3.25rem;
  min-width: 12rem;
  padding: .25rem;
  text-align: center
}

.cmp-modelfilter__button--button {
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-modelfilter__button--button,
.cmp-modelfilter__button--button:focus,
.cmp-modelfilter__button--button:hover {
  box-shadow: inset 0 0 0 1px #262626;
  color: #262626
}

.cmp-modelfilter__button--button,
.cmp-modelfilter__button--button:active,
.cmp-modelfilter__button--button:disabled,
.cmp-modelfilter__button--button:focus,
.cmp-modelfilter__button--button:hover {
  background: transparent
}

@media (hover:hover) and (pointer:fine) {

  .cmp-modelfilter__button--button:active,
  .cmp-modelfilter__button--button:hover {
    box-shadow: inset 0 0 0 2px #262626;
    color: #262626
  }
}

.cmp-modelfilter__button--button:disabled {
  box-shadow: inset 0 0 0 1px #e6e6e6;
  color: #bbb;
  pointer-events: none
}

.cmp-modelfilter__button--button:focus,
.cmp-modelfilter__button--button:focus-visible {
  outline: none
}

.cmp-modelfilter__button--button:focus-visible,
.cmp-modelfilter__button--button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-modelfilter__button--button.focus-visible {
    outline: none
  }

  .cmp-modelfilter__button--button.focus-visible,
  .cmp-modelfilter__button--button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-modelfilter__button--button:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-modelfilter__button--button.focus-visible {
    color: #1c69d4
  }
}

.cmp-modelfilter__button--reset {
  justify-content: center
}

.cmp-modelfilter__button--reset,
.cmp-modelfilter__button--reset:active,
.cmp-modelfilter__button--reset:focus,
.cmp-modelfilter__button--reset:hover {
  background: transparent;
  color: #262626
}

.cmp-modelfilter__button--reset:hover {
  color: #4d4d4d
}

.cmp-modelfilter__button--reset:focus,
.cmp-modelfilter__button--reset:focus-visible {
  outline: none
}

.cmp-modelfilter__button--reset:focus-visible,
.cmp-modelfilter__button--reset:focus-visible:hover {
  background: #fff;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-modelfilter__button--reset.focus-visible {
    outline: none
  }

  .cmp-modelfilter__button--reset.focus-visible,
  .cmp-modelfilter__button--reset.focus-visible:hover {
    background: #fff;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-modelfilter__button--reset:focus-visible {
  color: #4d4d4d
}

@supports (display:block) {
  .cmp-modelfilter__button--reset.focus-visible {
    color: #4d4d4d
  }
}

.cmp-modelfilter__button--reset .cmp-modelfilter__button-icon {
  margin-right: .25rem
}

.cmp-modelfilter__button--reset .cmp-modelfilter__button-icon:before {
  font-size: 1rem;
  font-weight: 400
}

@media screen and (min-width:768px) {
  .cmp-modelfilter__button--reset {
    justify-content: flex-start;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding-left: .5rem
  }
}

.cmp-modelfilter__field {
  position: relative
}

.cmp-modelfilter__field .cmp-modelfilter__label {
  color: #666;
  display: block;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  margin-bottom: .5rem
}

.cmp-modelfilter__input--number,
.cmp-modelfilter__output--number {
  align-items: center;
  background: #fff;
  background-blend-mode: color;
  border: 0;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px #bbb;
  color: #262626;
  cursor: pointer;
  cursor: default;
  display: flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--input-font-weight);
  justify-content: center;
  justify-content: unset;
  line-height: var(--body-2-line-height);
  min-height: 3.25rem;
  min-width: 12rem;
  outline: none;
  padding: .25rem .25rem .25rem 1.25rem;
  text-align: center;
  text-align: left;
  width: 100%
}

.cmp-modelfilter__input--number:focus,
.cmp-modelfilter__input--number:hover,
.cmp-modelfilter__input--number:hover+.cmp-modelfilter__output,
.cmp-modelfilter__output--number:focus,
.cmp-modelfilter__output--number:hover,
.cmp-modelfilter__output--number:hover+.cmp-modelfilter__output {
  box-shadow: inset 0 0 0 2px #4d4d4d
}

.cmp-modelfilter__output--number {
  opacity: 0;
  
  position: absolute;
  top: 1.5rem
}

.cmp-modelfilter__input--number {
  -webkit-appearance: textfield;
  appearance: textfield
}

.cmp-modelfilter__input--number::-ms-input-placeholder {
  color: #666;
  font-weight: var(--default-font-weight);
  line-height: revert
}

.cmp-modelfilter__input--number::placeholder {
  color: #666;
  font-weight: var(--default-font-weight);
  line-height: revert
}

.cmp-modelfilter__input--number::-webkit-inner-spin-button,
.cmp-modelfilter__input--number::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0
}

.cmp-modelfilter__input--number:not(:placeholder-shown):not(:focus) {
  opacity: 0
}

.cmp-modelfilter__input--number:not(:placeholder-shown):not(:focus)+.cmp-modelfilter__output--number {
  opacity: 1
}

.cmp-modelfilter__electric-icon {
  color: #262626;
  font-size: 1.5rem;
  padding-right: .25rem
}

.cmp-modelcard {
  cursor: pointer;
  margin: 1rem 0 .5rem;
  
  position: relative
}

.cmp-modelcard .cmp-modelcard__name {
  color: #262626;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  padding: .75rem 0 .25rem
}

.cmp-modelcard .cmp-modelcard__fuel-type {
  color: #4d4d4d;
  padding-bottom: .25rem
}

.cmp-modelcard .cmp-modelcard__fuel-type,
.cmp-modelcard .cmp-modelcard__fuel-type--dot {
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height)
}

.cmp-modelcard .cmp-modelcard__fuel-type--dot {
  color: #bbb;
  display: inline-block;
  margin: 0 .25rem
}

.cmp-modelcard .cmp-modelcard__price {
  align-items: center;
  color: #262626;
  display: flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--price-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-modelcard .cmp-modelcard__upcoming-fuel-types--item {
  color: #262626;
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  opacity: .8203
}

.cmp-modelcard .cmp-modelcard__upcoming-fuel-types--item:first-child {
  margin-top: .5rem
}

.cmp-modelcard .cmp-modelcard__links {
  display: none
}

@media screen and (min-width:768px) {
  .cmp-modelcard {
    margin: -4rem 0 .5rem;
    padding-top: 5rem
  }

  .cmp-modelcard .cmp-modelcard__name {
    padding: .25rem 0
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-modelcard .cmp-modelcard__fuel-type {
    padding-bottom: .25rem
  }
}

.cmp-modelcard__active {
  opacity: .4
}

.cmp-modelcard__picture--filtering {
  display: none
}

@media screen and (max-width:767px) {

  .cmp-modelcard:not(:first-child),
  .cmp-modelcard__list-view {
    grid-gap: 0 .5rem;
    align-items: center;
    display: grid;
    grid-template-columns: 5fr 7fr
  }

  .cmp-modelcard:not(:first-child) .cmp-modelcard__entry,
  .cmp-modelcard__list-view .cmp-modelcard__entry {
    display: flex;
    flex-direction: column
  }

  .cmp-modelcard:not(:first-child) .cmp-modelcard__name,
  .cmp-modelcard__list-view .cmp-modelcard__name {
    padding: .5rem 0 .25rem
  }

  .cmp-modelcard:not(:first-child) .cmp-modelcard__fuel-type,
  .cmp-modelcard:not(:first-child) .cmp-modelcard__picture--not-filtering,
  .cmp-modelcard:not(:first-child) .cmp-modelcard__upcoming-fuel-types,
  .cmp-modelcard__list-view .cmp-modelcard__fuel-type,
  .cmp-modelcard__list-view .cmp-modelcard__picture--not-filtering,
  .cmp-modelcard__list-view .cmp-modelcard__upcoming-fuel-types {
    display: none
  }

  .cmp-modelcard:not(:first-child) .cmp-modelcard__picture--filtering,
  .cmp-modelcard__list-view .cmp-modelcard__picture--filtering {
    display: block
  }
}

.cmp-modelcard__button,
.cmp-modelcard__con-link {
  bottom: -.5rem;
  height: calc(100% + 1rem);
  left: -.5rem;
  pointer-events: all;
  position: absolute;
  right: -.5rem;
  top: -.5rem;
  width: calc(100% + 1rem)
}

.cmp-modelcard__button:focus,
.cmp-modelcard__button:focus-visible,
.cmp-modelcard__con-link:focus,
.cmp-modelcard__con-link:focus-visible {
  outline: none
}

.cmp-modelcard__button:focus-visible,
.cmp-modelcard__button:focus-visible:hover,
.cmp-modelcard__con-link:focus-visible,
.cmp-modelcard__con-link:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {

  .cmp-modelcard__button.focus-visible,
  .cmp-modelcard__con-link.focus-visible {
    outline: none
  }

  .cmp-modelcard__button.focus-visible,
  .cmp-modelcard__button.focus-visible:hover,
  .cmp-modelcard__con-link.focus-visible,
  .cmp-modelcard__con-link.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

@media screen and (min-width:768px) {

  .cmp-modelcard__button,
  .cmp-modelcard__con-link {
    height: calc(100% - 4rem);
    top: 4.5rem
  }
}

.cmp-modelcard__button {
  padding: 0;
  text-align: unset
}

.cmp-modelcard__button,
.cmp-modelcard__button:focus,
.cmp-modelcard__button:hover {
  background-color: initial;
  outline: none
}

.cmp-modelcard__con-link {
  margin: 0;
  z-index: 30
}

.cmp-modelcard__electric-icon {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 5.8%;
  opacity: 1;
  padding: 8.8% 0;
  position: absolute;
  top: 6.2%;
  transition: opacity .2s ease-in;
  width: 17.6%
}

html[dir=rtl] .cmp-modelcard__electric-icon {
  left: auto;
  right: 5.8%
}

.cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--full-electric {
  color: #0066b1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--full-electric:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "fuel_type_bev";
  direction: ltr;
  display: block;
  font-family: bmw_next_icons;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid transparent;
  text-align: left;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--full-electric:before {
    display: none
  }
}

.cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--full-electric:before {
  font-size: 4rem;
  font-weight: 300
}

.cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--plugin-hybrid {
  color: #0066b1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--plugin-hybrid:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "fuel_type_phev";
  direction: ltr;
  display: block;
  font-family: bmw_next_icons;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid transparent;
  text-align: left;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--plugin-hybrid:before {
    display: none
  }
}

.cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--plugin-hybrid:before {
  font-size: 4rem;
  font-weight: 300
}

@media screen and (max-width:767px) {

  .cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--full-electric,
  .cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--plugin-hybrid {
    font-size: 125.5px;
    line-height: 1
  }
}

@media screen and (max-width:767px) and (min-width:280px) {

  .cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--full-electric,
  .cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--plugin-hybrid {
    font-size: calc(-11px + 23vw)
  }
}

@media screen and (max-width:767px) and (min-width:767px) {

  .cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--full-electric,
  .cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--plugin-hybrid {
    font-size: 125.5px
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-modelcard__electric-icon {
    left: 6.5%;
    padding: 7.8% 0;
    top: 10.8%;
    width: 15.7%
  }

  html[dir=rtl] .cmp-modelcard__electric-icon {
    left: auto;
    right: 6.5%
  }

  .cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--full-electric,
  .cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--plugin-hybrid {
    font-size: 5.8pc;
    line-height: 1
  }
}

@media screen and (min-width:768px) and (max-width:1023px) and (min-width:768px) {

  .cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--full-electric,
  .cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--plugin-hybrid {
    font-size: calc(-11px + 10vw)
  }
}

@media screen and (min-width:768px) and (max-width:1023px) and (min-width:1023px) {

  .cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--full-electric,
  .cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--plugin-hybrid {
    font-size: 5.8pc
  }
}

@media screen and (min-width:1024px) {
  .cmp-modelcard__electric-icon {
    left: 6.5%;
    padding: 8.6% 0;
    top: 10.6%;
    width: 17.3%
  }

  .cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--full-electric,
  .cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--plugin-hybrid {
    font-size: 62px;
    line-height: 1
  }
}

@media screen and (min-width:1024px) and (min-width:1024px) {

  .cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--full-electric,
  .cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--plugin-hybrid {
    font-size: calc(-9px + 5vw)
  }
}

@media screen and (min-width:1024px) and (min-width:1272px) {

  .cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--full-electric,
  .cmp-modelcard__electric-icon .cmp-modelcard__electric-icon__type--plugin-hybrid {
    font-size: 62px
  }
}

@media screen and (max-width:767px) {

  .cmp-modelcard:not(:first-child) .cmp-modelcard__electric-icon,
  .cmp-modelcard__list-view .cmp-modelcard__electric-icon {
    left: 4px;
    padding: 12.5% 0;
    top: 10px;
    width: 25%
  }

  .cmp-modelcard:not(:first-child) .cmp-modelcard__electric-icon__type--full-electric,
  .cmp-modelcard:not(:first-child) .cmp-modelcard__electric-icon__type--plugin-hybrid,
  .cmp-modelcard__list-view .cmp-modelcard__electric-icon__type--full-electric,
  .cmp-modelcard__list-view .cmp-modelcard__electric-icon__type--plugin-hybrid {
    font-size: 69.9px;
    line-height: 1
  }
}

@media screen and (max-width:767px) and (min-width:280px) {

  .cmp-modelcard:not(:first-child) .cmp-modelcard__electric-icon__type--full-electric,
  .cmp-modelcard:not(:first-child) .cmp-modelcard__electric-icon__type--plugin-hybrid,
  .cmp-modelcard__list-view .cmp-modelcard__electric-icon__type--full-electric,
  .cmp-modelcard__list-view .cmp-modelcard__electric-icon__type--plugin-hybrid {
    font-size: calc(-7px + 12vw)
  }
}

@media screen and (max-width:767px) and (min-width:767px) {

  .cmp-modelcard:not(:first-child) .cmp-modelcard__electric-icon__type--full-electric,
  .cmp-modelcard:not(:first-child) .cmp-modelcard__electric-icon__type--plugin-hybrid,
  .cmp-modelcard__list-view .cmp-modelcard__electric-icon__type--full-electric,
  .cmp-modelcard__list-view .cmp-modelcard__electric-icon__type--plugin-hybrid {
    font-size: 69.9px
  }
}

.cmp-modelcard__image-wrap {
  display: flex;
  justify-content: center;
  opacity: 1;
  padding: 23.5% 0;
  position: relative;
  transition: opacity .2s ease-in;
  width: 100%
}

.cmp-modelcard__image-wrap .cmp-modelcard__picture {
  width: 100%;
  z-index: 20
}

.cmp-modelcard__image-wrap .cmp-modelcard__cosy-img,
.cmp-modelcard__image-wrap .cmp-modelcard__dam-img {
  margin-bottom: 0;
  position: absolute;
  top: -24.3%;
  transition: transform .15s ease-in;
  width: 100%;
  will-change: transform
}

.cmp-modelcard__image-wrap .cmp-modelcard__cosy-img:not([src]),
.cmp-modelcard__image-wrap .cmp-modelcard__cosy-img[src=""],
.cmp-modelcard__image-wrap .cmp-modelcard__dam-img:not([src]),
.cmp-modelcard__image-wrap .cmp-modelcard__dam-img[src=""] {
  opacity: 0
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-modelcard__image-wrap {
    padding: 24.3% 0
  }

  .cmp-modelcard__image-wrap .cmp-modelcard__cosy-img,
  .cmp-modelcard__image-wrap .cmp-modelcard__dam-img {
    top: -23.9%
  }
}

@media screen and (min-width:1024px) {
  .cmp-modelcard__image-wrap {
    padding: 23.9% 0
  }

  .cmp-modelcard__image-wrap .cmp-modelcard__cosy-img,
  .cmp-modelcard__image-wrap .cmp-modelcard__dam-img {
    margin-right: -4px;
    top: 73%;
    transform: translate3d(0, -73%, 0)
  }
}

@media screen and (max-width:767px) {

  .cmp-modelcard:not(:first-child) .cmp-modelcard__image-wrap,
  .cmp-modelcard__list-view .cmp-modelcard__image-wrap {
    padding: 33.3% 0
  }

  .cmp-modelcard:not(:first-child) .cmp-modelcard__cosy-img,
  .cmp-modelcard:not(:first-child) .cmp-modelcard__dam-img,
  .cmp-modelcard__list-view .cmp-modelcard__cosy-img,
  .cmp-modelcard__list-view .cmp-modelcard__dam-img {
    top: 0
  }
}

.cmp-modelcard:hover .cmp-modelcard__cosy-img,
.cmp-modelcard:hover .cmp-modelcard__dam-img {
  transform: scale(1.1)
}

@media screen and (min-width:1024px) {

  .cmp-modelcard:hover .cmp-modelcard__cosy-img,
  .cmp-modelcard:hover .cmp-modelcard__dam-img {
    transform: translate3d(0, -73%, 0) scale(1.1)
  }
}

.cmp-modelcard__image-loading .cmp-modelcard__electric-icon,
.cmp-modelcard__image-loading .cmp-modelcard__image-wrap,
.cmp-modelcard__image-loading .cmp-modelcard__labels {
  opacity: 0
}

.cmp-modelcard__picture--detailview {
  display: none
}

.cmp-modelcard__labels {
  display: flex;
  opacity: 1;
  position: relative;
  transition: opacity .2s ease-in
}

.cmp-modelcard__new-model-label {
  background-color: #4d4d4d;
  color: #fff;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  margin-right: 0;
  padding: 0 .25rem;
  position: absolute;
  right: 0;
  top: 0
}

html[dir=rtl] .cmp-modelcard__new-model-label {
  left: 0;
  right: auto
}

.cmp-modelcard__subbrands {
  bottom: 0;
  display: flex;
  height: 12.5%;
  left: 0;
  position: absolute;
  z-index: 20
}

.cmp-modelcard__subbrand-wrap {
  align-items: flex-start;
  display: flex;
  flex-flow: column;
  margin-right: .5rem
}

.cmp-modelcard__subbrand {
  height: 100%
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-modelcard__labels {
    padding-bottom: 0
  }

  .cmp-modelcard__subbrands {
    height: 10.82%
  }

  .cmp-modelcard__fuel-type {
    padding-bottom: .25rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-modelcard__subbrands {
    height: 12.13%
  }
}

@media screen and (max-width:767px) {

  .cmp-modelcard:not(:first-child) .cmp-modelcard__new-model-label,
  .cmp-modelcard__list-view .cmp-modelcard__new-model-label {
    margin-right: .5rem;
    position: static
  }

  .cmp-modelcard:not(:first-child) .cmp-modelcard__subbrands,
  .cmp-modelcard__list-view .cmp-modelcard__subbrands {
    margin-top: 0;
    position: static
  }

  .cmp-modelcard:not(:first-child) .cmp-modelcard__subbrand,
  .cmp-modelcard__list-view .cmp-modelcard__subbrand {
    height: 1rem
  }
}

.cmp-modeloverview-item .cmp-modelhubcard__image div {
  transform: translateY(1.25rem) scale(1.8)
}

@media screen and (min-width:768px) {
  .cmp-modeloverview-item .cmp-modelhubcard__image div {
    transform: translateX(-2rem) translateY(1.25rem) scale(1.35)
  }
}

@media screen and (min-width:1024px) {
  .cmp-modeloverview-item .cmp-modelhubcard__image div {
    transform: translateX(-1rem) translateY(1.25rem) scale(1.35)
  }
}

@media screen and (min-width:1920px) {
  .cmp-modeloverview-item .cmp-modelhubcard__image div {
    transform: translateX(-1rem) translateY(1.25rem) scale(1.3)
  }
}

.cmp-modeloverview-item__configure-button-wrapper,
.cmp-modeloverview-item__techfacts {
  padding-right: 1rem
}

@media screen and (min-width:768px) {

  .cmp-modeloverview-item__configure-button-wrapper,
  .cmp-modeloverview-item__techfacts {
    padding-right: 1.5rem
  }
}

.cmp-modeloverview-item__configure-button-wrapper,
.cmp-modeloverview__model-facts__button-wrapper {
  display: flex;
  gap: 1.5rem;
  justify-content: left
}

@media screen {

  .cmp-modeloverview-item__configure-button-wrapper,
  .cmp-modeloverview__model-facts__button-wrapper {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
  }
}

@media screen and (min-width:768px) {

  .cmp-modeloverview-item__configure-button-wrapper,
  .cmp-modeloverview__model-facts__button-wrapper {
    margin-bottom: 1.5rem;
    margin-top: 2rem
  }
}

@media screen and (min-width:1024px) {

  .cmp-modeloverview-item__configure-button-wrapper,
  .cmp-modeloverview__model-facts__button-wrapper {
    margin-bottom: 0;
    margin-top: 1.5rem
  }
}

@media screen and (min-width:1280px) {

  .cmp-modeloverview-item__configure-button-wrapper,
  .cmp-modeloverview__model-facts__button-wrapper {
    margin-bottom: 0;
    margin-top: 0
  }
}

@media screen {

  .cmp-modeloverview-item__configure-button-wrapper,
  .cmp-modeloverview__model-facts__button-wrapper {
    flex-direction: column
  }
}

@media screen and (min-width:768px) {

  .cmp-modeloverview-item__configure-button-wrapper,
  .cmp-modeloverview__model-facts__button-wrapper {
    flex-direction: row
  }
}

.cmp-modeloverview-item-compare-button .cmp-button:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "compare";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  margin-left: .25rem;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-modeloverview-item-compare-button .cmp-button:after {
    display: none
  }
}

.cmp-modeloverview-item-compare-button .cmp-button .cmp-button__icon {
  display: none
}

.cmp-modeloverview-item__techfacts ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

@media screen and (min-width:768px) {
  .cmp-modeloverview-item__techfacts ul {
    padding-left: 2rem
  }
}

.cmp-modeloverview-item__techfacts ul li {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height)
}

.cmp-modeloverview-item__techfacts ul li:not(:last-child) {
  margin-bottom: .75rem
}

.cmp-modeloverview-item__techfacts ul li.cmp-list__item {
  position: relative
}

.cmp-modeloverview-item__techfacts ul li.cmp-list__item:before {
  display: none;
  left: 0;
  position: absolute;
  top: 0
}

@media screen and (min-width:768px) {
  .cmp-modeloverview-item__techfacts ul li.cmp-list__item:before {
    word-wrap: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "checkmark";
    direction: ltr;
    display: block;
    display: inline;
    font-family: "bmw_next_icons";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    height: 1em;
    line-height: 1;
    margin-left: -2rem;
    outline: 1px solid #0000;
    text-align: left;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    width: auto
  }
}

.cmp-modeloverview:not([data-initialized]) .cmp-modeloverview__item {
  max-width: 32pc
}

.cmp-modeloverview:not([data-initialized]) .cmp-modeloverview__additionalRangeDC:not(:has(.cmp-text__paragraph)),
.cmp-modeloverview:not([data-initialized]) .cmp-modeloverview__batteryCapacity:not(:has(.cmp-text__paragraph)),
.cmp-modeloverview:not([data-initialized]) .cmp-modeloverview__chargeAC:not(:has(.cmp-text__paragraph)),
.cmp-modeloverview:not([data-initialized]) .cmp-modeloverview__chargingtime:not(:has(.cmp-text__paragraph)) {
  display: none
}

.cmp-modeloverview__swiper--content {
  position: relative
}

.cmp-modeloverview__swiper-pagination {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  transition: opacity 3s ease-in-out;
  width: 100%;
  z-index: 10
}

.cmp-modeloverview__swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

@media screen and (min-width:1280px) {
  .cmp-modeloverview__swiper-pagination {
    display: none
  }
}

.swiper-pagination-bullet {
  align-items: center;
  background: #0000;
  border: 0;
  display: flex;
  height: 1.5rem;
  justify-content: center;
  padding: 0;
  width: 1.5rem
}

.swiper-pagination-bullet:focus,
.swiper-pagination-bullet:focus-visible {
  outline: none
}

.swiper-pagination-bullet:focus-visible,
.swiper-pagination-bullet:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .swiper-pagination-bullet.focus-visible {
    outline: none
  }

  .swiper-pagination-bullet.focus-visible,
  .swiper-pagination-bullet.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.swiper-pagination-bullet .swiper-pagination-bullet-icon {
  background: #262626;
  border-radius: 50%;
  height: .5rem;
  opacity: .2;
  width: .5rem
}

.swiper-pagination-bullet .swiper-pagination-bullet-icon:focus,
.swiper-pagination-bullet .swiper-pagination-bullet-icon:focus-visible {
  outline: none
}

.swiper-pagination-bullet .swiper-pagination-bullet-icon:focus-visible,
.swiper-pagination-bullet .swiper-pagination-bullet-icon:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .swiper-pagination-bullet .swiper-pagination-bullet-icon.focus-visible {
    outline: none
  }

  .swiper-pagination-bullet .swiper-pagination-bullet-icon.focus-visible,
  .swiper-pagination-bullet .swiper-pagination-bullet-icon.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.swiper-pagination-bullet .swiper-pagination-bullet-icon:focus-visible {
  opacity: 1
}

.swiper-pagination-clickable .swiper-pagination-bullet .swiper-pagination-bullet-icon {
  cursor: pointer
}

.swiper-pagination-bullet:focus-visible {
  opacity: 1
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet:only-child {
  display: none !important
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #0000;
  height: 1.5rem;
  margin: 0 .125rem;
  opacity: 1;
  width: 1.5rem
}

.swiper-pagination-bullet.swiper-pagination-bullet-active .swiper-pagination-bullet-icon {
  background: #000;
  height: .75rem;
  opacity: 1;
  width: .75rem
}

.cmp-modeloverview__model-facts--cells li:nth-child(2) {
  margin-top: 3rem
}

.cmp-modeloverview__facts-bullets,
.cmp-modeloverview__footnotes-list,
.cmp-modeloverview__model-facts {
  list-style: none
}

@media screen {

  .cmp-modeloverview__facts-bullets,
  .cmp-modeloverview__model-fact-header,
  .cmp-modeloverview__model-fact-header--has-marketing-tag {
    padding-left: 0;
    padding-right: 1.75rem
  }
}

@media screen and (min-width:1024px) {

  .cmp-modeloverview__facts-bullets,
  .cmp-modeloverview__model-fact-header,
  .cmp-modeloverview__model-fact-header--has-marketing-tag {
    padding-left: 1.75rem
  }
}

@media screen and (min-width:1280px) {

  .cmp-modeloverview__facts-bullets,
  .cmp-modeloverview__model-fact-header,
  .cmp-modeloverview__model-fact-header--has-marketing-tag {
    padding-left: 2rem;
    padding-right: 2rem
  }
}

@media screen and (min-width:1920px) {

  .cmp-modeloverview__facts-bullets,
  .cmp-modeloverview__model-fact-header,
  .cmp-modeloverview__model-fact-header--has-marketing-tag {
    padding-left: 2.25rem;
    padding-right: 2.25rem
  }
}

.cmp-modeloverview__model-fact-header .style-title--subsection-1 .cmp-title__text,
.cmp-modeloverview__model-fact-header--has-marketing-tag .style-title--subsection-1 .cmp-title__text {
  color: #262626;
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height)
}

.cmp-modeloverview__model-fact-header:not(.cmp-modeloverview__model-fact-header--has-marketing-tag) {
  margin-top: 1.5rem
}

.cmp-modeloverview__model-fact__full-price .cmp-text,
.cmp-modeloverview__model-fact__value .cmp-text {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  padding-top: .25rem
}

@media screen and (min-width:768px) {

  .cmp-modeloverview__model-fact__full-price .cmp-text,
  .cmp-modeloverview__model-fact__value .cmp-text {
    font-size: var(--body-1-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--body-1-line-height)
  }
}

@media screen and (min-width:1024px) {

  .cmp-modeloverview__model-fact__full-price .cmp-text,
  .cmp-modeloverview__model-fact__value .cmp-text {
    font-size: var(--subsection-2-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--subsection-2-line-height)
  }
}

.cmp-modeloverview__model-facts__button-wrapper .cmp-button {
  margin-bottom: .25rem
}

@media screen {
  .cmp-modeloverview__model-facts__button-wrapper {
    padding-right: 1.75rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-modeloverview__model-facts__button-wrapper {
    padding-right: 0
  }
}

@media screen {
  .cmp-modeloverview__model-facts--bullets .cmp-modeloverview__model-facts__button-wrapper {
    padding-top: 1.25rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-modeloverview__model-facts--bullets .cmp-modeloverview__model-facts__button-wrapper {
    padding-top: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-modeloverview__model-facts--bullets .cmp-modeloverview__model-facts__button-wrapper {
    padding-top: 2rem
  }
}

.cmp-modeloverview__model-facts--bullets .cmp-modeloverview__model-facts__button-wrapper-empty {
  border-bottom: .0625rem solid #bbb
}

@media screen {
  .cmp-modeloverview__model-facts--bullets .cmp-modeloverview__model-facts__button-wrapper-empty {
    padding-top: 1.25rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-modeloverview__model-facts--bullets .cmp-modeloverview__model-facts__button-wrapper-empty {
    padding-top: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-modeloverview__model-facts--bullets .cmp-modeloverview__model-facts__button-wrapper-empty {
    padding-top: 2rem
  }
}

@media screen {
  .cmp-modeloverview__model-facts--bullets .cmp-modeloverview-item__configure-button-wrapper {
    padding-bottom: 1.25rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-modeloverview__model-facts--bullets .cmp-modeloverview-item__configure-button-wrapper {
    padding-bottom: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-modeloverview__model-facts--bullets .cmp-modeloverview-item__configure-button-wrapper {
    padding-bottom: 2rem
  }
}

.cmp-modeloverview__model-facts--bullets .cmp-modeloverview-item__techfacts--with-button.cmp-modeloverview__model-fact__value {
  border: 0;
  padding-top: 0
}

.cmp-modeloverview__model-facts--bullets .cmp-modeloverview__model-fact__value {
  border-top: .0625rem solid #bbb
}

@media screen {
  .cmp-modeloverview__model-facts--bullets .cmp-modeloverview__model-fact__value {
    padding-top: 1.25rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-modeloverview__model-facts--bullets .cmp-modeloverview__model-fact__value {
    padding-top: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-modeloverview__model-facts--bullets .cmp-modeloverview__model-fact__value {
    padding-top: 2rem
  }
}

.cmp-modeloverview__model-fact__leasing-price .cmp-text {
  font-size: var(--body-1-font-size);
  font-weight: var(--price-font-weight);
  line-height: var(--body-1-line-height)
}

.cmp-modeloverview__bullet-label {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  margin-top: .75rem
}

.cmp-modeloverview__bullet-label:first-of-type {
  margin-top: 0
}

.cmp-modeloverview__model-fact__label .cmp-text {
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height)
}

@media screen {
  .cmp-modeloverview__model-fact__label {
    margin-bottom: .25rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-modeloverview__model-fact__label {
    margin-bottom: .5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-modeloverview__model-fact__label {
    margin-bottom: .75rem
  }
}

.cmp-modeloverview__model-fact-cell .cmp-technicaldatafact {
  grid-gap: .5rem 1.5rem;
  display: grid;
  grid-auto-rows: max-content;
  grid-template-columns: repeat(var(--technicaldata-alignment, 1), auto);
  height: 100%
}

.cmp-modeloverview__model-fact-cell .cmp-technicaldatafact .cmp-technicaldatafact__value {
  justify-content: var(--technicaldata-value-alignment, start);
  text-align: var(--technicaldata-value-alignment, start)
}

@media screen {
  .cmp-modeloverview__model-fact-cell {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-modeloverview__model-fact-cell {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-modeloverview__model-fact-cell {
    padding-bottom: 2rem;
    padding-top: 2rem
  }
}

@media screen {
  .cmp-modeloverview__model-fact-cell--nospacing {
    padding-top: 0
  }
}

@media screen and (min-width:1024px) {
  .cmp-modeloverview__model-fact-cell--nospacing {
    padding-top: 0
  }
}

@media screen and (min-width:1280px) {
  .cmp-modeloverview__model-fact-cell--nospacing {
    padding-top: 0
  }
}

.cmp-modeloverview__model-fact-wrapper div:first-child .cmp-text {
  font-size: var(--body-1-font-size);
  font-weight: var(--price-font-weight);
  line-height: var(--body-1-line-height)
}

.cmp-modeloverview__icon-price_tag {
  position: relative
}

.cmp-modeloverview__icon-price_tag .cmp-modeloverview__icon {
  align-items: center;
  display: none;
  height: 2rem;
  position: absolute
}

.cmp-modeloverview__icon-price_tag .cmp-modeloverview__icon:before {
  font-size: 1.25rem;
  font-weight: 400
}

@media screen and (min-width:768px) {
  .cmp-modeloverview__icon-price_tag .cmp-modeloverview__icon {
    left: -1.75rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-modeloverview__icon-price_tag .cmp-modeloverview__icon {
    left: -2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-modeloverview__icon-price_tag .cmp-modeloverview__icon {
    left: -2.25rem
  }
}

.cmp-modeloverview__icon-battery_cell_loading {
  position: relative
}

.cmp-modeloverview__icon-battery_cell_loading .cmp-modeloverview__icon {
  align-items: center;
  display: none;
  height: 2rem;
  position: absolute
}

.cmp-modeloverview__icon-battery_cell_loading .cmp-modeloverview__icon:before {
  font-size: 1.25rem;
  font-weight: 400
}

@media screen and (min-width:768px) {
  .cmp-modeloverview__icon-battery_cell_loading .cmp-modeloverview__icon {
    left: -1.75rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-modeloverview__icon-battery_cell_loading .cmp-modeloverview__icon {
    left: -2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-modeloverview__icon-battery_cell_loading .cmp-modeloverview__icon {
    left: -2.25rem
  }
}

.cmp-modeloverview__icon-charging_electric {
  position: relative
}

.cmp-modeloverview__icon-charging_electric .cmp-modeloverview__icon {
  align-items: center;
  display: none;
  height: 2rem;
  position: absolute
}

.cmp-modeloverview__icon-charging_electric .cmp-modeloverview__icon:before {
  font-size: 1.25rem;
  font-weight: 400
}

@media screen and (min-width:768px) {
  .cmp-modeloverview__icon-charging_electric .cmp-modeloverview__icon {
    left: -1.75rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-modeloverview__icon-charging_electric .cmp-modeloverview__icon {
    left: -2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-modeloverview__icon-charging_electric .cmp-modeloverview__icon {
    left: -2.25rem
  }
}

.cmp-modeloverview__icon-plus {
  position: relative
}

.cmp-modeloverview__icon-plus .cmp-modeloverview__icon {
  align-items: center;
  display: none;
  height: 2rem;
  position: absolute
}

.cmp-modeloverview__icon-plus .cmp-modeloverview__icon:before {
  font-size: 1.25rem;
  font-weight: 400
}

@media screen and (min-width:768px) {
  .cmp-modeloverview__icon-plus .cmp-modeloverview__icon {
    left: -1.75rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-modeloverview__icon-plus .cmp-modeloverview__icon {
    left: -2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-modeloverview__icon-plus .cmp-modeloverview__icon {
    left: -2.25rem
  }
}

.cmp-modeloverview__icon-checkmark {
  position: relative
}

.cmp-modeloverview__icon-checkmark .cmp-modeloverview__icon {
  align-items: center;
  display: none;
  height: 2rem;
  position: absolute
}

.cmp-modeloverview__icon-checkmark .cmp-modeloverview__icon:before {
  font-size: 1.25rem;
  font-weight: 400
}

@media screen and (min-width:768px) {
  .cmp-modeloverview__icon-checkmark .cmp-modeloverview__icon {
    left: -1.75rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-modeloverview__icon-checkmark .cmp-modeloverview__icon {
    left: -2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-modeloverview__icon-checkmark .cmp-modeloverview__icon {
    left: -2.25rem
  }
}

.cmp-modeloverview__icon-range_bev {
  position: relative
}

.cmp-modeloverview__icon-range_bev .cmp-modeloverview__icon {
  align-items: center;
  display: none;
  height: 2rem;
  position: absolute
}

.cmp-modeloverview__icon-range_bev .cmp-modeloverview__icon:before {
  font-size: 1.25rem;
  font-weight: 400
}

@media screen and (min-width:768px) {
  .cmp-modeloverview__icon-range_bev .cmp-modeloverview__icon {
    left: -1.75rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-modeloverview__icon-range_bev .cmp-modeloverview__icon {
    left: -2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-modeloverview__icon-range_bev .cmp-modeloverview__icon {
    left: -2.25rem
  }
}

.cmp-modeloverview__icon-charging_wallbox {
  position: relative
}

.cmp-modeloverview__icon-charging_wallbox .cmp-modeloverview__icon {
  align-items: center;
  display: none;
  height: 2rem;
  position: absolute
}

.cmp-modeloverview__icon-charging_wallbox .cmp-modeloverview__icon:before {
  font-size: 1.25rem;
  font-weight: 400
}

@media screen and (min-width:768px) {
  .cmp-modeloverview__icon-charging_wallbox .cmp-modeloverview__icon {
    left: -1.75rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-modeloverview__icon-charging_wallbox .cmp-modeloverview__icon {
    left: -2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-modeloverview__icon-charging_wallbox .cmp-modeloverview__icon {
    left: -2.25rem
  }
}

.cmp-modeloverview__icon-battery {
  position: relative
}

.cmp-modeloverview__icon-battery .cmp-modeloverview__icon {
  align-items: center;
  display: none;
  height: 2rem;
  position: absolute
}

.cmp-modeloverview__icon-battery .cmp-modeloverview__icon:before {
  font-size: 1.25rem;
  font-weight: 400
}

@media screen and (min-width:768px) {
  .cmp-modeloverview__icon-battery .cmp-modeloverview__icon {
    left: -1.75rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-modeloverview__icon-battery .cmp-modeloverview__icon {
    left: -2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-modeloverview__icon-battery .cmp-modeloverview__icon {
    left: -2.25rem
  }
}

.cmp-modeloverview__icon-battery .cmp-modeloverview__icon,
.cmp-modeloverview__icon-battery_cell_loading .cmp-modeloverview__icon,
.cmp-modeloverview__icon-charging_electric .cmp-modeloverview__icon,
.cmp-modeloverview__icon-charging_wallbox .cmp-modeloverview__icon,
.cmp-modeloverview__icon-range_bev .cmp-modeloverview__icon {
  height: 1.375rem
}

.cmp-modeloverview__icon-plus .cmp-modeloverview__icon {
  height: 1rem
}

@media screen {
  .cmp-modeloverview__model-facts--has-icons .cmp-modeloverview__model-fact-cell {
    padding-left: 0
  }
}

@media screen and (min-width:768px) {
  .cmp-modeloverview__model-facts--has-icons .cmp-modeloverview__model-fact-cell {
    padding-left: 0
  }
}

@media screen and (min-width:1024px) {
  .cmp-modeloverview__model-facts--has-icons .cmp-modeloverview__model-fact-cell {
    padding-left: 1.75rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-modeloverview__model-facts--has-icons .cmp-modeloverview__model-fact-cell {
    padding-left: 2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-modeloverview__model-facts--has-icons .cmp-modeloverview__model-fact-cell {
    padding-left: 2.25rem
  }
}

@media screen {
  .cmp-modeloverview__model-facts--has-icons .cmp-modeloverview__model-fact-cell {
    padding-right: 1.75rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-modeloverview__model-facts--has-icons .cmp-modeloverview__model-fact-cell {
    padding-right: 2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-modeloverview__model-facts--has-icons .cmp-modeloverview__model-fact-cell {
    padding-right: 2.25rem
  }
}

@media screen and (min-width:1024px) {

  .cmp-modeloverview__model-facts--has-icons .cmp-modeloverview__icon,
  .cmp-modeloverview__model-facts--has-icons .cmp-modeloverview__icon .cmp-text:before {
    display: inline-flex
  }
}

.cmp-modeloverview__model-facts--has-no-icons .cmp-modeloverview__model-fact-cell,
.cmp-modeloverview__model-facts--has-no-icons .cmp-modeloverview__model-fact-header,
.cmp-modeloverview__model-facts--has-no-icons .cmp-modeloverview__model-fact-header--has-marketing-tag {
  padding-left: 0
}

@media screen {
  .cmp-modeloverview__model-facts--has-no-icons .cmp-modeloverview__model-fact-cell {
    padding-right: 1.75rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-modeloverview__model-facts--has-no-icons .cmp-modeloverview__model-fact-cell {
    padding-right: 2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-modeloverview__model-facts--has-no-icons .cmp-modeloverview__model-fact-cell {
    padding-right: 2.25rem
  }
}

.cmp-modeloverview__model-facts {
  width: 100%
}

.cmp-modeloverview__model-facts .cmp-modeloverview__model-fact__label {
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height)
}

.cmp-modeloverview__model-facts .cmp-modeloverview__model-fact__label .cmp-text__paragraph {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit
}

.cmp-modeloverview__model-facts .cmp-modeloverview__model-fact-cell {
  border-top: .0625rem solid #bbb
}

.cmp-modeloverview__model-facts .cmp-modeloverview__model-fact-cell:first-child,
.cmp-modeloverview__model-facts .cmp-modeloverview__model-fact-cell:nth-child(2),
.cmp-modeloverview__model-facts .cmp-modeloverview__model-fact-cell:nth-child(3) {
  border-top: none
}

.cmp-modeloverview__model-facts .technicaldatafact .cmp-modeloverview__model-fact__label .cmp-text:first-child {
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height)
}

.cmp-modeloverview__model-facts .technicaldatafact .cmp-technicaldatafact__value .cmp-text:first-child {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

@media screen and (min-width:768px) {
  .cmp-modeloverview__model-facts .technicaldatafact .cmp-technicaldatafact__value .cmp-text:first-child {
    font-size: var(--body-1-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--body-1-line-height)
  }
}

@media screen and (min-width:1024px) {
  .cmp-modeloverview__model-facts .technicaldatafact .cmp-technicaldatafact__value .cmp-text:first-child {
    font-size: var(--subsection-2-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--subsection-2-line-height)
  }
}

@media screen and (min-width:768px) {
  .cmp-modeloverview__icon.cmp-modeloverview__icon-checkmark:before {
    display: inline-flex
  }
}

.cmp-modeloverview__model-facts__button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: 3.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none
}

.cmp-modeloverview__model-facts__button,
.cmp-modeloverview__model-facts__button:active,
.cmp-modeloverview__model-facts__button:disabled,
.cmp-modeloverview__model-facts__button:focus,
.cmp-modeloverview__model-facts__button:hover {
  --border-color: #262626;
  background-color: #0000;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-modeloverview__model-facts__button:hover {
    --border-color: #262626;
    color: #262626
  }
}

.cmp-modeloverview__model-facts__button:disabled,
.cmp-modeloverview__model-facts__button[aria-disabled=true] {
  --border-color: #666;
  color: #666;
  pointer-events: none
}

.cmp-modeloverview__model-facts__button:disabled:focus-visible,
.cmp-modeloverview__model-facts__button[aria-disabled=true]:focus-visible {
  color: #666
}

@supports (display:block) {

  .cmp-modeloverview__model-facts__button:disabled.focus-visible,
  .cmp-modeloverview__model-facts__button[aria-disabled=true].focus-visible {
    color: #666
  }
}

.cmp-modeloverview__model-facts__button:focus,
.cmp-modeloverview__model-facts__button:focus-visible {
  outline: none
}

.cmp-modeloverview__model-facts__button:focus-visible,
.cmp-modeloverview__model-facts__button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-modeloverview__model-facts__button.focus-visible {
    outline: none
  }

  .cmp-modeloverview__model-facts__button.focus-visible,
  .cmp-modeloverview__model-facts__button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-modeloverview__model-facts__button:focus-visible {
  color: #262626
}

@supports (display:block) {
  .cmp-modeloverview__model-facts__button.focus-visible {
    color: #262626
  }
}

.cmp-modeloverview__footnotes {
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  opacity: .7051
}

.cmp-modeloverview__footnote {
  display: flex;
  margin-bottom: 1.25rem
}

.cmp-modeloverview__footnote:last-child {
  margin-bottom: 0
}

.cmp-modeloverview__footnote-count,
.cmp-modeloverview__footnote-text {
  color: #666;
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  opacity: .7051
}

.cmp-modeloverview__footnote-text {
  margin-left: 2rem
}

.cmp-modeloverview__button-wrapper {
  display: flex;
  justify-content: center;
  opacity: 1;
  position: absolute;
  top: 4vw;
  width: 15rem;
  z-index: 10
}

.cmp-modeloverview__button-wrapper .cmp-modeloverview__button {
  background-color: #fff;
  border: 0;
  border-radius: .125rem;
  box-shadow: 0 .25rem .75rem 0 #00000029, 0 0 .0625rem 0 #0000003d;
  cursor: pointer;
  display: none;
  height: 3rem;
  line-height: 1;
  width: 3rem
}

.cmp-modeloverview__button-wrapper .cmp-modeloverview__button:focus,
.cmp-modeloverview__button-wrapper .cmp-modeloverview__button:focus-visible {
  outline: none
}

.cmp-modeloverview__button-wrapper .cmp-modeloverview__button:focus-visible,
.cmp-modeloverview__button-wrapper .cmp-modeloverview__button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-modeloverview__button-wrapper .cmp-modeloverview__button.focus-visible {
    outline: none
  }

  .cmp-modeloverview__button-wrapper .cmp-modeloverview__button.focus-visible,
  .cmp-modeloverview__button-wrapper .cmp-modeloverview__button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-modeloverview__button-wrapper .cmp-modeloverview__button:hover {
  box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d
}

@media screen and (min-width:1280px) {
  .cmp-modeloverview__button-wrapper .cmp-modeloverview__button {
    display: block
  }
}

.cmp-modeloverview__button-wrapper.cmp-modeloverview__button-wrapper--hide {
  display: none
}

@media screen and (max-width:1279px) {
  .cmp-modeloverview__button-wrapper {
    pointer-events: none
  }
}

.cmp-modeloverview__button-wrapper--next {
  right: -7rem
}

.cmp-modeloverview__button-wrapper--prev {
  left: -7rem
}

.cmp-modeloverview__container {
  overflow: visible;
  text-align: left
}

.cmp-modeloverview__navigation {
  margin-top: .25rem
}

.cmp-modeloverview__swiper {
  padding-bottom: 4rem;
  position: relative
}

.style-container--fixed .cmp-modeloverview__swiper {
  padding-left: var(--grid-full);
  padding-right: var(--grid-full)
}

.cmp-modeloverview__swiper .cmp-modelhubcard {
  overflow: visible
}

.cmp-modeloverview__background {
  display: flex;
  height: 7%;
  inset: 0;
  position: absolute;
  top: 7%
}

@media screen and (min-width:768px) {
  .cmp-modeloverview__background {
    height: 11%;
    top: 10%
  }
}

@media screen and (min-width:1920px) {
  .cmp-modeloverview__background {
    height: 19.4%;
    top: 10%
  }
}

.cmp-modeloverview__background-image {
  width: 100%
}

.cmp-modeloverview__image.swiper-slide {
  display: block;
  touch-action: pan-y
}

.cmp-modeloverview__swiper-list .cmp-modeloverview__item {
  list-style: none;
  touch-action: pan-y
}

.cmp-modeloverview__swiper-list .cmp-modeloverview__image:first-child,
.cmp-modeloverview__swiper-list .cmp-modeloverview__item:first-child {
  margin-left: auto
}

.cmp-modeloverview__swiper-list .cmp-modeloverview__image:last-child,
.cmp-modeloverview__swiper-list .cmp-modeloverview__item:last-child {
  margin-right: auto
}

.cmp-modeloverview__disclaimer {
  margin-top: 2rem
}

.style-container--fixed .cmp-modeloverview__disclaimer {
  padding-left: var(--grid-full);
  padding-right: var(--grid-full)
}

.cmp-modeloverview__disclaimer.cmp-modeloverview__disclaimer--dynamic-width {
  margin: auto;
  max-width: var(--disclaimer-max-width);
  padding: 0
}

.cmp-modeloverview__disclaimer .cmp-text>p {
  margin-top: .5rem
}

.cmp-modeloverview__button.swiper-button-disabled {
  display: none
}

.cmp-modeloverview {
  overflow: hidden;
  position: relative
}

.style-container--fixed .cmp-modeloverview {
  margin-left: calc(var(--grid-full)*-1);
  margin-right: calc(var(--grid-full)*-1);
  max-width: 120rem;
  width: calc(100% + var(--grid-full)*2)
}

.cmp-modeloverview .cmp-tabs__navigation {
  max-width: unset
}

.style-container--fixed .cmp-modeloverview .cmp-tabs__navigation {
  padding-left: var(--grid-full);
  padding-right: var(--grid-full)
}

@media screen and (max-width:767px) {
  .cmp-modeloverview__wrapper .cmp-modeloverview__list {
    padding-left: 2rem;
    padding-right: 3rem
  }
}

.cmp-modeloverview__wrapper .cmp-modeloverview__list:before {
  border-bottom: .0625rem solid #666
}

.cmp-modelnavigation {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-bottom: 5rem;
  position: relative
}

.cmp-modelnavigation:after,
.cmp-modelnavigation:before {
  background: #bbb;
  content: "";
  height: 1px;
  left: -1.5rem;
  position: absolute;
  right: -1.5rem
}

.cmp-modelnavigation:before {
  top: 0
}

.cmp-modelnavigation:after {
  bottom: 0
}

.cmp-modelnavigation>:not(.cmp-modelnavigation__list-item) {
  display: none
}

@media screen and (min-width:768px) {
  .cmp-modelnavigation {
    grid-gap: .125rem;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem
  }

  .cmp-modelnavigation:before {
    content: none
  }

  .cmp-modelnavigation:after {
    left: auto;
    right: auto;
    width: 100%
  }
}

@media screen and (min-width:1280px) {
  .cmp-modelnavigation {
    margin-bottom: 2rem;
    padding-bottom: 2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-modelnavigation {
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem
  }
}

.cmp-modelnavigation__list-item {
  border-radius: 3px;
  list-style: none;
  position: relative;
  transition: box-shadow .3s ease-in-out
}

.cmp-modelnavigation__list-item:not(:last-child):after {
  background: #bbb;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: -1.5rem
}

@media screen and (min-width:1280px) {
  .cmp-modelnavigation__list-item:hover {
    box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d;
    cursor: pointer
  }

  .cmp-modelnavigation__list-item:hover .cmp-modelnavigationcard__picture-wrap {
    bottom: 6.75rem;
    scale: 85%
  }

  .cmp-modelnavigation__list-item:hover .cmp-modelnavigationcard__entry-wrap {
    opacity: .1
  }

  .cmp-modelnavigation__list-item:hover .cmp-modelnavigationcard__price-wrap {
    opacity: 1
  }
}

@media screen and (min-width:768px) {
  .cmp-modelnavigation__list-item {
    overflow: hidden
  }

  .cmp-modelnavigation__list-item:not(:last-child):after {
    display: none
  }
}

@media screen and (min-width:1024px) {
  .style-modelnavigation--hide-border-bottom-desktop .cmp-modelnavigation:after {
    content: none
  }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
  .style-modelnavigation--hide-border-bottom-tablet .cmp-modelnavigation:after {
    content: none
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .style-modelnavigation--hide-border-bottom-tablet .cmp-modelnavigation:after {
    content: none
  }
}

@media screen and (max-width:767px) {
  .style-modelnavigation--hide-border-bottom-mobile .cmp-modelnavigation:after {
    content: none
  }
}

.cmp-modelnavigationcard {
  grid-gap: 0 .5rem;
  align-items: center;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 6fr));
  margin-bottom: 1rem;
  padding-top: .75rem;
  position: relative;
  text-decoration: none
}

.cmp-modelnavigationcard,
.cmp-modelnavigationcard:active,
.cmp-modelnavigationcard:disabled,
.cmp-modelnavigationcard:focus,
.cmp-modelnavigationcard:hover,
.cmp-modelnavigationcard:visited {
  background: #0000;
  color: #262626
}

.cmp-modelnavigationcard:focus,
.cmp-modelnavigationcard:focus-visible {
  outline: none
}

.cmp-modelnavigationcard:focus-visible,
.cmp-modelnavigationcard:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-modelnavigationcard.focus-visible {
    outline: none
  }

  .cmp-modelnavigationcard.focus-visible,
  .cmp-modelnavigationcard.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-modelnavigationcard:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-modelnavigationcard.focus-visible {
    color: #1c69d4
  }
}

.cmp-modelnavigationcard:not(.cmp-modelnavigationcard--selected):focus,
.cmp-modelnavigationcard:not(.cmp-modelnavigationcard--selected):focus-visible {
  outline: none
}

.cmp-modelnavigationcard:not(.cmp-modelnavigationcard--selected):focus-visible,
.cmp-modelnavigationcard:not(.cmp-modelnavigationcard--selected):focus-visible:hover {
  box-shadow: none
}

.cmp-modelnavigationcard:not(.cmp-modelnavigationcard--selected):focus-visible:after,
.cmp-modelnavigationcard:not(.cmp-modelnavigationcard--selected):focus-visible:hover:after {
  bottom: 0;
  box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
  content: " ";
  display: block;
  left: 0;
  
  position: absolute;
  right: 0;
  top: 0
}

@supports (display:block) {
  .cmp-modelnavigationcard:not(.cmp-modelnavigationcard--selected).focus-visible {
    outline: none
  }

  .cmp-modelnavigationcard:not(.cmp-modelnavigationcard--selected).focus-visible,
  .cmp-modelnavigationcard:not(.cmp-modelnavigationcard--selected).focus-visible:hover {
    box-shadow: none
  }

  .cmp-modelnavigationcard:not(.cmp-modelnavigationcard--selected).focus-visible:after,
  .cmp-modelnavigationcard:not(.cmp-modelnavigationcard--selected).focus-visible:hover:after {
    bottom: 0;
    box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
    content: " ";
    display: block;
    left: 0;
    
    position: absolute;
    right: 0;
    top: 0
  }
}

@media screen and (min-width:768px) {
  .cmp-modelnavigationcard {
    align-items: normal;
    display: flex;
    flex-direction: column-reverse;
    height: 100%;
    justify-content: space-between;
    margin-bottom: 0;
    min-height: inherit;
    padding-top: 0
  }
}

.cmp-modelnavigationcard--selected:focus,
.cmp-modelnavigationcard--selected:focus-visible {
  outline: none
}

.cmp-modelnavigationcard--selected:focus-visible:after,
.cmp-modelnavigationcard--selected:focus-visible:hover:after {
  bottom: 0;
  box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
  content: " ";
  display: block;
  left: 0;
  
  position: absolute;
  right: 0;
  top: 0
}

@supports (display:block) {
  .cmp-modelnavigationcard--selected.focus-visible {
    outline: none
  }

  .cmp-modelnavigationcard--selected.focus-visible:after,
  .cmp-modelnavigationcard--selected.focus-visible:hover:after {
    bottom: 0;
    box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
    content: " ";
    display: block;
    left: 0;
    
    position: absolute;
    right: 0;
    top: 0
  }
}

.cmp-modelnavigationcard__icon {
  color: #0066b1;
  font-size: 4rem;
  left: 1rem;
  position: absolute;
  top: 0;
  transform: translateX(-15%);
  z-index: 60
}

.cmp-modelnavigationcard__icon:before {
  font-size: inherit;
  font-weight: 300
}

.cmp-modelnavigationcard__picture-wrap {
  bottom: 0;
  height: 0;
  margin-top: 1rem;
  overflow: hidden;
  padding-top: 42.35%;
  position: relative;
  scale: 100%;
  z-index: 70
}

@media screen and (min-width:768px) {
  .cmp-modelnavigationcard__picture-wrap {
    margin-bottom: 1rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-modelnavigationcard__picture-wrap {
    margin-bottom: 1.25rem
  }
}

.cmp-modelnavigationcard__picture {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 70
}

.cmp-modelnavigationcard__image,
.cmp-modelnavigationcard__picture {
  display: block;
  width: 100%
}

.cmp-modelnavigationcard--cosydam .cmp-modelnavigationcard__picture--dam {
  z-index: -10
}

.cmp-modelnavigationcard__model {
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height)
}

.cmp-modelnavigationcard__model.cmp-modelnavigationcard__model--reverse {
  flex: 0 0 100%;
  order: 3
}

.cmp-modelnavigationcard__model.cmp-modelnavigationcard__model--hidden {
  display: none
}

.cmp-modelnavigationcard--model-mixed .cmp-modelnavigationcard__model,
.cmp-modelnavigationcard__model.cmp-modelnavigationcard__model--mixed {
  text-transform: none
}

.cmp-modelnavigationcard__title-wrap {
  align-items: baseline;
  display: flex;
  flex-direction: row;
  position: relative
}

.cmp-modelnavigationcard__title {
  display: block;
  flex-shrink: 0;
  font-size: var(--headline-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-1-line-height);
  overflow: hidden;
  padding-right: .5rem;
  text-overflow: ellipsis;
  white-space: nowrap
}

.cmp-modelnavigationcard__eyebrow,
.cmp-modelnavigationcard__subheadline {
  display: block;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap
}

.cmp-modelnavigationcard__entry-wrap {
  opacity: 1;
  transition: opacity .3s ease-in-out
}

@media screen and (min-width:768px) {
  .cmp-modelnavigationcard__entry-wrap {
    padding: .75rem .75rem 0
  }
}

@media screen and (min-width:1280px) {
  .cmp-modelnavigationcard__entry-wrap {
    padding: 1rem 1rem 0
  }
}

.cmp-modelnavigationcard__label {
  background: #4d4d4d;
  color: #fff;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  height: max-content;
  line-height: var(--label-1-line-height);
  padding: 0 .25rem
}

.cmp-modelnavigationcard__price-wrap {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  position: absolute;
  transition: opacity .3s ease-in-out;
  transition-delay: .2s;
  width: 100%;
  z-index: 90
}

.cmp-modelnavigationcard__price {
  display: block;
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-2-line-height);
  margin-top: -.25em;
  overflow: hidden;
  padding-right: .5rem;
  text-overflow: ellipsis;
  white-space: nowrap
}

.cmp-modelnavigationcard__price-disclaimer,
.cmp-modelnavigationcard__price-note {
  display: none
}

.cmp-modelnavigationcard__buttons-wrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  width: 100%
}

@media screen and (min-width:1280px) {
  .cmp-modelnavigationcard__buttons-wrap {
    padding: .75rem 0 0
  }
}

@media screen and (min-width:1920px) {
  .cmp-modelnavigationcard__buttons-wrap {
    padding-top: 1rem 0 0 0
  }
}

.cmp-modelnavigationcard__primary_button {
  align-items: center;
  background-color: #262626;
  border-radius: 3px;
  color: #fff;
  display: flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  height: 2.25rem;
  line-height: var(--body-2-line-height);
  margin-bottom: 1rem;
  overflow: hidden;
  padding: 0 1.5rem;
  text-decoration: none;
  white-space: nowrap
}

.cmp-modelnavigationcard__primary_button:focus,
.cmp-modelnavigationcard__primary_button:hover,
.cmp-modelnavigationcard__primary_button:visited {
  color: #fff
}

.cmp-modelnavigationcard__secondary_button {
  align-items: center;
  color: #262626;
  display: flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height);
  margin-bottom: 1.25rem;
  margin-left: 1rem;
  overflow: hidden;
  padding: 0;
  text-decoration: none;
  white-space: nowrap
}

.cmp-modelnavigationcard__secondary_button:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrow_chevron_right";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-modelnavigationcard__secondary_button:after {
    display: none
  }
}

.cmp-modelnavigationcard__secondary_button:after {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-modelnavigationcard__secondary_button:hover {
  color: #262626
}

.cmp-modelnavigationcard--hidden-anchors {
  display: none
}

.cmp-modelnavigationcard--inner-anchor {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 80
}

.cmp-modelnavigationcard--inner-anchor-mobile-auto {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100
}

@media screen and (min-width:1280px) {
  .cmp-modelnavigationcard--inner-anchor-mobile-auto {
    display: none
  }
}

.cmp-modelnavigationcard--tooltip-desktop {
  align-items: center;
  background: #0000;
  border: .125rem solid;
  border-radius: 50%;
  box-shadow: none;
  color: #666;
  cursor: pointer;
  display: none;
  height: 1rem;
  justify-content: center;
  padding: 0;
  position: relative;
  width: 1rem
}

.cmp-modelnavigationcard--tooltip-desktop,
.cmp-modelnavigationcard--tooltip-desktop:active,
.cmp-modelnavigationcard--tooltip-desktop:disabled,
.cmp-modelnavigationcard--tooltip-desktop:focus,
.cmp-modelnavigationcard--tooltip-desktop:hover,
.cmp-modelnavigationcard--tooltip-desktop:visited {
  background: #0000;
  color: #262626
}

.cmp-modelnavigationcard--tooltip-desktop:hover {
  color: #1c69d4
}

.cmp-modelnavigationcard--tooltip-desktop:active {
  color: #0653b6
}

.cmp-modelnavigationcard--tooltip-desktop:disabled {
  color: #bbb
}

.cmp-modelnavigationcard--tooltip-desktop:focus,
.cmp-modelnavigationcard--tooltip-desktop:focus-visible {
  outline: none
}

.cmp-modelnavigationcard--tooltip-desktop:focus-visible,
.cmp-modelnavigationcard--tooltip-desktop:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-modelnavigationcard--tooltip-desktop.focus-visible {
    outline: none
  }

  .cmp-modelnavigationcard--tooltip-desktop.focus-visible,
  .cmp-modelnavigationcard--tooltip-desktop.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-modelnavigationcard--tooltip-desktop:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-modelnavigationcard--tooltip-desktop.focus-visible {
    color: #1c69d4
  }
}

.cmp-modelnavigationcard--tooltip-desktop .cmp-modelnavigationcard--icon-element {
  display: grid;
  font-size: 1rem;
  line-height: 1
}

.cmp-modelnavigationcard--tooltip-desktop .cmp-modelnavigationcard--icon-element:before {
  font-size: inherit;
  font-weight: 400
}

@media screen and (min-width:1280px) {
  .cmp-modelnavigationcard--tooltip-desktop {
    display: inline-flex
  }
}

.cmp-modelnavigationcard--tooltip-holder {
  display: none
}

.cmp-modelnavigationcard--tooltip-content {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  max-width: 15rem;
  padding: 1.25rem 1.5rem
}

.style-modelnavigation--small .cmp-modelnavigationcard__title-wrap {
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 0
}

.style-modelnavigation--small .cmp-modelnavigationcard__entry-wrap {
  align-items: center;
  display: flex;
  margin: 0;
  padding: 0
}

.style-modelnavigation--small .cmp-modelnavigationcard__picture-wrap {
  margin: 0
}

.style-modelnavigation--small .cmp-modelnavigation__list-item {
  min-height: auto
}

.style-modelnavigation--small .cmp-modelnavigation__list-item:hover .cmp-modelnavigationcard__picture-wrap {
  bottom: 0;
  scale: 100%
}

.style-modelnavigation--small .cmp-modelnavigation__list-item:hover .cmp-modelnavigationcard__entry-wrap {
  opacity: 1
}

.style-modelnavigation--small .cmp-modelnavigation__list-item:hover .cmp-modelnavigationcard__price-wrap {
  opacity: 0
}

.style-modelnavigation--small .cmp-modelnavigationcard__model.cmp-modelnavigationcard__model--hidden {
  display: none
}

.style-modelnavigation--small .cmp-modelnavigationcard__model.cmp-modelnavigationcard__model--uppercase {
  text-transform: uppercase
}

.style-modelnavigation--small .cmp-modelnavigationcard__model,
.style-modelnavigation--small .cmp-modelnavigationcard__title {
  display: contents;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  letter-spacing: normal;
  line-height: var(--body-1-line-height);
  margin: 0;
  text-transform: none;
  white-space: normal
}

.style-modelnavigation--small .cmp-modelnavigationcard__model:after,
.style-modelnavigation--small .cmp-modelnavigationcard__title:after {
  content: " ";
  display: inherit
}

.style-modelnavigation--small .cmp-modelnavigationcard__icon {
  font-size: 3rem
}

.style-modelnavigation--small .cmp-modelnavigationcard__icon:before {
  font-size: inherit;
  font-weight: 300
}

.style-modelnavigation--small .cmp-modelnavigationcard__picture {
  height: auto
}

.style-modelnavigation--small .cmp-modelnavigationcard {
  margin-bottom: 0;
  padding: .5rem .5rem .5rem 0
}

@media screen and (min-width:768px) {
  .style-modelnavigation--small .cmp-modelnavigation {
    grid-template-columns: repeat(3, 1fr)
  }

  .style-modelnavigation--small .cmp-modelnavigation__list-item {
    display: flex;
    flex-direction: column;
    justify-content: center
  }

  .style-modelnavigation--small .cmp-modelnavigationcard {
    display: grid;
    grid-template-columns: 50% 50%;
    height: auto;
    padding: .5rem .25rem .5rem 0
  }
}

@media screen and (min-width:1280px) {
  .style-modelnavigation--small .cmp-modelnavigation {
    grid-gap: 1.5rem 2rem
  }

  .style-modelnavigation--small .cmp-modelnavigationcard__title {
    font-size: var(--body-1-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--body-1-line-height)
  }

  .style-modelnavigation--small .cmp-modelnavigationcard {
    grid-template-columns: 6fr 5fr;
    padding-left: .5rem
  }
}

.style-modelnavigation--image-tile .cmp-modelnavigation {
  grid-gap: .125rem;
  padding-bottom: 2rem
}

.style-modelnavigation--image-tile .cmp-modelnavigation:after,
.style-modelnavigation--image-tile .cmp-modelnavigation:before {
  content: none
}

@media screen and (min-width:768px) {
  .style-modelnavigation--image-tile .cmp-modelnavigation {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1280px) and (max-width:1919px) {
  .style-modelnavigation--image-tile .cmp-modelnavigation {
    padding-bottom: 2.5rem
  }
}

.style-modelnavigation--image-tile .cmp-modelnavigation__list-item {
  background: #666;
  margin: 0 0 1rem;
  overflow: hidden
}

.style-modelnavigation--image-tile .cmp-modelnavigation__list-item:hover {
  box-shadow: none
}

.style-modelnavigation--image-tile .cmp-modelnavigation__list-item:last-child {
  margin: 0
}

.style-modelnavigation--image-tile .cmp-modelnavigation__list-item:not(:last-child):after {
  display: none
}

@media screen and (min-width:768px) {
  .style-modelnavigation--image-tile .cmp-modelnavigation__list-item {
    margin: 0
  }
}

.style-modelnavigation--image-tile .cmp-modelnavigationcard {
  border: 0;
  box-shadow: none;
  display: block;
  height: 0;
  margin: 0;
  padding: 0 0 66.6666666667%;
  position: relative
}

.style-modelnavigation--image-tile .cmp-modelnavigationcard,
.style-modelnavigation--image-tile .cmp-modelnavigationcard:active,
.style-modelnavigation--image-tile .cmp-modelnavigationcard:disabled,
.style-modelnavigation--image-tile .cmp-modelnavigationcard:focus,
.style-modelnavigation--image-tile .cmp-modelnavigationcard:hover,
.style-modelnavigation--image-tile .cmp-modelnavigationcard:visited {
  background: #0000;
  color: #fff
}

.style-modelnavigation--image-tile .cmp-modelnavigationcard:focus,
.style-modelnavigation--image-tile .cmp-modelnavigationcard:focus-visible {
  outline: none
}

.style-modelnavigation--image-tile .cmp-modelnavigationcard:focus-visible,
.style-modelnavigation--image-tile .cmp-modelnavigationcard:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-modelnavigation--image-tile .cmp-modelnavigationcard.focus-visible {
    outline: none
  }

  .style-modelnavigation--image-tile .cmp-modelnavigationcard.focus-visible,
  .style-modelnavigation--image-tile .cmp-modelnavigationcard.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-modelnavigation--image-tile .cmp-modelnavigationcard:focus-visible {
  color: #f6f6f6
}

@supports (display:block) {
  .style-modelnavigation--image-tile .cmp-modelnavigationcard.focus-visible {
    color: #f6f6f6
  }
}

.style-modelnavigation--image-tile .cmp-modelnavigationcard:before {
  background: linear-gradient(180deg, #000, #0000 50%);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100
}

@media screen and (min-width:768px) {
  .style-modelnavigation--image-tile .cmp-modelnavigationcard {
    padding-bottom: 100%
  }
}

.style-modelnavigation--image-tile .cmp-modelnavigationcard__icon {
  top: 50%;
  transform: translate(-10%, -110%);
  z-index: 80
}

.style-modelnavigation--image-tile .cmp-modelnavigationcard--dam .cmp-modelnavigationcard__icon {
  z-index: 60
}

.style-modelnavigation--image-tile .cmp-modelnavigationcard__picture-wrap {
  margin: 0;
  padding-top: 66.6666666667%
}

@media screen and (min-width:768px) {
  .style-modelnavigation--image-tile .cmp-modelnavigationcard__picture-wrap {
    padding-top: 100%
  }
}

.style-modelnavigation--image-tile .cmp-modelnavigationcard__picture {
  height: 100%
}

.style-modelnavigation--image-tile .cmp-modelnavigationcard__picture--cosy {
  z-index: 90
}

.style-modelnavigation--image-tile .cmp-modelnavigationcard__picture--dam {
  z-index: 70
}

.style-modelnavigation--image-tile .cmp-modelnavigationcard__image {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  transition: transform .4s ease-in
}

.style-modelnavigation--image-tile .cmp-modelnavigation--auto .cmp-modelnavigationcard__image,
.style-modelnavigation--image-tile .cmp-modelnavigationcard__picture--cosy .cmp-modelnavigationcard__image {
  object-fit: contain
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-modelnavigation--image-tile .cmp-modelnavigationcard:hover .cmp-modelnavigationcard__image {
    transform: scale(1.03);
    transition: transform .4s ease-out
  }
}

.style-modelnavigation--image-tile .cmp-modelnavigationcard__entry-wrap {
  padding: 1rem 1.25rem 0;
  position: absolute;
  top: 0;
  z-index: 100
}

@media screen and (min-width:768px) {
  .style-modelnavigation--image-tile .cmp-modelnavigationcard__entry-wrap {
    padding: 1rem 1rem 0
  }
}

@media screen and (min-width:1280px) {
  .style-modelnavigation--image-tile .cmp-modelnavigationcard__entry-wrap {
    padding: 1.25rem 1.25rem 0
  }
}

.style-modelnavigation--image-tile .cmp-modelnavigationcard__title-wrap {
  flex-direction: column
}

.style-modelnavigation--image-tile .cmp-modelnavigationcard__title {
  order: 2;
  white-space: normal
}

.style-modelnavigation--image-tile .cmp-modelnavigationcard__label {
  margin-bottom: .5rem;
  width: -moz-fit-content;
  width: fit-content
}

.style-modelnavigation--image-tile .cmp-modelnavigationcard__subbrand-wrap {
  bottom: 0;
  margin: 0 1.25rem 1rem;
  position: absolute;
  right: 0;
  z-index: 100
}

.style-modelnavigation--image-tile .cmp-modelnavigationcard__subbrand-logo {
  height: 1rem;
  margin-left: .625rem
}

.style-modelnavigation--drivetrain-switch .cmp-modelnavigation {
  grid-gap: .5rem;
  grid-template-columns: 1fr;
  margin-bottom: 1.5rem;
  padding-bottom: 0
}

.style-modelnavigation--drivetrain-switch .cmp-modelnavigation:before {
  content: unset
}

.style-modelnavigation--drivetrain-switch .cmp-modelnavigation__list-item {
  display: inline-grid;
  justify-content: start;
  overflow: visible;
  width: var(--drivetranswitch-card-width)
}

.style-modelnavigation--drivetrain-switch .cmp-modelnavigation__list-item:after {
  content: unset
}

.style-modelnavigation--drivetrain-switch .cmp-modelnavigation__list-item:hover {
  box-shadow: none
}

.style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard__title {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

.style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard {
  border: .125rem solid #e6e6e6;
  display: flex;
  flex-direction: row;
  justify-content: start;
  padding: .75rem;
  transition: box-shadow .25s ease-in-out;
  width: var(--drivetranswitch-card-width)
}

.style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard .cmp-modelnavigationcard__picture {
  width: calc(var(--grid-main-container-width, 100vw)/4*.3 - .225rem)
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard:hover {
    box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d
  }
}

.style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard .cmp-modelnavigationcard__picture-wrap {
  height: 100%;
  overflow: visible;
  padding: 0
}

.style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard .cmp-modelnavigationcard__picture {
  position: relative
}

.style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard .cmp-modelnavigationcard__title {
  white-space: nowrap
}

@media screen and (min-width:1024px) {
  .style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard {
    padding: .875rem
  }

  .style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard .cmp-modelnavigationcard__picture {
    width: calc(var(--grid-main-container-width, 100vw)/4*.3 - .2625rem)
  }
}

@media screen and (min-width:1280px) {
  .style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard {
    padding: 1rem
  }

  .style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard .cmp-modelnavigationcard__picture {
    width: calc(var(--grid-main-container-width, 100vw)/4*.3 - .3rem)
  }

  .style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard .cmp-modelnavigationcard__icon {
    font-size: 2rem
  }

  .style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard .cmp-modelnavigationcard__icon:before {
    font-size: inherit;
    font-weight: 400
  }
}

.style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard__subbrand-wrap {
  display: flex;
  margin-left: .25rem
}

.style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard__subbrand-logo {
  height: .75rem
}

.style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard__icon {
  left: 0;
  top: 0;
  transform: none
}

.style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard--selected {
  border: 0
}

.style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard--selected:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  background: #4d4d4d;
  border-radius: 50%;
  color: #fff;
  content: "checkmark";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  position: absolute;
  right: -.333em;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  top: -.333em;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard--selected:after {
    display: none
  }
}

.style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard--selected:after {
  font-size: 1rem;
  font-weight: 400;
  height: 1.5em;
  padding: .25em;
  width: 1.5em
}

.style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard--selected:before {
  border: .125rem solid #4d4d4d;
  content: "";
  display: block;
  height: 100%;
  width: 100%
}

.style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard--selected:after,
.style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard--selected:before {
  position: absolute;
  z-index: 100
}

.style-modelnavigation--drivetrain-switch .cmp-modelnavigationcard--selected:before {
  left: 0;
  top: 0
}

.style-modelnavigation--drivetrain-switch .cmp-custom-dropdown>.cmp-custom-dropdown__label {
  display: none
}

.style-modelnavigation--drivetrain-switch .cmp-custom-dropdown .cmp-custom-dropdown__label-text {
  visibility: hidden
}

@media screen and (min-width:1024px) {
  .style-modelnavigation--drivetrain-switch .cmp-custom-dropdown {
    display: none
  }
}

.cmp-container.cmp-container--drivetrain-switch .aem-GridColumn {
  padding-right: 0
}

.cmp-container.cmp-container--drivetrain-switch .cmp-title__image-branding {
  margin: 0
}

@media screen and (max-width:1023px) {

  .cmp-container.cmp-container--drivetrain-switch .cmp-container,
  .cmp-container.cmp-container--drivetrain-switch .cmp-modelnavigation[data-initialized=true],
  .cmp-container.cmp-container--drivetrain-switch .cmp-text,
  .cmp-modelnavigation:not([data-initialized=true])+.cmp-custom-dropdown {
    display: none
  }
}

.cmp-modelnavigation__list-item:not(.cmp-modelnavigation__list-item--author),
.cmp-modelnavigation__list-item:not(.cmp-modelnavigation__list-item--author) .cmp-modelnavigationcard__picture-wrap {
  transition: opacity .4s ease-in, bottom .3s ease-in-out, scale .3s ease-in-out
}

.cmp-modelnavigation__list-item:not(.cmp-modelnavigation__list-item--author) .cmp-modelnavigationcard__picture-wrap {
  transition-delay: .2s
}

.cmp-modelnavigation:not([data-initialized=true]) .cmp-modelnavigation__list-item:not(.cmp-modelnavigation__list-item--author),
.cmp-modelnavigation:not([data-initialized=true]) .cmp-modelnavigation__list-item:not(.cmp-modelnavigation__list-item--author) .cmp-modelnavigationcard__picture-wrap {
  opacity: 0
}

.cmp-modelnavigationcard__layer-content {
  display: flex;
  flex-direction: column;
  position: relative
}

.cmp-modelnavigationcard__layer-content .cmp-modelnavigationcard--inner-anchor,
.cmp-modelnavigationcard__layer-content .cmp-modelnavigationcard--inner-anchor-mobile-auto {
  display: none
}

.cmp-modelnavigationcard__layer-content .cmp-modelnavigationcard__title {
  color: #f6f6f6;
  font-size: var(--headline-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-1-line-height)
}

.cmp-modelnavigationcard__layer-content .cmp-modelnavigationcard__picture-wrap {
  bottom: unset;
  height: auto;
  padding-top: 0;
  z-index: 10
}

.cmp-modelnavigationcard__layer-content .cmp-modelnavigationcard__picture {
  left: unset;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  position: static;
  top: unset;
  transform: none
}

.cmp-modelnavigationcard__layer-content .cmp-modelnavigationcard__entry-wrap {
  padding: 0 0 0 1.25rem;
  position: absolute;
  top: 0
}

.cmp-modelnavigationcard__layer-content .cmp-modelnavigationcard__eyebrow,
.cmp-modelnavigationcard__layer-content .cmp-modelnavigationcard__label,
.cmp-modelnavigationcard__layer-content .cmp-modelnavigationcard__subheadline {
  display: none
}

.cmp-modelnavigationcard__layer-content .cmp-modelnavigationcard__price-wrap {
  align-items: baseline;
  bottom: unset;
  margin-top: 20px;
  opacity: 1;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: relative
}

.cmp-modelnavigationcard__layer-content .cmp-modelnavigationcard__price {
  text-align: center;
  width: 100%
}

.cmp-modelnavigationcard__layer-content .cmp-modelnavigationcard__price-note {
  display: inline
}

.cmp-modelnavigationcard__layer-content .cmp-modelnavigationcard__price-disclaimer {
  display: block;
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  opacity: .7051;
  padding-top: 1.5rem
}

.cmp-modelnavigationcard__layer-content .cmp-modelnavigationcard__buttons-wrap {
  padding-top: 1.5rem;
  width: 100%
}

.cmp-modelnavigationcard__layer-content .cmp-modelnavigationcard__primary_button {
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  justify-content: center;
  line-height: var(--body-2-line-height);
  margin-bottom: 0;
  padding-bottom: .75rem;
  padding-top: .75rem;
  text-align: center;
  width: 100%
}

.cmp-modelnavigationcard__layer-content .cmp-modelnavigationcard__secondary_button {
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height);
  margin: 0;
  padding-left: 0;
  padding-top: .75rem
}

.cmp-dropdown {
  background-color: initial
}

.cmp-dropdown--page-overlay:before {
  background-color: #000c;
  bottom: 0;
  content: "";
  display: block;
  height: 100vh;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: background-color .314s ease-in-out;
  width: 100%;
  z-index: 6070
}

.cmp-dropdown__label {
  align-items: center;
  color: #666;
  display: flex;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  padding: .5rem 0
}

.cmp-dropdown__select {
  min-width: auto
}

@media screen and (min-width:768px) {
  .cmp-dropdown__select {
    position: relative
  }
}

.cmp-dropdown__text {
  -webkit-line-clamp: var(--singleline-support, 1);
  -webkit-box-orient: vertical;
  display: var(--singleline-support, -webkit-box);
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  overflow: hidden;
  text-overflow: ellipsis
}

.cmp-dropdown__input {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  justify-content: flex-start !important;
  min-height: 2.25rem;
  min-width: unset;
  padding: .25rem;
  padding-left: 1.25rem !important;
  padding-right: 3.5rem !important;
  text-align: center;
  text-align: left !important;
  text-decoration: none;
  width: 100%
}

.cmp-dropdown__input:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrow_chevron_down";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-dropdown__input:after {
    display: none
  }
}

.cmp-dropdown__input:after {
  font-size: 1.5rem;
  font-weight: 400
}

.cmp-dropdown__input,
.cmp-dropdown__input:active,
.cmp-dropdown__input:disabled,
.cmp-dropdown__input:focus,
.cmp-dropdown__input:hover {
  --border-color: #bbb;
  background-color: #fff;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-dropdown__input:hover {
    --border-color: #4d4d4d;
    color: #262626
  }
}

.cmp-dropdown__input:disabled,
.cmp-dropdown__input[aria-disabled=true] {
  --border-color: #bbb;
  background-color: #f2f2f2;
  color: #8e8e8e;
  pointer-events: none
}

.cmp-dropdown__input:disabled:focus-visible,
.cmp-dropdown__input[aria-disabled=true]:focus-visible {
  color: #8e8e8e
}

@supports (display:block) {

  .cmp-dropdown__input:disabled.focus-visible,
  .cmp-dropdown__input[aria-disabled=true].focus-visible {
    color: #8e8e8e
  }
}

.cmp-dropdown__input:focus,
.cmp-dropdown__input:focus-visible {
  outline: none
}

.cmp-dropdown__input:focus-visible,
.cmp-dropdown__input:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-dropdown__input.focus-visible {
    outline: none
  }

  .cmp-dropdown__input.focus-visible,
  .cmp-dropdown__input.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-dropdown__input:focus-visible {
  color: #262626
}

@supports (display:block) {
  .cmp-dropdown__input.focus-visible {
    color: #262626
  }
}

.cmp-dropdown__input:after {
  border: 0;
  right: 1rem;
  transform: translateY(-50%)
}

.cmp-dropdown__input.changed .cmp-dropdown__text {
  font-size: var(--body-2-font-size);
  font-weight: var(--input-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-dropdown__input[aria-expanded=true] {
  box-shadow: inset 0 0 0 2px #4d4d4d;
  color: #262626
}

.cmp-dropdown__menu {
  background-color: #fff;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  padding-right: 0
}

@media screen and (max-width:767px) {
  .cmp-dropdown__menu {
    box-shadow: unset;
    position: unset
  }
}

@media screen and (min-width:768px) {
  .cmp-dropdown__menu {
    border-radius: 0 0 3px 3px;
    box-shadow: 0 .125rem .5rem 0 #00000014, 0 0 .0625rem 0 #0000003d;
    padding-right: 0
  }
}

.cmp-dropdown__sort-item {
  background-color: #f2f2f2;
  display: block;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  padding: .5rem 1.25rem
}

.cmp-dropdown__option {
  cursor: pointer;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  padding: .75rem 1.25rem
}

.cmp-dropdown__option .cmp-dropdown__option--current,
.cmp-dropdown__option:hover {
  background-color: #f2f2f2
}

.cmp-dropdown__option .cmp-dropdown__option--current {
  font-size: var(--body-2-font-size);
  font-weight: var(--input-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-dropdown__option[aria-selected=true] {
  background-color: #262626;
  color: #fff;
  position: relative
}

.cmp-dropdown__option[aria-selected=true]:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "checkmark";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-dropdown__option[aria-selected=true]:after {
    display: none
  }
}

.cmp-dropdown__option[aria-selected=true]:after {
  font-size: 1.5rem;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%)
}

@media screen and (min-width:768px) {
  .cmp-dropdown__option[aria-selected=true]:after {
    right: 1rem;
    transform: translateY(-50%)
  }

  .cmp-dropdown__option {
    align-items: center;
    border-radius: 3px;
    border-radius: 0;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    justify-content: flex-start !important;
    min-height: 2.25rem;
    min-width: unset;
    padding: .25rem;
    padding-left: 1.25rem !important;
    padding-right: 3.5rem !important;
    text-align: center;
    text-align: left !important;
    text-decoration: none;
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .cmp-dropdown--is-open .cmp-dropdown__input:after {
    color: #fff;
    top: 0;
    transform: translateY(-100%);
    transform-origin: top left
  }
}

@media screen and (min-width:768px) {
  .cmp-dropdown--is-open .cmp-dropdown__input:after {
    transform: rotate(180deg) translateY(-50%);
    transform-origin: top
  }
}

@media screen and (max-width:767px) {
  .cmp-dropdown--is-open .cmp-dropdown__label {
    color: #fff;
    padding: .5rem 3.5rem .5rem 1.25rem
  }
}

.cmp-dropdown--is-open .cmp-dropdown__input {
  z-index: 30
}

.cmp-dropdown--is-open .cmp-dropdown__menu {
  z-index: 20
}

@media screen and (max-width:767px) {
  .cmp-dropdown--is-open {
    animation: grow-up .341s ease-in-out forwards;
    bottom: 0;
    left: 0;
    max-height: 75vh;
    position: fixed;
    right: 0;
    top: unset;
    transform-origin: bottom center;
    width: 100%;
    z-index: 6080
  }

  .cmp-dropdown--is-open .cmp-dropdown__input {
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    min-height: 3.25rem;
    padding: .25rem;
    text-align: center;
    text-decoration: none
  }

  .cmp-dropdown--is-open .cmp-dropdown__input:after {
    word-wrap: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "close";
    direction: ltr;
    display: block;
    font-family: "bmw_next_icons";
    font-style: normal;
    font-weight: 400;
    height: 1em;
    line-height: 1;
    outline: 1px solid #0000;
    text-align: left;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    width: auto
  }

  .cmp-dropdown--is-open+.cmp-dropdown--mobile-clone {
    display: unset;
    visibility: unset
  }
}

@keyframes grow-up {
  0% {
    transform: scaleY(0)
  }

  to {
    transform: scaleY(1)
  }
}

.cmp-dropdown--no-label .cmp-dropdown__label {
  display: none;
  visibility: hidden
}

@media screen and (min-width:768px) {
  .cmp-modelcontextfilter .cmp-dropdown {
    min-width: 17rem
  }
}

.cmp-modelcontextfilter__filters,
.cmp-modelcontextfilter__headline,
.cmp-modelcontextfilter__sortcontainer {
  flex-basis: 100%
}

@media screen and (min-width:768px) {

  .cmp-modelcontextfilter__filters,
  .cmp-modelcontextfilter__sortcontainer {
    flex-basis: auto
  }
}

.cmp-modelcontextfilter__headline {
  font-size: var(--headline-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-1-line-height);
  margin-bottom: 2.5rem;
  text-align: center
}

@media screen and (min-width:768px) {
  .cmp-modelcontextfilter__headline {
    text-align: unset
  }
}

@media screen and (min-width:1280px) {
  .cmp-modelcontextfilter__headline {
    margin-bottom: 3rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-modelcontextfilter__headline {
    margin-bottom: 4rem
  }
}

.cmp-modelcontextfilter__controls {
  column-gap: 4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 3rem 0 1.5rem;
  row-gap: 1.25rem
}

@media screen and (min-width:1280px) {
  .cmp-modelcontextfilter__controls {
    margin: 4rem 0 2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-modelcontextfilter__controls {
    margin: 5rem 0 2.5rem
  }
}

.cmp-modelcontextfilter__sortby-label {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  display: inline;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.cmp-modelcontextfilter__filter-list {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  list-style: none
}

.cmp-modelcontextfilter__filter-button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  justify-content: center;
  line-height: var(--body-2-line-height);
  min-height: 2.25rem;
  padding: 0 1rem;
  text-align: center;
  text-decoration: none;
  transition: all .25s ease-in-out;
  white-space: nowrap
}

.cmp-modelcontextfilter__filter-button,
.cmp-modelcontextfilter__filter-button:active,
.cmp-modelcontextfilter__filter-button:disabled,
.cmp-modelcontextfilter__filter-button:focus,
.cmp-modelcontextfilter__filter-button:hover {
  --border-color: #8e8e8e;
  background-color: #0000;
  color: #666
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-modelcontextfilter__filter-button:hover {
    --border-color: #262626;
    --border-width: 1px;
    box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset);
    color: #262626
  }
}

.cmp-modelcontextfilter__filter-button:disabled,
.cmp-modelcontextfilter__filter-button[aria-disabled=true] {
  --border-color: #f2f2f2;
  color: #bbb;
  pointer-events: none
}

.cmp-modelcontextfilter__filter-button:disabled:focus-visible,
.cmp-modelcontextfilter__filter-button[aria-disabled=true]:focus-visible {
  color: #bbb
}

@supports (display:block) {

  .cmp-modelcontextfilter__filter-button:disabled.focus-visible,
  .cmp-modelcontextfilter__filter-button[aria-disabled=true].focus-visible {
    color: #bbb
  }
}

.cmp-modelcontextfilter__filter-button:focus,
.cmp-modelcontextfilter__filter-button:focus-visible {
  outline: none
}

.cmp-modelcontextfilter__filter-button:focus-visible,
.cmp-modelcontextfilter__filter-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-modelcontextfilter__filter-button.focus-visible {
    outline: none
  }

  .cmp-modelcontextfilter__filter-button.focus-visible,
  .cmp-modelcontextfilter__filter-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-modelcontextfilter__filter-button:focus-visible {
  color: #262626
}

@supports (display:block) {
  .cmp-modelcontextfilter__filter-button.focus-visible {
    color: #262626
  }
}

.cmp-modelcontextfilter__filter-button[aria-checked=true] {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset)
}

.cmp-modelcontextfilter__filter-button[aria-checked=true],
.cmp-modelcontextfilter__filter-button[aria-checked=true]:active,
.cmp-modelcontextfilter__filter-button[aria-checked=true]:focus,
.cmp-modelcontextfilter__filter-button[aria-checked=true]:hover {
  background-color: #262626;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-modelcontextfilter__filter-button[aria-checked=true]:hover {
    background-color: #4d4d4d;
    box-shadow: none
  }
}

.cmp-modelcontextfilter__filter-button[aria-checked=true]:focus,
.cmp-modelcontextfilter__filter-button[aria-checked=true]:focus-visible {
  outline: none
}

.cmp-modelcontextfilter__filter-button[aria-checked=true]:focus-visible,
.cmp-modelcontextfilter__filter-button[aria-checked=true]:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-modelcontextfilter__filter-button[aria-checked=true].focus-visible {
    outline: none
  }

  .cmp-modelcontextfilter__filter-button[aria-checked=true].focus-visible,
  .cmp-modelcontextfilter__filter-button[aria-checked=true].focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-modelcontextfilter__filter-button[aria-checked=true]:focus-visible {
  background-color: #4d4d4d
}

@supports (display:block) {
  .cmp-modelcontextfilter__filter-button[aria-checked=true].focus-visible {
    background-color: #4d4d4d
  }
}

.cmp-modelcontextfilter__filter-button[aria-checked=true]:disabled,
.cmp-modelcontextfilter__filter-button[aria-checked=true][aria-disabled=true] {
  background-color: #bbb;
  pointer-events: none
}

.cmp-modelcontextfilter__children {
  margin: 0 -.5rem;
  min-width: 100%;
  width: auto
}

.cmp-modelcontextfilter__children:before {
  background-color: initial;
  bottom: 0;
  content: "";
  height: 100vh;
  left: 0;
  opacity: 0;
  
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity .314s ease-in-out, background-color .314s ease-in-out;
  width: 100vw;
  z-index: 20
}

@media screen and (min-width:768px) {
  .cmp-modelcontextfilter__children {
    margin: 0 -.75rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-modelcontextfilter__children {
    margin: 0 -.75rem
  }
}

.cmp-modelcontextfilter__children[aria-busy=true] {
  --size: 3rem;
  --factor: 1
}

.cmp-modelcontextfilter__children[aria-busy=true]:after {
  animation-duration: 1.2s, 1.2s, .6s;
  animation-iteration-count: infinite, 1, 1;
  animation-name: spin, fade-in, grow;
  animation-timing-function: linear;
  border-color: #0000 #262626;
  border-radius: 50%;
  border-style: solid;
  border-width: calc(var(--size)*var(--factor)/6);
  bottom: 0;
  box-sizing: border-box;
  content: "";
  height: calc(var(--size)*var(--factor));
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(45deg);
  width: calc(var(--size)*var(--factor));
  z-index: 11
}

@media screen and (min-width:1024px) {
  .cmp-modelcontextfilter__children[aria-busy=true]:after {
    --factor: 1.33
  }
}

@media screen and (min-width:1280px) {
  .cmp-modelcontextfilter__children[aria-busy=true]:after {
    --factor: 1.66
  }
}

.cmp-modelcontextfilter__children[aria-busy=true]:before {
  animation-duration: .3s;
  animation-name: fade-in;
  background-color: #ffffffd6;
  bottom: 0;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10
}

@keyframes fade-in {
  0% {
    background-color: #0000
  }

  to {
    background-color: #ffffffd6
  }
}

@keyframes spin {
  0% {
    transform: rotate(45deg)
  }

  to {
    transform: rotate(405deg)
  }
}

@keyframes grow {
  0% {
    height: calc(var(--size)*var(--factor)*.5);
    width: calc(var(--size)*var(--factor)*.5)
  }

  to {
    height: calc(var(--size)*var(--factor));
    width: calc(var(--size)*var(--factor))
  }
}

.cmp-modelcontextfilter__children[aria-busy=true]:before {
  background: #ffffffd6;
  display: block;
  opacity: 1;
  transition: opacity .314s ease-in-out, background-color .314s ease-in-out
}

.cmp-modelcontextfilter__children[aria-busy=true]:after {
  position: fixed;
  z-index: 30
}

.cmp-modelcontextfilter__filter-icon {
  display: block;
  height: .75rem
}

.cmp-modelcontextfilter__filter-icon--bmw-i {
  content: url("")
}

[aria-checked=true] .cmp-modelcontextfilter__filter-icon--bmw-i {
  content: url("")
}

.cmp-modelcontextfilter__filter-icon--bmw-m {
  content: url("")
}

[aria-checked=true] .cmp-modelcontextfilter__filter-icon--bmw-m {
  content: url("")
}

.cmp-modelcontextfilter__children>.aem-Grid {
  display: flex;
  flex-wrap: wrap
}

.cmp-modelcontextfilter__children>.aem-Grid>.container>.cmp-container {
  height: 100%
}

.cmp-modelhubcard {
  aspect-ratio: 1/1;
  background-color: #f2f2f2;
  overflow: hidden;
  position: relative
}

.cmp-modelhubcard a:focus,
.cmp-modelhubcard a:focus-visible {
  outline: none
}

.cmp-modelhubcard a:focus-visible,
.cmp-modelhubcard a:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-modelhubcard a.focus-visible {
    outline: none
  }

  .cmp-modelhubcard a.focus-visible,
  .cmp-modelhubcard a.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-modelhubcard:after,
.cmp-modelhubcard:before {
  background: linear-gradient(90deg, #f2f2f200, #f2f2f2 75%);
  content: "";
  display: inline-block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1.25rem
}

@media screen and (min-width:1280px) {

  .cmp-modelhubcard:after,
  .cmp-modelhubcard:before {
    width: 1.5rem
  }
}

@media screen and (min-width:1920px) {

  .cmp-modelhubcard:after,
  .cmp-modelhubcard:before {
    width: 2rem
  }
}

.cmp-modelhubcard:before {
  left: 0;
  right: unset;
  transform: rotate(180deg);
  z-index: 10
}

@media screen and (min-width:1024px) {
  .cmp-modelhubcard {
    aspect-ratio: 4/3
  }
}

.cmp-modelhubcard__serieswrapper {
  position: absolute;
  width: 100%
}

.cmp-modelhubcard__seriesname {
  color: #bbb;
  font-size: var(--stage-model-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--stage-model-1-line-height);
  line-height: 1;
  padding: .75rem 1.25rem 0
}

@media screen and (min-width:1280px) {
  .cmp-modelhubcard__seriesname {
    line-height: 1;
    padding: .75rem 1.5rem 0
  }
}

@media screen and (min-width:1920px) {
  .cmp-modelhubcard__seriesname {
    padding: 1.5rem 2rem 0
  }
}

.cmp-modelhubcard__seriessubtitle {
  color: #bbb;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  padding: 0 1.25rem
}

@media screen and (min-width:1280px) {
  .cmp-modelhubcard__seriessubtitle {
    padding: 0 1.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-modelhubcard__seriessubtitle {
    padding: 0 2rem
  }
}

.cmp-modelhubcard__image {
  display: grid;
  font-size: 0;
  height: calc(100% - 2.5rem);
  line-height: 0;
  margin: 0;
  place-content: center;
  position: relative
}

.cmp-modelhubcard__image .cmp-modelhubcard__image-holder {
  transform: translateY(1.25rem) scale(1.8)
}

@media screen and (min-width:768px) {
  .cmp-modelhubcard__image .cmp-modelhubcard__image-holder {
    transform: translateX(-2rem) translateY(1.25rem) scale(1.35)
  }
}

@media screen and (min-width:1024px) {
  .cmp-modelhubcard__image .cmp-modelhubcard__image-holder {
    transform: translateX(-1rem) translateY(1.25rem) scale(1.35)
  }
}

@media screen and (min-width:1920px) {
  .cmp-modelhubcard__image .cmp-modelhubcard__image-holder {
    transform: translateX(-1rem) translateY(1.25rem) scale(1.3)
  }
}

.cmp-modelhubcard__image a:focus,
.cmp-modelhubcard__image a:focus-visible {
  outline: none
}

.cmp-modelhubcard__image a:focus-visible,
.cmp-modelhubcard__image a:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-modelhubcard__image a.focus-visible {
    outline: none
  }

  .cmp-modelhubcard__image a.focus-visible,
  .cmp-modelhubcard__image a.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.modelcard:not([class*=style-modelhubcard__ratio--]) .cmp-modelhubcard__image {
  height: 100%;
  padding-bottom: 5rem;
  padding-top: 6rem
}

@media screen and (min-width:1280px) {
  .cmp-modelhubcard__image {
    height: calc(100% - 2.5rem)
  }
}

@media screen and (min-width:1920px) {
  .cmp-modelhubcard__image {
    height: calc(100% - 2.5rem)
  }
}

@media screen and (hover:hover) and (pointer:fine) and (min-width:768px) {
  .cmp-modelhubcard:hover .cmp-modelhubcard__image:not(.cmp-modelhubcard__image--disable-hover, .cmp-modelhubcard__image--backview) {
    display: none
  }
}

.cmp-modelhubcard__image--backview {
  display: none
}

@media screen and (min-width:768px) {
  .cmp-modelhubcard:hover .cmp-modelhubcard__image--backview {
    display: grid
  }
}

.cmp-modelhubcard__image img,
.cmp-modelhubcard__image--backview img {
  max-width: 100%
}

.cmp-modelhubcard__usp-list {
  bottom: 0;
  list-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 1.25rem;
  position: absolute;
  white-space: nowrap;
  width: 100%
}

@media screen and (min-width:1280px) {
  .cmp-modelhubcard__usp-list {
    padding: 1.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-modelhubcard__usp-list {
    padding: 2rem
  }
}

.cmp-modelhubcard__usp-item {
  background-color: #fff;
  border-radius: 3px;
  color: #4d4d4d;
  display: inline-block;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  margin: .125rem;
  padding: .5rem .75rem
}

.cmp-modelhubcard__usp-item:first-child {
  margin-left: 0
}

.cmp-modelhubcard__usp-item:last-child {
  margin-right: 0
}

.cmp-modelhubcard__usp-item .cmp-infoi {
  font-weight: 400;
  margin-left: .5rem;
  white-space: normal
}

@media screen and (min-width:1280px) {
  .cmp-modelhubcard__usp-item {
    margin: 0 .25rem;
    padding: .5rem 1rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-modelhubcard__usp-item {
    padding: .5rem 1.25rem
  }
}

@media screen and (max-width:1023px) {
  .style-modelhubcard--reverse-order {
    order: -1
  }
}

.style-modelhubcard__background--transparent .cmp-modelhubcard {
  background-color: #0000
}

.style-modelhubcard__background--transparent .cmp-modelhubcard:after,
.style-modelhubcard__background--transparent .cmp-modelhubcard:before {
  content: unset
}

.style-modelhubcard__background--light .cmp-modelhubcard {
  background-color: #f2f2f2
}

.style-modelhubcard__background-text--left .cmp-modelhubcard__seriesname {
  text-align: left
}

.style-modelhubcard__background-text--center .cmp-modelhubcard__seriesname {
  text-align: center
}

.style-modelhubcard__background-text--right .cmp-modelhubcard__seriesname {
  text-align: right
}

.style-modelhubcard__ratio--3x2 .cmp-modelhubcard {
  aspect-ratio: 1.5
}

.style-modelhubcard__ratio--4x3 .cmp-modelhubcard {
  aspect-ratio: 1.3333333333
}

.style-modelhubcard__ratio--16x9 .cmp-modelhubcard {
  aspect-ratio: 1.7777777778
}

.style-modelhubcard__ratio--21x9 .cmp-modelhubcard {
  aspect-ratio: 2.3333333333
}

.style-modelhubcard__seriesname--stage-model-1 .cmp-modelhubcard__seriesname {
  font-size: var(--stage-model-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--stage-model-1-line-height)
}

.style-modelhubcard__seriesname--headline-1 .cmp-modelhubcard__seriesname {
  font-size: var(--headline-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-1-line-height)
}

.microsite.aem-GridColumn {
  padding: 0
}

.cmp-mediashowcase {
  overflow: hidden;
  position: relative;
  transform: scale(.9);
  transition: transform 2s ease-out
}

.style-container--fixed .cmp-mediashowcase {
  margin-left: calc(var(--grid-full)*-1);
  margin-right: calc(var(--grid-full)*-1);
  max-width: 120rem;
  width: calc(100% + var(--grid-full)*2)
}

.cmp-mediashowcase .cmp-mediashowcase__info-wrapper.is-expanded .cmp-mediashowcase__description {
  margin-top: .75rem;
  max-height: 12rem;
  overflow-y: scroll;
  scrollbar-width: none
}

.cmp-mediashowcase .cmp-mediashowcase__info-wrapper.is-expanded .cmp-mediashowcase__description::-webkit-scrollbar {
  display: none
}

.cmp-mediashowcase .cmp-mediashowcase__slide {
  width: 100%
}

.cmp-mediashowcase .cmp-mediashowcase__slide .image {
  pointer-events: none
}

.cmp-mediashowcase .cmp-mediashowcase__slide .video .cmp-control-bar,
.cmp-mediashowcase .cmp-mediashowcase__slide .video .cmp-video__overlay-button,
.cmp-mediashowcase .cmp-video__video .cmp-progressiveplaybutton {
  display: none
}

.cmp-mediashowcase .sr-only {
  clip: rect(0 0 0 0);
  border: 0;
  clip-path: inset(100%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px
}

.cmp-mediashowcase .cmp-video__energylabel-wrapper {
  pointer-events: none
}

.cmp-mediashowcase__swiper {
  background-color: #000;
  position: relative;
  transform: scale(1.111);
  transition: transform 2s ease-out
}

.cmp-mediashowcase__swiper .swiper-slide {
  visibility: hidden
}

.cmp-mediashowcase__swiper .swiper-slide-active {
  z-index: 10
}

.cmp-mediashowcase__zoom-effect {
  transform: scale(1)
}

.cmp-mediashowcase__no-click {
  pointer-events: none !important
}

[dir=rtl] .rtl-flippable-group {
  transform: scale(-1) translate(-36px, -36px);
  transform-origin: center
}

.visually-hidden {
  clip: rect(0, 0, 0, 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px
}

.cmp-mediashowcase__transition {
  transition: filter 2s ease-out, opacity 2s ease-out
}

.cmp-mediashowcase__exterior {
  aspect-ratio: 9/16
}

.cmp-mediashowcase__exterior .cmp-image__image,
.cmp-mediashowcase__exterior .cmp-video__poster,
.cmp-mediashowcase__exterior .cmp-video__video-player {
  opacity: 0;
  will-change: opacity
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__gradient {
  display: none
}

.cmp-mediashowcase__exterior .full-brightness {
  opacity: 1;
  transition: opacity 2s ease-out
}

.cmp-mediashowcase__exterior .full-brightness-blitz {
  opacity: 1;
  transition: opacity 0s
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__blur-container {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #262626cc;
  bottom: 0;
  color: #fff;
  left: 0;
  opacity: 0;
  padding: 1.5rem;
  position: absolute;
  transition: opacity .7s ease-out;
  width: 100%;
  z-index: 10
}

@media screen and (min-width:768px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__blur-container {
    left: 13.8%;
    padding: 2rem;
    width: 72.4%
  }
}

@media screen and (min-width:1024px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__blur-container {
    bottom: 3rem;
    left: 3rem;
    width: 22.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__blur-container {
    bottom: 4rem;
    left: 6rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__blur-container {
    bottom: 5rem;
    padding: 3rem;
    width: 35rem
  }
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__blur-container.show-blur {
  opacity: 1
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__blur-container.cmp-mediashowcase__has-disclaimer {
  bottom: 3.375rem
}

@media screen and (min-width:1024px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__blur-container.cmp-mediashowcase__has-disclaimer {
    bottom: 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__blur-container.cmp-mediashowcase__has-disclaimer {
    bottom: 4rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__blur-container.cmp-mediashowcase__has-disclaimer {
    bottom: 5rem
  }
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper {
  border-left: .125rem solid #ffffff75;
  display: flex;
  flex-direction: column;
  padding-left: .75rem;
  transition: border-left-color .5s ease-out
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper .cmp-mediashowcase__info-panel {
  display: flex;
  flex-direction: column;
  opacity: 1
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper .cmp-mediashowcase__info-panel.is-collapsed {
  height: 0;
  max-height: 0;
  opacity: 0;
  pointer-events: none
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper .cmp-mediashowcase__bullet {
  background-color: #0000;
  border: 0 solid #0000;
  color: #ffffff75;
  cursor: pointer;
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height);
  margin: 0;
  padding: 0;
  text-align: left;
  transition: color .5s ease-out
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper .cmp-mediashowcase__bullet:hover {
  color: #fff
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper .cmp-mediashowcase__description {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  height: 0;
  line-height: var(--body-1-line-height);
  margin-top: 0;
  overflow: hidden;
  transition: height .7s ease-out, margin-top .7s ease-out
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper .cmp-mediashowcase__cta-button {
  background-color: #0000;
  border: 0 solid #0000;
  color: #fff;
  cursor: pointer;
  height: 0;
  line-height: 1.375rem;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: left;
  transition: height .7s ease-out, margin-top .7s ease-out
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper .cmp-mediashowcase__cta-button .cmp-mediashowcase__cta-button-text {
  bottom: 0;
  display: block;
  font-weight: var(--price-font-weight);
  left: 0;
  position: absolute;
  transition: opacity .7s ease-out
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper .cmp-mediashowcase__cta-button .cmp-mediashowcase__cta-button-text:first-of-type {
  opacity: 1
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper .cmp-mediashowcase__cta-button .cmp-mediashowcase__cta-button-text:last-of-type {
  opacity: 0
}

@media screen and (min-width:1024px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper .cmp-mediashowcase__cta-button {
    line-height: 1.625rem
  }
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper:hover {
  border-left: .125rem solid #fff
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper:not(:last-of-type) {
  margin-bottom: 2rem
}

@media screen and (min-width:768px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper:not(:last-of-type) {
    margin-bottom: 2.5rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper:not(:last-of-type) {
    margin-bottom: 3rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper:not(:last-of-type) {
    margin-bottom: 4rem
  }
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper.is-active {
  border-left: .125rem solid #fff
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper.is-active .cmp-mediashowcase__bullet {
  color: #fff;
  cursor: default;
  pointer-events: none
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper.is-active .cmp-mediashowcase__cta-button {
  height: 1.375rem;
  margin-top: .75rem
}

@media screen and (min-width:1024px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper.is-active .cmp-mediashowcase__cta-button {
    height: 1.625rem
  }
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper.is-active .cmp-mediashowcase__description {
  margin-top: 0
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper.is-expanded .cmp-mediashowcase__cta-button-text:first-of-type {
  opacity: 0
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper.is-expanded .cmp-mediashowcase__cta-button-text:last-of-type {
  opacity: 1
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper.is-expanded .cmp-mediashowcase__description {
  margin-top: .5rem
}

@media screen and (min-width:1024px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__info-wrapper.is-expanded .cmp-mediashowcase__description {
    margin-top: .75rem
  }
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__swiper-wrapper {
  height: 177.7777777778%
}

@media screen and (min-width:768px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__swiper-wrapper {
    height: 100%
  }
}

@media screen and (min-width:1024px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__swiper-wrapper {
    height: 56.25%
  }
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__swiper-wrapper {
    height: 43.75%
  }
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__slide-exterior .cmp-image {
  display: flex;
  height: 177.7777777778vw;
  justify-content: center;
  width: 100%
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__slide-exterior .cmp-image .cmp-image__image {
  height: 100%;
  width: auto
}

@media screen and (min-width:768px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__slide-exterior .cmp-video__video {
    display: flex;
    height: 100vw;
    justify-content: center;
    width: auto
  }

  .cmp-mediashowcase__exterior .cmp-mediashowcase__slide-exterior .cmp-video__video .cmp-video__video-player {
    height: 100%;
    width: auto
  }

  .cmp-mediashowcase__exterior .cmp-mediashowcase__slide-exterior .cmp-image {
    display: flex;
    height: 100vw;
    justify-content: center;
    width: auto
  }

  .cmp-mediashowcase__exterior .cmp-mediashowcase__slide-exterior .cmp-image .cmp-image__image {
    height: 100%;
    width: auto
  }
}

@media screen and (min-width:1024px) {

  .cmp-mediashowcase__exterior .cmp-mediashowcase__slide-exterior .cmp-image,
  .cmp-mediashowcase__exterior .cmp-mediashowcase__slide-exterior .cmp-video__video {
    height: 56.25vw
  }
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__slide-exterior .cmp-video__video {
    display: block;
    height: 100%;
    width: auto
  }

  .cmp-mediashowcase__exterior .cmp-mediashowcase__slide-exterior .cmp-video__video .cmp-video__video-player {
    height: 100%;
    width: auto
  }

  .cmp-mediashowcase__exterior .cmp-mediashowcase__slide-exterior .cmp-image {
    display: block;
    height: 100%;
    width: auto
  }

  .cmp-mediashowcase__exterior .cmp-mediashowcase__slide-exterior .cmp-image .cmp-image__image {
    height: auto;
    width: 100%
  }
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__pagination {
  bottom: 0;
  display: none;
  left: .5rem;
  position: absolute;
  z-index: 10
}

.cmp-mediashowcase__exterior .swiper-pagination-bullet {
  background: #fff;
  opacity: 1
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__bullet-active {
  background: #1c69d4
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button {
  background-color: #0000;
  border: .0625rem solid #ffffff75;
  border-radius: 50%;
  cursor: pointer;
  height: 2.25rem;
  position: absolute;
  transition: border .5s ease-out;
  width: 2.25rem;
  z-index: 10
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button .cmp-mediashowcase__icon {
  color: #fff;
  height: 1rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity .5s ease-out
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button .cmp-mediashowcase__button-play {
  opacity: 0;
  transform: translate(-50%, -60%)
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button .cmp-mediashowcase__button-play:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "pause";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button .cmp-mediashowcase__button-play:before {
    display: none
  }
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button .cmp-mediashowcase__button-play:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button .cmp-mediashowcase__button-pause {
  opacity: 1;
  transform: translate(-48%, -60%)
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button .cmp-mediashowcase__button-pause:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "play";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button .cmp-mediashowcase__button-pause:before {
    display: none
  }
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button .cmp-mediashowcase__button-pause:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button .cmp-mediashowcase__play-bar {
  height: 2.25rem;
  left: 50%;
  overflow: visible;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button .cmp-mediashowcase__play-bar .cmp-mediashowcase__circle {
  stroke: #fff;
  transform: rotate(-90deg) translateX(-2.25rem)
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button:hover {
  border: .0625rem solid #fff
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button.mobile-only {
  right: 1.5rem;
  top: -3.25rem
}

@media screen and (min-width:768px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button.mobile-only {
    display: block;
    right: 0;
    top: -4.25rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button.mobile-only {
    display: none
  }
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button.desktop-only {
  display: none
}

@media screen and (min-width:1024px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button.desktop-only {
    bottom: 3rem;
    display: block;
    right: 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button.desktop-only {
    bottom: 4rem;
    right: 6rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button.desktop-only {
    bottom: 5rem;
    right: 6rem
  }
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button.is-playing .cmp-mediashowcase__button-play {
  opacity: 1
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__play-pause-button.is-playing .cmp-mediashowcase__button-pause {
  opacity: 0
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__blur-container-fake {
  color: #0000;
  opacity: 0;
  padding: 1.5rem;
  position: absolute;
  right: -1875rem;
  top: -1875rem;
  width: 100%
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__blur-container-fake .cmp-mediashowcase__info-wrapper-fake {
  border-left: .125rem solid #ffffff75;
  display: flex;
  flex-direction: column;
  padding-left: .75rem;
  transition: border-left-color .5s ease-out
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__blur-container-fake .cmp-mediashowcase__info-wrapper-fake .cmp-mediashowcase__description-fake {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  height: auto;
  line-height: var(--body-1-line-height);
  margin-top: 0;
  overflow: hidden
}

@media screen and (min-width:768px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__blur-container-fake {
    padding: 2rem;
    right: -1875rem;
    top: -1875rem;
    width: 72.4%
  }
}

@media screen and (min-width:1024px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__blur-container-fake {
    right: -1875rem;
    top: -1875rem;
    width: 22.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__blur-container-fake {
    right: -1875rem;
    top: -1875rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__blur-container-fake {
    padding: 3rem;
    right: -1875rem;
    top: -1875rem;
    width: 35rem
  }
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__disclaimer-wrapper {
  bottom: 0;
  display: flex;
  justify-content: left;
  left: 0;
  padding: 0 0 1rem 1rem;
  
  position: absolute;
  width: 100%;
  z-index: 20
}

.cmp-mediashowcase__exterior .cmp-mediashowcase__disclaimer-wrapper .cmp-text {
  color: #fff
}

@media screen and (min-width:1024px) {
  .cmp-mediashowcase__exterior .cmp-mediashowcase__disclaimer-wrapper {
    align-items: flex-end;
    background: linear-gradient(0deg, #00000080 0, #0000);
    bottom: 0;
    height: 6rem;
    justify-content: flex-end;
    padding: 0 1rem 1rem 0;
    position: absolute;
    z-index: 10
  }
}

@media screen and (min-width:768px) {
  .cmp-mediashowcase__exterior {
    aspect-ratio: 1/1
  }
}

@media screen and (min-width:1024px) {
  .cmp-mediashowcase__exterior {
    aspect-ratio: 16/9
  }
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__exterior {
    aspect-ratio: 16/7
  }
}

.cmp-mediashowcase__interior .cmp-image__image,
.cmp-mediashowcase__interior .cmp-video__poster,
.cmp-mediashowcase__interior .cmp-video__video-player {
  filter: brightness(.2);
  opacity: 0;
  will-change: opacity, filter
}

.cmp-mediashowcase__interior .full-brightness {
  filter: brightness(1);
  opacity: 1;
  transition: filter 2s ease-out, opacity 2s ease-out
}

.cmp-mediashowcase__interior .full-brightness-blitz {
  filter: brightness(1);
  opacity: 1;
  transition: filter 0s, opacity 0s
}

.cmp-mediashowcase__interior .cmp-mediashowcase__gradient {
  background: linear-gradient(0deg, #000000e6, #0000);
  bottom: 0;
  height: 21rem;
  left: 0;
  opacity: 0;
  
  position: absolute;
  transition: height .7s ease-out, opacity .7s ease-out;
  width: 100%;
  z-index: 10
}

.cmp-mediashowcase__interior .cmp-mediashowcase__show-gradient {
  opacity: 1
}

.cmp-mediashowcase__interior .cmp-mediashowcase__blur-container {
  bottom: 4.5rem;
  color: #fff;
  left: 0;
  opacity: 0;
  position: absolute;
  transition: opacity .7s ease-out;
  width: 100%;
  z-index: 10
}

@media screen and (min-width:768px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__blur-container {
    bottom: 3.125rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__blur-container {
    bottom: 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__blur-container {
    bottom: 4rem;
    width: calc(100% - 28rem)
  }
}

@media screen and (min-width:1920px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__blur-container {
    bottom: 5rem;
    width: 50%
  }
}

.cmp-mediashowcase__interior .cmp-mediashowcase__blur-container.show-blur {
  opacity: 1
}

.cmp-mediashowcase__interior .cmp-mediashowcase__blur-container.cmp-mediashowcase__has-disclaimer {
  bottom: 7.125rem
}

@media screen and (min-width:768px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__blur-container.cmp-mediashowcase__has-disclaimer {
    bottom: 3.125rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__blur-container.cmp-mediashowcase__has-disclaimer {
    bottom: 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__blur-container.cmp-mediashowcase__has-disclaimer {
    bottom: 4rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__blur-container.cmp-mediashowcase__has-disclaimer {
    bottom: 5rem
  }
}

.cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper {
  bottom: -.3125rem;
  left: 1.5rem;
  max-width: calc(100% - 3rem);
  opacity: 0;
  
  position: absolute;
  transition: opacity .5s ease-out;
  z-index: -1
}

.cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper .cmp-mediashowcase__headline {
  background-color: #0000;
  color: #fff;
  font-size: var(--headline-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-3-line-height);
  margin: 0;
  padding: 0;
  text-align: left
}

.cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper .cmp-mediashowcase__description {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  height: 0;
  line-height: var(--body-1-line-height);
  margin-top: 0;
  overflow: hidden;
  transition: height .7s ease-out, margin-top .7s ease-out
}

.cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper .cmp-mediashowcase__cta-button {
  background-color: #0000;
  border: 0 solid #0000;
  color: #fff;
  cursor: pointer;
  display: block;
  height: 1.375rem;
  line-height: 1.375rem;
  margin-top: 1rem;
  overflow: hidden;
  padding: 0;
  pointer-events: auto;
  position: relative;
  text-align: left;
  transition: height 1s ease-out, margin-top 1s ease-out;
  width: 100%
}

.cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper .cmp-mediashowcase__cta-button .cmp-mediashowcase__cta-button-text {
  bottom: 0;
  display: block;
  font-weight: var(--price-font-weight);
  left: 0;
  position: absolute;
  transition: opacity .7s ease-out;
  width: auto
}

.cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper .cmp-mediashowcase__cta-button .cmp-mediashowcase__cta-button-text:first-of-type {
  opacity: 1
}

.cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper .cmp-mediashowcase__cta-button .cmp-mediashowcase__cta-button-text:last-of-type {
  opacity: 0
}

@media screen and (min-width:768px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper .cmp-mediashowcase__cta-button {
    width: 25%
  }
}

@media screen and (min-width:1024px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper .cmp-mediashowcase__cta-button {
    height: 1.625rem;
    line-height: 1.625rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper .cmp-mediashowcase__cta-button {
    margin-top: 1.25rem;
    width: 40%
  }
}

@media screen and (min-width:1920px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper .cmp-mediashowcase__cta-button {
    margin-top: 1.5rem;
    width: 60%
  }
}

@media screen and (min-width:768px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper {
    left: 3rem;
    max-width: calc(100% - 6rem)
  }
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper {
    left: 6rem;
    max-width: calc(100% - 12rem)
  }
}

.cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper.is-active {
  opacity: 1;
  z-index: 10
}

.cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper.is-active .cmp-mediashowcase__description {
  margin-top: 0
}

.cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper.is-expanded .cmp-mediashowcase__description {
  margin-top: .75rem;
  scrollbar-width: none
}

.cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper.is-expanded .cmp-mediashowcase__description::-webkit-scrollbar {
  display: none
}

.cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper.is-expanded .cmp-mediashowcase__cta-button-text:first-of-type {
  opacity: 0
}

.cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper.is-expanded .cmp-mediashowcase__cta-button-text:last-of-type {
  opacity: 1
}

.cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper.is-expanded .cmp-mediashowcase__description {
  margin-top: 1rem
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper.is-expanded .cmp-mediashowcase__description {
    margin-top: 1.25rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__info-wrapper.is-expanded .cmp-mediashowcase__description {
    margin-top: 1rem
  }
}

.cmp-mediashowcase__interior .cmp-mediashowcase__swiper-wrapper {
  height: 150%
}

@media screen and (min-width:768px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__swiper-wrapper {
    height: 100%
  }
}

@media screen and (min-width:1024px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__swiper-wrapper {
    height: 56.25%
  }
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__swiper-wrapper {
    height: 43.75%
  }
}

.cmp-mediashowcase__interior .cmp-mediashowcase__swiper-wrapper .cmp-mediashowcase__swiper-slide {
  height: 100%
}

.cmp-mediashowcase__interior .cmp-mediashowcase__slide-interior .cmp-image {
  display: flex;
  height: 150vw;
  justify-content: center;
  width: 100%
}

.cmp-mediashowcase__interior .cmp-mediashowcase__slide-interior .cmp-image .cmp-image__image {
  height: 100%;
  width: auto
}

.cmp-mediashowcase__interior .cmp-mediashowcase__slide-interior .cmp-video__video-player {
  height: 150vw
}

@media screen and (min-width:768px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__slide-interior .cmp-video__video {
    display: flex;
    height: 100vw;
    justify-content: center;
    width: auto
  }

  .cmp-mediashowcase__interior .cmp-mediashowcase__slide-interior .cmp-video__video .cmp-video__video-player {
    height: 100%;
    width: auto
  }

  .cmp-mediashowcase__interior .cmp-mediashowcase__slide-interior .cmp-image {
    display: flex;
    height: 100vw;
    justify-content: center;
    width: auto
  }

  .cmp-mediashowcase__interior .cmp-mediashowcase__slide-interior .cmp-image .cmp-image__image {
    height: 100%;
    width: auto
  }
}

@media screen and (min-width:1024px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__slide-interior .cmp-video__video {
    display: flex;
    height: 56.25vw;
    justify-content: center
  }

  .cmp-mediashowcase__interior .cmp-mediashowcase__slide-interior .cmp-video__video .cmp-video__video-player {
    height: 100%;
    width: auto
  }

  .cmp-mediashowcase__interior .cmp-mediashowcase__slide-interior .cmp-image {
    height: 56.25vw;
    width: auto
  }

  .cmp-mediashowcase__interior .cmp-mediashowcase__slide-interior .cmp-image .cmp-image__image {
    height: 100%;
    width: auto
  }
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__slide-interior .cmp-video__video {
    display: block;
    height: auto;
    width: 100%
  }

  .cmp-mediashowcase__interior .cmp-mediashowcase__slide-interior .cmp-video__video .cmp-video__video-player {
    height: auto;
    width: 100%
  }

  .cmp-mediashowcase__interior .cmp-mediashowcase__slide-interior .cmp-image {
    display: block;
    height: auto;
    width: 100%
  }

  .cmp-mediashowcase__interior .cmp-mediashowcase__slide-interior .cmp-image .cmp-image__image {
    height: auto;
    width: 100%
  }
}

.cmp-mediashowcase__interior .swiper-pagination-bullet {
  border-radius: 50%
}

.cmp-mediashowcase__interior .cmp-mediashowcase__control-bar {
  align-items: flex-end;
  bottom: 1.5rem;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  gap: 1rem;
  position: absolute;
  right: 1.5rem;
  width: calc(100% - 3rem);
  z-index: 10
}

@media screen and (min-width:768px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__control-bar {
    bottom: 3rem;
    right: 3rem;
    width: 65%
  }
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__control-bar {
    bottom: 4rem;
    right: 4rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__control-bar {
    bottom: 5rem;
    right: 6rem;
    width: 60%
  }
}

.cmp-mediashowcase__interior .cmp-mediashowcase__control-bar.cmp-mediashowcase__has-disclaimer {
  bottom: 4.125rem
}

@media screen and (min-width:768px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__control-bar.cmp-mediashowcase__has-disclaimer {
    bottom: 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__control-bar.cmp-mediashowcase__has-disclaimer {
    bottom: 4rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__control-bar.cmp-mediashowcase__has-disclaimer {
    bottom: 5rem
  }
}

.cmp-mediashowcase__interior .cmp-mediashowcase__pagination {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: .1875rem;
  margin-right: .5rem;
  opacity: 0;
  transition: opacity .7s ease-out
}

@media screen and (min-width:1024px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__pagination {
    margin-bottom: 0
  }
}

.cmp-mediashowcase__interior .cmp-mediashowcase__pagination-visible {
  opacity: 1
}

.cmp-mediashowcase__interior .cmp-mediashowcase__bullet {
  background-color: #0000;
  border: .0625rem solid #ffffffad;
  border-radius: 50%;
  display: block;
  height: .875rem;
  opacity: 1;
  position: relative;
  transition: border-width .68s ease-out, border-color .68s ease-out, opacity .68s ease-out;
  width: .875rem
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__bullet {
    height: 1.125rem;
    width: 1.125rem
  }
}

.cmp-mediashowcase__interior .cmp-mediashowcase__bullet-line {
  animation: appearance 1s forwards;
  border-top: .0625rem solid #fff;
  height: 0;
  left: 1.625rem;
  position: absolute;
  top: 50%
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__bullet-line {
    animation: appearance 1s forwards;
    left: 2.375rem
  }
}

@keyframes appearance {
  0% {
    opacity: 0
  }

  to {
    opacity: .5
  }
}

.cmp-mediashowcase__interior .cmp-mediashowcase__bullet-active {
  border: .125rem solid #fff;
  cursor: default;
  
  transition: border-width .68s ease-out 1.32s, border-color .68s ease-out 1.32s, opacity .68s ease-out 1.32s
}

.cmp-mediashowcase__interior .cmp-mediashowcase__active-circle {
  border: .0625rem solid #fff;
  border-radius: 50%;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.cmp-mediashowcase__interior .cmp-mediashowcase__active-circle-active {
  animation: grow-and-fade-mobile 2s forwards
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__active-circle-active {
    animation: grow-and-fade-desktop 2s forwards
  }
}

@keyframes grow-and-fade-mobile {
  0% {
    height: 1.5rem;
    opacity: 1;
    width: 1.5rem
  }

  65% {
    height: 2.5rem;
    opacity: 0;
    width: 2.5rem
  }

  66% {
    height: 1.5rem;
    opacity: 0;
    width: 1.5rem
  }

  to {
    height: 1.5rem;
    opacity: .7;
    width: 1.5rem
  }
}

@keyframes grow-and-fade-desktop {
  0% {
    height: 2rem;
    opacity: 1;
    width: 2rem
  }

  65% {
    height: 3.25rem;
    opacity: 0;
    width: 3.25rem
  }

  66% {
    height: 2rem;
    opacity: 0;
    width: 2rem
  }

  to {
    height: 2rem;
    opacity: .7;
    width: 2rem
  }
}

.cmp-mediashowcase__interior .cmp-mediashowcase__active-circle-deactivate {
  animation: disappearance 1.3s forwards;
  height: 1.5rem;
  width: 1.5rem
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__active-circle-deactivate {
    height: 2rem;
    width: 2rem
  }
}

@keyframes disappearance {
  0% {
    opacity: .7
  }

  25% {
    opacity: .7
  }

  to {
    animation-timing-function: ease-out;
    opacity: 0
  }
}

.cmp-mediashowcase__interior .cmp-mediashowcase__play-bar {
  height: 2.25rem;
  left: 50%;
  overflow: visible;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.cmp-mediashowcase__interior .cmp-mediashowcase__play-bar .cmp-mediashowcase__circle {
  stroke: #fff;
  transform: rotate(-90deg) translateX(-2.25rem)
}

.cmp-mediashowcase__interior .cmp-mediashowcase__icon {
  color: #fff;
  height: 1rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity .5s ease-out
}

.cmp-mediashowcase__interior .cmp-mediashowcase__sound-enabled {
  opacity: 1 !important
}

.cmp-mediashowcase__interior .cmp-mediashowcase__sound-enabled .cmp-mediashowcase__sound-button {
  cursor: pointer;
  pointer-events: auto
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__sound-unmuted:hover {
    height: 9.5rem
  }

  .cmp-mediashowcase__interior .cmp-mediashowcase__sound-unmuted:hover .cmp-mediashowcase__volume-wrapper {
    height: 6.25rem;
    opacity: 1
  }
}

.cmp-mediashowcase__interior .cmp-mediashowcase__sound-wrapper {
  display: block;
  height: 1.5rem;
  opacity: .5;
  position: relative;
  width: 1.5rem
}

.cmp-mediashowcase__interior .cmp-mediashowcase__sound-button {
  background-color: #0000;
  border: .0625rem solid #0000;
  bottom: 0;
  cursor: default;
  height: 1.5rem;
  left: 0;
  
  position: absolute;
  width: 100%
}

.cmp-mediashowcase__interior .cmp-mediashowcase__sound-button .cmp-mediashowcase__sound-muted:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "speaker_muted";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-mediashowcase__interior .cmp-mediashowcase__sound-button .cmp-mediashowcase__sound-muted:before {
    display: none
  }
}

.cmp-mediashowcase__interior .cmp-mediashowcase__sound-button .cmp-mediashowcase__sound-muted:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-mediashowcase__interior .cmp-mediashowcase__sound-button .cmp-mediashowcase__sound-active:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "speaker_waves";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-mediashowcase__interior .cmp-mediashowcase__sound-button .cmp-mediashowcase__sound-active:before {
    display: none
  }
}

.cmp-mediashowcase__interior .cmp-mediashowcase__sound-button .cmp-mediashowcase__sound-active:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-mediashowcase__interior .cmp-mediashowcase__volume-wrapper {
  height: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: .75rem;
  width: 1.5rem;
  z-index: 10
}

.cmp-mediashowcase__interior .cmp-mediashowcase__volume-wrapper:hover {
  height: 6.25rem;
  opacity: 1
}

.cmp-mediashowcase__interior .cmp-mediashowcase__volume {
  appearance: none;
  background: #0000;
  border: none;
  direction: rtl;
  height: 6.25rem;
  left: 50%;
  outline: none;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 1.5rem;
  writing-mode: vertical-lr
}

.cmp-mediashowcase__interior .cmp-mediashowcase__volume::-webkit-slider-thumb {
  appearance: none;
  background: #0000;
  border: .125rem solid #0000;
  border-radius: 50%;
  cursor: pointer;
  height: 1.0625rem;
  margin-top: -.5rem;
  opacity: 0;
  transform: translateX(-50%);
  width: 1.0625rem
}

.cmp-mediashowcase__interior .cmp-mediashowcase__thumb {
  background: #0000;
  border: .0625rem solid #fff;
  border-radius: 50%;
  height: 1.0625rem;
  left: 50%;
  
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.0625rem
}

.cmp-mediashowcase__interior .cmp-mediashowcase__volume::-moz-range-thumb {
  background: #0000;
  border: .125rem solid #0000;
  border-radius: 50%;
  cursor: pointer;
  height: 1.0625rem;
  width: 1.0625rem
}

.cmp-mediashowcase__interior .cmp-mediashowcase__volume::-webkit-slider-runnable-track {
  background: #0000;
  height: 6.25rem;
  opacity: 0;
  width: .0625rem
}

.cmp-mediashowcase__interior .cmp-mediashowcase__volume::-moz-range-track {
  background: #0000;
  height: 6.25rem;
  opacity: 0;
  width: .0625rem
}

.cmp-mediashowcase__interior .cmp-mediashowcase__track-below {
  background-color: #fff;
  bottom: -4.125rem;
  height: 6.25rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: .125rem
}

.cmp-mediashowcase__interior .cmp-mediashowcase__track-above {
  background-color: #fff;
  bottom: 4.125rem;
  height: 6.25rem;
  left: 50%;
  opacity: .7;
  position: absolute;
  transform: translateX(-50%);
  width: .0625rem
}

.cmp-mediashowcase__interior .cmp-mediashowcase__play-pause-button {
  background-color: #0000;
  border: .0625rem solid #0000;
  cursor: pointer;
  display: block;
  height: 1.5rem;
  position: relative;
  width: 1.5rem
}

.cmp-mediashowcase__interior .cmp-mediashowcase__play-pause-button .cmp-mediashowcase__button-play {
  opacity: 0;
  transform: translate(-50%, -60%)
}

.cmp-mediashowcase__interior .cmp-mediashowcase__play-pause-button .cmp-mediashowcase__button-play:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "pause";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-mediashowcase__interior .cmp-mediashowcase__play-pause-button .cmp-mediashowcase__button-play:before {
    display: none
  }
}

.cmp-mediashowcase__interior .cmp-mediashowcase__play-pause-button .cmp-mediashowcase__button-play:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-mediashowcase__interior .cmp-mediashowcase__play-pause-button .cmp-mediashowcase__button-pause {
  opacity: 1;
  transform: translate(-48%, -60%)
}

.cmp-mediashowcase__interior .cmp-mediashowcase__play-pause-button .cmp-mediashowcase__button-pause:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "play";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-mediashowcase__interior .cmp-mediashowcase__play-pause-button .cmp-mediashowcase__button-pause:before {
    display: none
  }
}

.cmp-mediashowcase__interior .cmp-mediashowcase__play-pause-button .cmp-mediashowcase__button-pause:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-mediashowcase__interior .cmp-mediashowcase__play-pause-button.is-playing .cmp-mediashowcase__button-play {
  opacity: 1
}

.cmp-mediashowcase__interior .cmp-mediashowcase__play-pause-button.is-playing .cmp-mediashowcase__button-pause {
  opacity: 0
}

.cmp-mediashowcase__interior .cmp-mediashowcase__blur-container-fake {
  color: #fff;
  opacity: 0;
  position: absolute;
  right: -1875rem;
  top: -1875rem;
  width: 100%
}

.cmp-mediashowcase__interior .cmp-mediashowcase__blur-container-fake .cmp-mediashowcase__info-wrapper-fake {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 1.5rem;
  max-width: calc(100% - 3rem);
  position: absolute
}

.cmp-mediashowcase__interior .cmp-mediashowcase__blur-container-fake .cmp-mediashowcase__info-wrapper-fake .cmp-mediashowcase__description-fake {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  margin-top: .75rem
}

@media screen and (min-width:768px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__blur-container-fake .cmp-mediashowcase__info-wrapper-fake {
    max-width: calc(100% - 6rem)
  }
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__blur-container-fake .cmp-mediashowcase__info-wrapper-fake {
    max-width: calc(100% - 12rem)
  }

  .cmp-mediashowcase__interior .cmp-mediashowcase__blur-container-fake {
    width: calc(100% - 28rem)
  }
}

@media screen and (min-width:1920px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__blur-container-fake {
    width: 50%
  }
}

.cmp-mediashowcase__interior .cmp-mediashowcase__intro-media {
  background-color: #000;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(1.111);
  transition: opacity 2s ease-out;
  width: 100%;
  z-index: 10
}

.cmp-mediashowcase__interior .cmp-mediashowcase__intro-media .cmp-control-bar,
.cmp-mediashowcase__interior .cmp-mediashowcase__intro-media .cmp-video__overlay-button {
  display: none
}

.cmp-mediashowcase__interior .cmp-mediashowcase__intro-media .cmp-image {
  display: flex;
  height: 150vw;
  justify-content: center;
  width: 100%
}

.cmp-mediashowcase__interior .cmp-mediashowcase__intro-media .cmp-image .cmp-image__image {
  height: 100%;
  width: auto
}

@media screen and (min-width:768px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__intro-media .cmp-video__video {
    display: flex;
    height: 100vw;
    justify-content: center;
    width: auto
  }

  .cmp-mediashowcase__interior .cmp-mediashowcase__intro-media .cmp-video__video .cmp-video__video-player {
    height: 100%;
    width: auto
  }

  .cmp-mediashowcase__interior .cmp-mediashowcase__intro-media .cmp-image {
    display: flex;
    height: 100vw;
    justify-content: center;
    width: auto
  }

  .cmp-mediashowcase__interior .cmp-mediashowcase__intro-media .cmp-image .cmp-image__image {
    height: 100%;
    width: auto
  }
}

@media screen and (min-width:1024px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__intro-media .cmp-video__video {
    height: 56.25vw
  }

  .cmp-mediashowcase__interior .cmp-mediashowcase__intro-media .cmp-video__video .cmp-video__video-player {
    height: 100%;
    width: auto
  }

  .cmp-mediashowcase__interior .cmp-mediashowcase__intro-media .cmp-image {
    height: 56.25vw;
    width: auto
  }

  .cmp-mediashowcase__interior .cmp-mediashowcase__intro-media .cmp-image .cmp-image__image {
    height: 100%;
    width: auto
  }
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__intro-media .cmp-video__video {
    display: block;
    height: auto;
    width: 100%
  }

  .cmp-mediashowcase__interior .cmp-mediashowcase__intro-media .cmp-video__video .cmp-video__video-player {
    height: auto;
    width: 100%
  }

  .cmp-mediashowcase__interior .cmp-mediashowcase__intro-media .cmp-image {
    display: block;
    height: auto;
    width: 100%
  }

  .cmp-mediashowcase__interior .cmp-mediashowcase__intro-media .cmp-image .cmp-image__image {
    height: auto;
    width: 100%
  }
}

.cmp-mediashowcase__interior .intro-media-zoom-out {
  transform: scale(1);
  transition: transform 2s ease-out
}

.cmp-mediashowcase__interior .cmp-mediashowcase__intro-title {
  bottom: 4.3125rem;
  color: #fff;
  font-size: var(--headline-2-font-size);
  font-weight: var(--default-font-weight);
  left: 1.5rem;
  line-height: var(--headline-2-line-height);
  opacity: 0;
  position: absolute;
  transition: opacity 1s ease-out;
  width: calc(100% - 3rem);
  z-index: 10
}

@media screen and (min-width:768px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__intro-title {
    bottom: 4.9375rem;
    left: 3rem;
    max-width: calc(100% - 6rem)
  }
}

@media screen and (min-width:1024px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__intro-title {
    bottom: 5.5625rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__intro-title {
    bottom: 6.75rem;
    left: 6rem;
    max-width: calc(100% - 12rem)
  }
}

.cmp-mediashowcase__interior .sound-button-hidden {
  opacity: 0
}

.cmp-mediashowcase__interior .sound-button-shown {
  opacity: 1
}

.cmp-mediashowcase__interior .cmp-mediashowcase__disclaimer-wrapper {
  bottom: 0;
  display: flex;
  justify-content: left;
  left: 0;
  padding: 0 0 1.5rem 1.5rem;
  
  position: absolute;
  width: 100%;
  z-index: 20
}

.cmp-mediashowcase__interior .cmp-mediashowcase__disclaimer-wrapper .cmp-text {
  color: #fff
}

@media screen and (min-width:768px) {
  .cmp-mediashowcase__interior .cmp-mediashowcase__disclaimer-wrapper {
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0 1rem 1rem 0
  }
}

.cmp-manualleasingprice {
  padding-left: 0
}

.cmp-manualleasingprice--dark {
  color: #262626
}

.cmp-manualleasingprice--light {
  color: #fff
}

.cmp-manualleasingprice--body-1 {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height)
}

.cmp-manualleasingprice--body-2 {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-manualleasingprice--disclaimer-1 {
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  opacity: .7051
}

.cmp-manualleasingprice--price-1 {
  font-size: var(--body-1-font-size);
  font-weight: var(--price-font-weight);
  line-height: var(--body-1-line-height)
}

.cmp-manualleasingprice--price-2 {
  font-size: var(--body-2-font-size);
  font-weight: var(--price-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-manualleasingprice--stage-price-2 {
  font-size: var(--headline-2-font-size);
  font-weight: var(--price-font-weight);
  line-height: var(--headline-2-line-height)
}

.cmp-list {
  list-style: none;
  margin-bottom: 3rem;
  padding: 0
}

.cmp-list__title {
  display: block;
  font-size: var(--label-1-font-size);
  line-height: var(--label-1-line-height);
  margin-bottom: 1rem;
  position: relative
}

.cmp-list__item,
.cmp-list__title {
  font-weight: var(--default-font-weight)
}

.cmp-list__item {
  font-size: var(--body-2-font-size);
  line-height: var(--body-2-line-height)
}

.cmp-list__item:not(:last-child) {
  margin-bottom: .75rem
}

.cmp-list__item-link,
.cmp-list__item-span {
  position: relative
}

.cmp-list__item-link {
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height);
  margin: 0;
  text-decoration: none
}

.cmp-list__item-link,
.cmp-list__item-link:active,
.cmp-list__item-link:disabled,
.cmp-list__item-link:focus,
.cmp-list__item-link:hover,
.cmp-list__item-link:visited {
  background: #0000;
  color: #262626
}

.cmp-list__item-link:hover {
  color: #1c69d4
}

.cmp-list__item-link:active {
  color: #0653b6
}

.cmp-list__item-link:disabled {
  color: #bbb
}

.cmp-list__item-link:focus,
.cmp-list__item-link:focus-visible {
  outline: none
}

.cmp-list__item-link:focus-visible,
.cmp-list__item-link:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-list__item-link.focus-visible {
    outline: none
  }

  .cmp-list__item-link.focus-visible,
  .cmp-list__item-link.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-list__item-link:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-list__item-link.focus-visible {
    color: #1c69d4
  }
}

.cmp-list__item-link.cmp-popover__trigger,
.cmp-list__item-link:not(.cmp-button) {
  align-items: center;
  display: inline-flex
}

.cmp-list__item-link.cmp-popover__trigger:after,
.cmp-list__item-link:not(.cmp-button):after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrow_up_right";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {

  .cmp-list__item-link.cmp-popover__trigger:after,
  .cmp-list__item-link:not(.cmp-button):after {
    display: none
  }
}

.cmp-list__item-link.cmp-popover__trigger .cmp-button__text+.cmp-button__icon,
.cmp-list__item-link:not(.cmp-button) .cmp-button__text+.cmp-button__icon {
  opacity: 0;
  width: 0
}

.cmp-list__item-link[type=button] {
  cursor: pointer;
  padding: 0
}

.cmp-list__item-link[display-external-arrow=false]:after {
  content: none
}

.cmp-list__item-link--icon {
  height: 2em;
  left: 0;
  position: relative;
  top: calc(var(--body-2-line-height, 1em)/2);
  transform: translateY(-50%)
}

.style-list--font-alternative .cmp-list__item-link--icon {
  top: calc(var(--body-3-line-height, 1em)/2)
}

.cmp-list__item--icon .cmp-list__item-title {
  display: block;
  margin-left: calc(2em + .25rem)
}

.style-container--background-light .cmp-list__item,
.style-container--background-light .cmp-list__title {
  color: #4d4d4d
}

.style-list--font-alternative .cmp-list__title {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

.style-list--font-alternative .cmp-list__item {
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height)
}

.style-list--font-alternative .cmp-list__item-link {
  font-size: var(--body-3-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-3-line-height)
}

.style-list--font-thin .cmp-list__title {
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height)
}

.style-list--font-thin .cmp-list__item {
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height)
}

.style-list--font-thin .cmp-list__item-link {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

.style-list--bullet-points .cmp-list__item,
.style-list--checkmarks .cmp-list__item {
  align-items: center;
  display: flex
}

.style-list--bullet-points .cmp-list__item:before,
.style-list--checkmarks .cmp-list__item:before {
  flex-shrink: 0;
  margin-right: .6em
}

.style-list--bullet-points .cmp-list__item:before {
  background: currentColor;
  border-radius: 50%;
  content: "";
  height: .25rem;
  width: .25rem
}

.style-list--checkmarks .cmp-list__item:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "checkmark";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .style-list--checkmarks .cmp-list__item:before {
    display: none
  }
}

.style-list--margins-large .cmp-list,
.style-list--margins-large .cmp-list__item:not(:last-child),
.style-list--margins-large .cmp-list__title,
.style-list-margins-medium-responsive .cmp-list,
.style-list-margins-medium-responsive .cmp-list__title {
  margin-bottom: 1.5rem
}

@media screen and (min-width:1280px) {

  .style-list-margins-medium-responsive .cmp-list,
  .style-list-margins-medium-responsive .cmp-list__title {
    margin-bottom: 2rem
  }
}

.style-list-margins-medium-responsive .cmp-list__item:not(:last-child) {
  margin-bottom: 1rem
}

@media screen and (min-width:1280px) {
  .style-list-margins-medium-responsive .cmp-list__item:not(:last-child) {
    margin-bottom: .75rem
  }
}

@media screen and (max-width:767px) {
  .cmp-list__title--collapsable-mobile {
    border: 0;
    box-shadow: none;
    cursor: pointer;
    font-size: var(--body-2-font-size);
    font-weight: var(--clickable-font-weight);
    letter-spacing: inherit;
    line-height: var(--body-2-line-height);
    margin-bottom: 1.5rem;
    padding: 0 1.5rem 0 0;
    text-align: left;
    text-transform: none;
    width: 100%
  }

  .cmp-list__title--collapsable-mobile:after {
    word-wrap: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "arrow_chevron_down";
    direction: ltr;
    display: block;
    font-family: "bmw_next_icons";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    height: 1em;
    line-height: 1;
    outline: 1px solid #0000;
    text-align: left;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    width: auto
  }

  .cmp-list__title--collapsable-mobile,
  .cmp-list__title--collapsable-mobile:active,
  .cmp-list__title--collapsable-mobile:disabled,
  .cmp-list__title--collapsable-mobile:focus,
  .cmp-list__title--collapsable-mobile:hover,
  .cmp-list__title--collapsable-mobile:visited {
    background: #0000;
    color: #262626
  }

  .cmp-list__title--collapsable-mobile:hover {
    color: #1c69d4
  }

  .cmp-list__title--collapsable-mobile:active {
    color: #0653b6
  }

  .cmp-list__title--collapsable-mobile:disabled {
    color: #bbb
  }

  .cmp-list__title--collapsable-mobile:focus,
  .cmp-list__title--collapsable-mobile:focus-visible {
    outline: none
  }

  .cmp-list__title--collapsable-mobile:focus-visible,
  .cmp-list__title--collapsable-mobile:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .cmp-list__title--collapsable-mobile.focus-visible {
      outline: none
    }

    .cmp-list__title--collapsable-mobile.focus-visible,
    .cmp-list__title--collapsable-mobile.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .cmp-list__title--collapsable-mobile:focus-visible {
    color: #1c69d4
  }

  @supports (display:block) {
    .cmp-list__title--collapsable-mobile.focus-visible {
      color: #1c69d4
    }
  }

  .style-container--background-light .cmp-list__title--collapsable-mobile {
    border: 0;
    box-shadow: none
  }

  .style-container--background-light .cmp-list__title--collapsable-mobile,
  .style-container--background-light .cmp-list__title--collapsable-mobile:active,
  .style-container--background-light .cmp-list__title--collapsable-mobile:disabled,
  .style-container--background-light .cmp-list__title--collapsable-mobile:focus,
  .style-container--background-light .cmp-list__title--collapsable-mobile:hover,
  .style-container--background-light .cmp-list__title--collapsable-mobile:visited {
    background: #0000;
    color: #4d4d4d
  }

  .style-container--background-light .cmp-list__title--collapsable-mobile:hover {
    color: #262626
  }

  .style-container--background-light .cmp-list__title--collapsable-mobile:focus,
  .style-container--background-light .cmp-list__title--collapsable-mobile:focus-visible {
    outline: none
  }

  .style-container--background-light .cmp-list__title--collapsable-mobile:focus-visible,
  .style-container--background-light .cmp-list__title--collapsable-mobile:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .style-container--background-light .cmp-list__title--collapsable-mobile.focus-visible {
      outline: none
    }

    .style-container--background-light .cmp-list__title--collapsable-mobile.focus-visible,
    .style-container--background-light .cmp-list__title--collapsable-mobile.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .style-container--background-light .cmp-list__title--collapsable-mobile:focus-visible {
    color: #262626
  }

  @supports (display:block) {
    .style-container--background-light .cmp-list__title--collapsable-mobile.focus-visible {
      color: #262626
    }
  }

  .style-list--font-alternative .cmp-list__title--collapsable-mobile {
    font-size: var(--body-3-font-size);
    font-weight: var(--clickable-font-weight);
    letter-spacing: inherit;
    line-height: var(--body-3-line-height);
    text-transform: none
  }

  .cmp-list__title--collapsable-mobile:after {
    position: absolute;
    right: 0;
    top: calc(var(--link2-line-height, 1em)/2);
    transform: translate(25%, -50%);
    transition: transform .5s ease-in-out
  }

  .style-list--font-alternative .cmp-list__title--collapsable-mobile:after {
    top: calc(var(--link3-line-height, 1em)/2)
  }

  .cmp-list__title--collapsable-mobile.cmp-list__title--expanded:after {
    transform: translate(25%, -50%) rotate(-180deg)
  }

  .cmp-list__title--collapsable-mobile+.cmp-list {
    margin-bottom: 0;
    margin-top: -.5rem;
    max-height: 0;
    overflow: hidden;
    padding: .5rem 0 0 1rem;
    transition: max-height .25s ease
  }

  .cmp-list__title--collapsable-mobile+.cmp-list .cmp-list__item:not(:last-child) {
    margin-bottom: 1rem
  }
}

@media screen and (max-width:767px) and (min-width:1280px) {
  .cmp-list__title--collapsable-mobile+.cmp-list .cmp-list__item:not(:last-child) {
    margin-bottom: .75rem
  }
}

@media screen and (max-width:767px) {
  .cmp-list__title--collapsable-mobile.cmp-list__title--expanded+.cmp-list {
    margin-bottom: 2.5rem;
    padding-bottom: .5rem
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-list__title--collapsable-tablet {
    border: 0;
    box-shadow: none;
    cursor: pointer;
    font-size: var(--body-2-font-size);
    font-weight: var(--clickable-font-weight);
    letter-spacing: inherit;
    line-height: var(--body-2-line-height);
    margin-bottom: 1.5rem;
    padding: 0 1.5rem 0 0;
    text-align: left;
    text-transform: none;
    width: 100%
  }

  .cmp-list__title--collapsable-tablet:after {
    word-wrap: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "arrow_chevron_down";
    direction: ltr;
    display: block;
    font-family: "bmw_next_icons";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    height: 1em;
    line-height: 1;
    outline: 1px solid #0000;
    text-align: left;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    width: auto
  }

  .cmp-list__title--collapsable-tablet,
  .cmp-list__title--collapsable-tablet:active,
  .cmp-list__title--collapsable-tablet:disabled,
  .cmp-list__title--collapsable-tablet:focus,
  .cmp-list__title--collapsable-tablet:hover,
  .cmp-list__title--collapsable-tablet:visited {
    background: #0000;
    color: #262626
  }

  .cmp-list__title--collapsable-tablet:hover {
    color: #1c69d4
  }

  .cmp-list__title--collapsable-tablet:active {
    color: #0653b6
  }

  .cmp-list__title--collapsable-tablet:disabled {
    color: #bbb
  }

  .cmp-list__title--collapsable-tablet:focus,
  .cmp-list__title--collapsable-tablet:focus-visible {
    outline: none
  }

  .cmp-list__title--collapsable-tablet:focus-visible,
  .cmp-list__title--collapsable-tablet:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .cmp-list__title--collapsable-tablet.focus-visible {
      outline: none
    }

    .cmp-list__title--collapsable-tablet.focus-visible,
    .cmp-list__title--collapsable-tablet.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .cmp-list__title--collapsable-tablet:focus-visible {
    color: #1c69d4
  }

  @supports (display:block) {
    .cmp-list__title--collapsable-tablet.focus-visible {
      color: #1c69d4
    }
  }

  .style-container--background-light .cmp-list__title--collapsable-tablet {
    border: 0;
    box-shadow: none
  }

  .style-container--background-light .cmp-list__title--collapsable-tablet,
  .style-container--background-light .cmp-list__title--collapsable-tablet:active,
  .style-container--background-light .cmp-list__title--collapsable-tablet:disabled,
  .style-container--background-light .cmp-list__title--collapsable-tablet:focus,
  .style-container--background-light .cmp-list__title--collapsable-tablet:hover,
  .style-container--background-light .cmp-list__title--collapsable-tablet:visited {
    background: #0000;
    color: #4d4d4d
  }

  .style-container--background-light .cmp-list__title--collapsable-tablet:hover {
    color: #262626
  }

  .style-container--background-light .cmp-list__title--collapsable-tablet:focus,
  .style-container--background-light .cmp-list__title--collapsable-tablet:focus-visible {
    outline: none
  }

  .style-container--background-light .cmp-list__title--collapsable-tablet:focus-visible,
  .style-container--background-light .cmp-list__title--collapsable-tablet:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .style-container--background-light .cmp-list__title--collapsable-tablet.focus-visible {
      outline: none
    }

    .style-container--background-light .cmp-list__title--collapsable-tablet.focus-visible,
    .style-container--background-light .cmp-list__title--collapsable-tablet.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .style-container--background-light .cmp-list__title--collapsable-tablet:focus-visible {
    color: #262626
  }

  @supports (display:block) {
    .style-container--background-light .cmp-list__title--collapsable-tablet.focus-visible {
      color: #262626
    }
  }

  .style-list--font-alternative .cmp-list__title--collapsable-tablet {
    font-size: var(--body-3-font-size);
    font-weight: var(--clickable-font-weight);
    letter-spacing: inherit;
    line-height: var(--body-3-line-height);
    text-transform: none
  }

  .cmp-list__title--collapsable-tablet:after {
    position: absolute;
    right: 0;
    top: calc(var(--link2-line-height, 1em)/2);
    transform: translate(25%, -50%);
    transition: transform .5s ease-in-out
  }

  .style-list--font-alternative .cmp-list__title--collapsable-tablet:after {
    top: calc(var(--link3-line-height, 1em)/2)
  }

  .cmp-list__title--collapsable-tablet.cmp-list__title--expanded:after {
    transform: translate(25%, -50%) rotate(-180deg)
  }

  .cmp-list__title--collapsable-tablet+.cmp-list {
    margin-bottom: 0;
    margin-top: -.5rem;
    max-height: 0;
    overflow: hidden;
    padding: .5rem 0 0 1rem;
    transition: max-height .25s ease
  }

  .cmp-list__title--collapsable-tablet+.cmp-list .cmp-list__item:not(:last-child) {
    margin-bottom: 1rem
  }
}

@media screen and (min-width:768px) and (max-width:1023px) and (min-width:1280px) {
  .cmp-list__title--collapsable-tablet+.cmp-list .cmp-list__item:not(:last-child) {
    margin-bottom: .75rem
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-list__title--collapsable-tablet.cmp-list__title--expanded+.cmp-list {
    margin-bottom: 2.5rem;
    padding-bottom: .5rem
  }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
  .cmp-list__title--collapsable-tablet-landscape {
    border: 0;
    box-shadow: none;
    cursor: pointer;
    font-size: var(--body-2-font-size);
    font-weight: var(--clickable-font-weight);
    letter-spacing: inherit;
    line-height: var(--body-2-line-height);
    margin-bottom: 1.5rem;
    padding: 0 1.5rem 0 0;
    text-align: left;
    text-transform: none;
    width: 100%
  }

  .cmp-list__title--collapsable-tablet-landscape:after {
    word-wrap: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "arrow_chevron_down";
    direction: ltr;
    display: block;
    font-family: "bmw_next_icons";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    height: 1em;
    line-height: 1;
    outline: 1px solid #0000;
    text-align: left;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    width: auto
  }

  .cmp-list__title--collapsable-tablet-landscape,
  .cmp-list__title--collapsable-tablet-landscape:active,
  .cmp-list__title--collapsable-tablet-landscape:disabled,
  .cmp-list__title--collapsable-tablet-landscape:focus,
  .cmp-list__title--collapsable-tablet-landscape:hover,
  .cmp-list__title--collapsable-tablet-landscape:visited {
    background: #0000;
    color: #262626
  }

  .cmp-list__title--collapsable-tablet-landscape:hover {
    color: #1c69d4
  }

  .cmp-list__title--collapsable-tablet-landscape:active {
    color: #0653b6
  }

  .cmp-list__title--collapsable-tablet-landscape:disabled {
    color: #bbb
  }

  .cmp-list__title--collapsable-tablet-landscape:focus,
  .cmp-list__title--collapsable-tablet-landscape:focus-visible {
    outline: none
  }

  .cmp-list__title--collapsable-tablet-landscape:focus-visible,
  .cmp-list__title--collapsable-tablet-landscape:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .cmp-list__title--collapsable-tablet-landscape.focus-visible {
      outline: none
    }

    .cmp-list__title--collapsable-tablet-landscape.focus-visible,
    .cmp-list__title--collapsable-tablet-landscape.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .cmp-list__title--collapsable-tablet-landscape:focus-visible {
    color: #1c69d4
  }

  @supports (display:block) {
    .cmp-list__title--collapsable-tablet-landscape.focus-visible {
      color: #1c69d4
    }
  }

  .style-container--background-light .cmp-list__title--collapsable-tablet-landscape {
    border: 0;
    box-shadow: none
  }

  .style-container--background-light .cmp-list__title--collapsable-tablet-landscape,
  .style-container--background-light .cmp-list__title--collapsable-tablet-landscape:active,
  .style-container--background-light .cmp-list__title--collapsable-tablet-landscape:disabled,
  .style-container--background-light .cmp-list__title--collapsable-tablet-landscape:focus,
  .style-container--background-light .cmp-list__title--collapsable-tablet-landscape:hover,
  .style-container--background-light .cmp-list__title--collapsable-tablet-landscape:visited {
    background: #0000;
    color: #4d4d4d
  }

  .style-container--background-light .cmp-list__title--collapsable-tablet-landscape:hover {
    color: #262626
  }

  .style-container--background-light .cmp-list__title--collapsable-tablet-landscape:focus,
  .style-container--background-light .cmp-list__title--collapsable-tablet-landscape:focus-visible {
    outline: none
  }

  .style-container--background-light .cmp-list__title--collapsable-tablet-landscape:focus-visible,
  .style-container--background-light .cmp-list__title--collapsable-tablet-landscape:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .style-container--background-light .cmp-list__title--collapsable-tablet-landscape.focus-visible {
      outline: none
    }

    .style-container--background-light .cmp-list__title--collapsable-tablet-landscape.focus-visible,
    .style-container--background-light .cmp-list__title--collapsable-tablet-landscape.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .style-container--background-light .cmp-list__title--collapsable-tablet-landscape:focus-visible {
    color: #262626
  }

  @supports (display:block) {
    .style-container--background-light .cmp-list__title--collapsable-tablet-landscape.focus-visible {
      color: #262626
    }
  }

  .style-list--font-alternative .cmp-list__title--collapsable-tablet-landscape {
    font-size: var(--body-3-font-size);
    font-weight: var(--clickable-font-weight);
    letter-spacing: inherit;
    line-height: var(--body-3-line-height);
    text-transform: none
  }

  .cmp-list__title--collapsable-tablet-landscape:after {
    position: absolute;
    right: 0;
    top: calc(var(--link2-line-height, 1em)/2);
    transform: translate(25%, -50%);
    transition: transform .5s ease-in-out
  }

  .style-list--font-alternative .cmp-list__title--collapsable-tablet-landscape:after {
    top: calc(var(--link3-line-height, 1em)/2)
  }

  .cmp-list__title--collapsable-tablet-landscape.cmp-list__title--expanded:after {
    transform: translate(25%, -50%) rotate(-180deg)
  }

  .cmp-list__title--collapsable-tablet-landscape+.cmp-list {
    margin-bottom: 0;
    margin-top: -.5rem;
    max-height: 0;
    overflow: hidden;
    padding: .5rem 0 0 1rem;
    transition: max-height .25s ease
  }

  .cmp-list__title--collapsable-tablet-landscape+.cmp-list .cmp-list__item:not(:last-child) {
    margin-bottom: 1rem
  }
}

@media screen and (min-width:1024px) and (max-width:1279px) and (min-width:1280px) {
  .cmp-list__title--collapsable-tablet-landscape+.cmp-list .cmp-list__item:not(:last-child) {
    margin-bottom: .75rem
  }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
  .cmp-list__title--collapsable-tablet-landscape.cmp-list__title--expanded+.cmp-list {
    margin-bottom: 2.5rem;
    padding-bottom: .5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-list__title--collapsable-desktop {
    border: 0;
    box-shadow: none;
    cursor: pointer;
    font-size: var(--body-2-font-size);
    font-weight: var(--clickable-font-weight);
    letter-spacing: inherit;
    line-height: var(--body-2-line-height);
    margin-bottom: 1.5rem;
    padding: 0 1.5rem 0 0;
    text-align: left;
    text-transform: none;
    width: 100%
  }

  .cmp-list__title--collapsable-desktop:after {
    word-wrap: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "arrow_chevron_down";
    direction: ltr;
    display: block;
    font-family: "bmw_next_icons";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    height: 1em;
    line-height: 1;
    outline: 1px solid #0000;
    text-align: left;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    width: auto
  }

  .cmp-list__title--collapsable-desktop,
  .cmp-list__title--collapsable-desktop:active,
  .cmp-list__title--collapsable-desktop:disabled,
  .cmp-list__title--collapsable-desktop:focus,
  .cmp-list__title--collapsable-desktop:hover,
  .cmp-list__title--collapsable-desktop:visited {
    background: #0000;
    color: #262626
  }

  .cmp-list__title--collapsable-desktop:hover {
    color: #1c69d4
  }

  .cmp-list__title--collapsable-desktop:active {
    color: #0653b6
  }

  .cmp-list__title--collapsable-desktop:disabled {
    color: #bbb
  }

  .cmp-list__title--collapsable-desktop:focus,
  .cmp-list__title--collapsable-desktop:focus-visible {
    outline: none
  }

  .cmp-list__title--collapsable-desktop:focus-visible,
  .cmp-list__title--collapsable-desktop:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .cmp-list__title--collapsable-desktop.focus-visible {
      outline: none
    }

    .cmp-list__title--collapsable-desktop.focus-visible,
    .cmp-list__title--collapsable-desktop.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .cmp-list__title--collapsable-desktop:focus-visible {
    color: #1c69d4
  }

  @supports (display:block) {
    .cmp-list__title--collapsable-desktop.focus-visible {
      color: #1c69d4
    }
  }

  .style-container--background-light .cmp-list__title--collapsable-desktop {
    border: 0;
    box-shadow: none
  }

  .style-container--background-light .cmp-list__title--collapsable-desktop,
  .style-container--background-light .cmp-list__title--collapsable-desktop:active,
  .style-container--background-light .cmp-list__title--collapsable-desktop:disabled,
  .style-container--background-light .cmp-list__title--collapsable-desktop:focus,
  .style-container--background-light .cmp-list__title--collapsable-desktop:hover,
  .style-container--background-light .cmp-list__title--collapsable-desktop:visited {
    background: #0000;
    color: #4d4d4d
  }

  .style-container--background-light .cmp-list__title--collapsable-desktop:hover {
    color: #262626
  }

  .style-container--background-light .cmp-list__title--collapsable-desktop:focus,
  .style-container--background-light .cmp-list__title--collapsable-desktop:focus-visible {
    outline: none
  }

  .style-container--background-light .cmp-list__title--collapsable-desktop:focus-visible,
  .style-container--background-light .cmp-list__title--collapsable-desktop:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .style-container--background-light .cmp-list__title--collapsable-desktop.focus-visible {
      outline: none
    }

    .style-container--background-light .cmp-list__title--collapsable-desktop.focus-visible,
    .style-container--background-light .cmp-list__title--collapsable-desktop.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .style-container--background-light .cmp-list__title--collapsable-desktop:focus-visible {
    color: #262626
  }

  @supports (display:block) {
    .style-container--background-light .cmp-list__title--collapsable-desktop.focus-visible {
      color: #262626
    }
  }

  .style-list--font-alternative .cmp-list__title--collapsable-desktop {
    font-size: var(--body-3-font-size);
    font-weight: var(--clickable-font-weight);
    letter-spacing: inherit;
    line-height: var(--body-3-line-height);
    text-transform: none
  }

  .cmp-list__title--collapsable-desktop:after {
    position: absolute;
    right: 0;
    top: calc(var(--link2-line-height, 1em)/2);
    transform: translate(25%, -50%);
    transition: transform .5s ease-in-out
  }

  .style-list--font-alternative .cmp-list__title--collapsable-desktop:after {
    top: calc(var(--link3-line-height, 1em)/2)
  }

  .cmp-list__title--collapsable-desktop.cmp-list__title--expanded:after {
    transform: translate(25%, -50%) rotate(-180deg)
  }

  .cmp-list__title--collapsable-desktop+.cmp-list {
    margin-bottom: 0;
    margin-top: -.5rem;
    max-height: 0;
    overflow: hidden;
    padding: .5rem 0 0 1rem;
    transition: max-height .25s ease
  }

  .cmp-list__title--collapsable-desktop+.cmp-list .cmp-list__item:not(:last-child) {
    margin-bottom: 1rem
  }
}

@media screen and (min-width:1280px) and (min-width:1280px) {
  .cmp-list__title--collapsable-desktop+.cmp-list .cmp-list__item:not(:last-child) {
    margin-bottom: .75rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-list__title--collapsable-desktop.cmp-list__title--expanded+.cmp-list {
    margin-bottom: 2.5rem;
    padding-bottom: .5rem
  }
}

.style-list--orientation-horizontal {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: .25rem;
  padding-bottom: 1rem;
  padding-top: 2rem
}

.style-list--margins-small .style-list--orientation-horizontal .cmp-list__item--icon:not(:last-child),
.style-list--orientation-horizontal .cmp-list__item--icon:not(:last-child) {
  margin-right: 1.25rem
}

.style-list--margins-small .style-list--orientation-horizontal .cmp-list__item--icon.cmp-list__item-link--icon-only,
.style-list--orientation-horizontal .cmp-list__item--icon.cmp-list__item-link--icon-only {
  margin-right: .75rem
}

.style-list--margins-large .style-list--orientation-horizontal {
  padding-bottom: 2rem;
  padding-top: 3rem
}

.style-list--margins-large .style-list--orientation-horizontal .cmp-list__item--icon.cmp-list__item-link--icon-only {
  margin-right: 1.5rem
}

.style-list--orientation-horizontal .cmp-list__item-link--icon-only .cmp-list__item-link--icon {
  position: relative
}

.style-list--orientation-horizontal .cmp-list__title {
  width: 100%
}

@media screen and (min-width:768px) {
  .style-list--orientation-horizontal .cmp-list__title {
    white-space: nowrap;
    width: auto
  }

  .list:not(.style-list--font-alternative) .style-list--orientation-horizontal .cmp-list__title {
    margin-top: .25rem
  }

  .style-list--font-alternative .style-list--orientation-horizontal .cmp-list__title {
    margin-top: -.25rem
  }
}

.style-list--orientation-horizontal .cmp-list,
.style-list--orientation-horizontal .cmp-list__title {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0
}

.style-list--orientation-horizontal .cmp-list__item:last-child,
.style-list--orientation-horizontal .cmp-list__item:not(:last-child),
.style-list--orientation-horizontal .cmp-list__title {
  margin-bottom: .75rem
}

.style-list--orientation-horizontal .cmp-list__item:not(:last-child),
.style-list--orientation-horizontal .cmp-list__title {
  margin-right: 2rem
}

@media screen and (min-width:768px) {
  .style-list--orientation-horizontal {
    flex-wrap: nowrap
  }
}

@media screen and (max-width:767px) {

  .style-container--flexible-copyright-list .style-list--margins-small .cmp-list__item,
  .style-container--flexible-copyright-list .style-list--orientation-horizontal .cmp-list__item {
    margin-left: .375rem;
    margin-right: .375rem
  }

  .style-container--flexible-copyright-list .style-list--margins-large .cmp-list__item {
    margin-left: .75rem;
    margin-right: .75rem
  }
}

.style-list--orientation-horizontal.style-list--orientation-horizontal-with-overflow .style--mask-left {
  -webkit-mask: linear-gradient(to right, #fff0 0, #fff calc(var(--grid-full)*3));
  mask: linear-gradient(to right, #fff0 0, #fff calc(var(--grid-full)*3));
  visibility: visible
}

.style-list--orientation-horizontal.style-list--orientation-horizontal-with-overflow .style--mask-right {
  -webkit-mask: linear-gradient(to left, #fff0 0, #fff calc(var(--grid-full)*3));
  mask: linear-gradient(to left, #fff0 0, #fff calc(var(--grid-full)*3));
  visibility: visible
}

.style-list--orientation-horizontal.style-list--orientation-horizontal-with-overflow .style--mask-left.style--mask-right {
  -webkit-mask: linear-gradient(to left, #fff0 0, #fff calc(var(--grid-full)*3)) right, linear-gradient(to right, #fff0 0, #fff calc(var(--grid-full)*3)) left;
  mask: linear-gradient(to left, #fff0 0, #fff calc(var(--grid-full)*3)) right, linear-gradient(to right, #fff0 0, #fff calc(var(--grid-full)*3)) left;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 51% 100%;
  mask-size: 51% 100%;
  visibility: visible
}

.style-list--orientation-horizontal.style-list--orientation-horizontal-with-overflow .cmp-list {
  -ms-overflow-style: none;
  cursor: grab;
  flex-wrap: nowrap;
  margin: -.75rem;
  overflow: auto;
  padding: .75rem;
  scrollbar-width: none;
  width: 100%
}

.style-list--orientation-horizontal.style-list--orientation-horizontal-with-overflow .cmp-list::-webkit-scrollbar {
  display: none
}

.style-list--orientation-horizontal.style-list--orientation-horizontal-with-overflow .cmp-list:active,
.style-list--orientation-horizontal.style-list--orientation-horizontal-with-overflow .style-draggable--dragging .cmp-list__item-title {
  cursor: grabbing
}

.style-list--orientation-horizontal.style-list--orientation-horizontal-with-overflow .style-draggable--dragging .cmp-list__item-link {
  pointer-events: none
}

.style-list--orientation-horizontal.style-list--orientation-horizontal-with-overflow .cmp-list__item {
  white-space: nowrap
}

.style-list--orientation-horizontal.style-list--margins-none {
  padding-bottom: 0;
  padding-top: 0
}

.style-list--orientation-horizontal.style-list--margins-small {
  padding-bottom: .5rem;
  padding-top: 1rem
}

@media screen and (max-width:767px) {
  .cmp-list__title--only-screen-reader:not(.cmp-list__title--collapsable-mobile) {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    display: inline;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-list__title--only-screen-reader:not(.cmp-list__title--collapsable-tablet) {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    display: inline;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
  }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
  .cmp-list__title--only-screen-reader:not(.cmp-list__title--collapsable-tablet-landscape) {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    display: inline;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
  }
}

@media screen and (min-width:1280px) {
  .cmp-list__title--only-screen-reader:not(.cmp-list__title--collapsable-desktop) {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    display: inline;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
  }
}

@media screen and (max-width:767px) {
  .cmp-list__title--collapsable.cmp-list--navigation-category {
    align-items: center;
    background: #0000;
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    color: #666;
    cursor: pointer;
    display: flex;
    font-size: var(--subsection-2-font-size);
    font-weight: var(--default-font-weight);
    justify-content: space-between;
    line-height: var(--subsection-2-line-height);
    margin: 0;
    padding: 1.5rem 0;
    position: relative;
    text-decoration: none;
    width: 100%
  }

  .cmp-list__title--collapsable.cmp-list--navigation-category:after {
    word-wrap: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "arrow_chevron_right";
    direction: ltr;
    display: block;
    font-family: "bmw_next_icons";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    height: 1em;
    line-height: 1;
    outline: 1px solid #0000;
    text-align: left;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    width: auto
  }

  .cmp-list__title--collapsable.cmp-list--navigation-category:hover {
    color: #262626
  }

  .cmp-list__title--collapsable.cmp-list--navigation-category:after {
    position: absolute;
    right: 0;
    top: auto;
    transform: none;
    transition: none
  }

  .cmp-list.cmp-list--navigation-original-menu {
    display: none
  }
}

.cmp-list__flyout-layer {
  display: none
}

@media screen and (max-width:767px) {
  .cmp-list__flyout-layer {
    display: flex;
    height: calc(100vh - 69px);
    left: 100vw;
    max-height: calc(100vh - 69px);
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: left .25s cubic-bezier(0, .5, .5, 1);
    width: 100vw;
    z-index: 6020
  }
}

.cmp-list__flyout-layer--visible {
  left: 0
}

.cmp-list__flyout-wrapper {
  background: #fff;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%
}

.cmp-list__flyout {
  display: block;
  height: calc(100dvh - 69px);
  max-height: calc(100dvh - 69px);
  overflow: hidden auto
}

.cmp-list__flyout-header {
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #bbb;
  display: flex;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  height: 69px;
  justify-content: center;
  line-height: var(--body-1-line-height);
  padding: 0 1.5rem;
  position: sticky;
  top: 0;
  z-index: 6010
}

.cmp-list__header-back {
  background: #0000;
  border: 0;
  color: #666;
  cursor: pointer;
  left: 0;
  padding: 0 1.5rem;
  position: absolute
}

.cmp-list__flyout-content {
  padding: 3rem 5rem 0
}

.cmp-linklist .cmp-linklist__list {
  grid-gap: 0 1.5rem;
  display: grid;
  grid-template-columns: 1fr;
  list-style: none;
  margin-bottom: 2.5rem
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-linklist .cmp-linklist__list {
    grid-gap: 0 1rem;
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1024px) {
  .cmp-linklist .cmp-linklist__list {
    grid-template-columns: repeat(3, 1fr)
  }
}

.cmp-linklist .cmp-linklist__list-item {
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
  display: flex
}

.language-switch-dropdown {
  align-items: stretch;
  background: #000000ad;
  border: 1px solid #8e8e8e;
  bottom: 0;
  display: none;
  flex-direction: column;
  height: 100vh;
  justify-content: flex-end;
  left: 0;
  overflow-y: auto;
  position: fixed;
  width: 100vw;
  z-index: 6090
}

.language-switch-dropdown.show {
  display: flex
}

@media screen and (min-width:768px) {
  .language-switch-dropdown {
    background: none;
    border-radius: 3px;
    bottom: auto;
    display: none;
    flex-direction: column;
    height: auto;
    left: auto;
    min-width: 122px;
    position: absolute;
    transform: translateY(-100%);
    width: max-content
  }
}

.language-switch-dropdown-button {
  align-items: center;
  background-color: initial;
  border: 0;
  color: #262626;
  cursor: pointer;
  display: flex;
  gap: .25rem;
  min-width: 90pt;
  padding: 8px 0;
  text-decoration: none
}

.language-switch-dropdown-button:hover {
  background-color: #f6f6f6
}

.language-switch-item {
  align-items: center;
  background-color: #fff;
  display: flex;
  position: relative
}

.language-switch-dropdown-header {
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: end
}

@media screen and (min-width:768px) {
  .language-switch-dropdown-header {
    display: none
  }
}

.language-switch-dropdown-header-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: .625rem 1rem
}

.language-switch-dropdown-text {
  color: #fff;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height)
}

.language-switch-dropdown-close-button {
  background: none;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 1.5rem;
  padding-right: .875rem
}

.language-switch-dropdown-close-button:focus,
.language-switch-dropdown-close-button:focus-visible {
  outline: none
}

.language-switch-dropdown-close-button:focus-visible,
.language-switch-dropdown-close-button:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .language-switch-dropdown-close-button.focus-visible {
    outline: none
  }

  .language-switch-dropdown-close-button.focus-visible,
  .language-switch-dropdown-close-button.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.language-switch-link {
  align-items: center;
  color: #262626;
  display: flex;
  flex-grow: 1;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  height: 3.25rem;
  line-height: var(--body-2-line-height);
  padding-left: 1rem;
  text-decoration: none
}

.language-switch-link:focus,
.language-switch-link:focus-visible {
  outline: none
}

.language-switch-link:focus-visible,
.language-switch-link:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .language-switch-link.focus-visible {
    outline: none
  }

  .language-switch-link.focus-visible,
  .language-switch-link.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.language-switch-link-check {
  align-items: center;
  background-color: #262626;
  color: #fff;
  display: flex;
  height: 2rem;
  justify-content: center;
  padding-left: .25rem;
  position: absolute;
  right: .25rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem
}

@media screen and (min-width:768px) {
  .language-switch-link-check {
    padding-right: 1rem
  }
}

.language-switch-link-active {
  background-color: #262626;
  color: #fff;
  font-weight: var(--input-font-weight);
  pointer-events: none
}

.language-switch-container {
  align-items: end;
  display: flex;
  flex-direction: column
}

.language-switch-container .language-switch-dropdown-button {
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-custom-inputtextfield .cmp-custom-inputtextfield__label {
  color: #666
}

.cmp-custom-inputtextfield .cmp-custom-inputtextfield__label .cmp-custom-inputtextfield__input-container {
  display: grid;
  margin: .5rem 0
}

.cmp-custom-inputtextfield .cmp-custom-inputtextfield__label .cmp-custom-inputtextfield__input-container .cmp-custom-inputtextfield__input {
  border: 1px solid #bbb;
  border-radius: 3px;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  grid-column-start: 1;
  grid-row-start: 1;
  line-height: var(--body-2-line-height);
  min-height: 1.25rem;
  min-width: 11.25rem;
  padding: 6px .5rem;
  position: relative;
  user-select: text;
  -webkit-user-select: text;
  z-index: 1
}

.cmp-custom-inputtextfield .cmp-custom-inputtextfield__label .cmp-custom-inputtextfield__input-container .cmp-custom-inputtextfield__input::placeholder {
  color: #666;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-custom-inputtextfield .cmp-custom-inputtextfield__label .cmp-custom-inputtextfield__input-container .cmp-custom-inputtextfield__input:active,
.cmp-custom-inputtextfield .cmp-custom-inputtextfield__label .cmp-custom-inputtextfield__input-container .cmp-custom-inputtextfield__input:hover {
  border: 2px solid #4d4d4d
}

.cmp-custom-inputtextfield .cmp-custom-inputtextfield__label .cmp-custom-inputtextfield__input-container .cmp-custom-inputtextfield__icon {
  align-items: center;
  display: flex;
  grid-column-start: 1;
  grid-row-start: 1;
  justify-content: end;
  
  position: relative;
  width: 100%;
  z-index: 2
}

.cmp-custom-inputtextfield .cmp-custom-inputtextfield__error-text {
  display: none
}

.cmp-custom-inputtextfield__invalid .cmp-custom-inputtextfield .cmp-custom-inputtextfield__label .cmp-custom-inputtextfield__input-container .cmp-custom-inputtextfield__icon:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  color: #d20000;
  content: "error_warning_sign";
  direction: ltr;
  display: block;
  float: right;
  font-family: "bmw_next_icons";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  margin-right: 1.25rem;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-custom-inputtextfield__invalid .cmp-custom-inputtextfield .cmp-custom-inputtextfield__label .cmp-custom-inputtextfield__input-container .cmp-custom-inputtextfield__icon:before {
    display: none
  }
}

.cmp-custom-inputtextfield__invalid .cmp-custom-inputtextfield .cmp-custom-inputtextfield__label .cmp-custom-inputtextfield__input-container .cmp-custom-inputtextfield__input {
  background-color: #f7e7e9;
  border: 1px solid #d20000;
  color: #d20000;
  padding-right: 3.25rem
}

.cmp-custom-inputtextfield__invalid .cmp-custom-inputtextfield .cmp-custom-inputtextfield__label .cmp-custom-inputtextfield__input-container .cmp-custom-inputtextfield__input::placeholder {
  color: #d20000
}

.cmp-custom-inputtextfield__invalid .cmp-custom-inputtextfield .cmp-custom-inputtextfield__error-text {
  color: #d20000;
  display: block;
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height)
}

.cmp-custom-inputtextfield__valid .cmp-custom-inputtextfield .cmp-custom-inputtextfield__label .cmp-custom-inputtextfield__input-container .cmp-custom-inputtextfield__icon:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  color: #3db014;
  content: "checkmark";
  direction: ltr;
  display: block;
  float: right;
  font-family: "bmw_next_icons";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  margin-right: 1.25rem;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-custom-inputtextfield__valid .cmp-custom-inputtextfield .cmp-custom-inputtextfield__label .cmp-custom-inputtextfield__input-container .cmp-custom-inputtextfield__icon:before {
    display: none
  }
}

.cmp-custom-inputtextfield__valid .cmp-custom-inputtextfield .cmp-custom-inputtextfield__label .cmp-custom-inputtextfield__input-container .cmp-custom-inputtextfield__input {
  padding-right: 3.25rem
}

.cmp-custom-inputtextfield__valid .cmp-custom-inputtextfield .cmp-custom-inputtextfield__label .cmp-custom-inputtextfield__error-text {
  display: none
}

.cmp-search-autocomplete-wrapper {
  position: relative
}

ul.cmp-search__autocomplete__list {
  background-color: #fff;
  box-shadow: 0 0 2px 0 #000000ad;
  list-style: none;
  margin: 0;
  overflow-y: auto;
  padding: 1.5rem;
  position: absolute;
  width: 100%
}

@media screen and (min-width:768px) {
  ul.cmp-search__autocomplete__list {
    padding: 2rem
  }
}

@media screen and (min-width:1024px) {
  ul.cmp-search__autocomplete__list {
    padding: 2rem
  }
}

@media screen and (min-width:1920px) {
  ul.cmp-search__autocomplete__list {
    padding: 2.5rem
  }
}

.cmp-search__autocomplete__list--hidden {
  display: none
}

.cmp-search__autocomplete__list--visible {
  display: inline-block
}

.cmp-search__autocomplete__item {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding-bottom: 1rem
}

.cmp-search__autocomplete__item:last-of-type {
  padding-bottom: 0
}

.cmp-search__autocomplete__text {
  color: #262626;
  flex-grow: 1;
  font-family: "bmwTypeNextWeb";
  font-size: .875rem;
  letter-spacing: .015625rem;
  line-height: 1.375rem;
  transition: color .2s ease-in-out
}

@media screen and (min-width:768px) {
  .cmp-search__autocomplete__text {
    font-size: .9375rem;
    line-height: 1.5rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-search__autocomplete__text {
    font-size: .9375rem;
    line-height: 1.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-search__autocomplete__text {
    font-size: 1rem;
    line-height: 1.625rem
  }
}

.cmp-search__autocomplete__text--disabled {
  color: #bbb
}

.cmp-search__autocomplete__item--focused .cmp-search__autocomplete__text {
  color: #666
}

.cmp-custom-inputsubmit {
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height);
  width: min-content
}

.cmp-custom-inputsubmit__btn {
  background-color: #1c69d4;
  border: 0;
  border-radius: 3px;
  color: #fff;
  font-size: .875rem;
  gap: 8px;
  line-height: 1.375rem;
  max-height: 52px;
  padding: 14px 24px
}

.cmp-custom-inputsubmit__btn:hover {
  background-color: #0653b6
}

@media screen and (min-width:1024px) {
  .cmp-custom-inputsubmit__btn {
    font-size: .9375rem;
    line-height: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-custom-inputsubmit__btn {
    font-size: 1rem;
    line-height: 1.5rem
  }
}

.cmp-custom-inputsubmit__btn.disabled {
  background-color: #f2f2f2;
  color: #bbb
}

.cmp-custom-inputsubmit__btn.disabled:hover {
  background-color: #f2f2f2
}

.cmp-custom-inputcheckbox {
  display: flex;
  position: relative
}

.cmp-custom-inputcheckbox__input {
  cursor: pointer;
  height: 24px;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 24px;
  z-index: 1
}

.cmp-custom-inputcheckbox__label {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: 9pt
}

.cmp-custom-inputcheckbox__checkmark {
  border: 2px solid #bbb;
  border-radius: 3px;
  height: 24px;
  min-width: 24px;
  position: relative;
  width: 24px
}

.cmp-custom-inputcheckbox__text {
  color: #262626;
  font-size: 9pt;
  line-height: 18px;
  margin: auto 0
}

.cmp-custom-inputcheckbox__input:focus+.cmp-custom-inputcheckbox__label .cmp-custom-inputcheckbox__checkmark {
  outline: 2px solid #1c69d4;
  outline-offset: 1px
}

.cmp-custom-inputcheckbox__input:hover+.cmp-custom-inputcheckbox__label .cmp-custom-inputcheckbox__checkmark {
  border-color: #666
}

.cmp-custom-inputcheckbox__input:checked+.cmp-custom-inputcheckbox__label .cmp-custom-inputcheckbox__checkmark {
  background-color: #262626;
  border: 2px solid #262626
}

.cmp-custom-inputcheckbox__checkmark:after {
  border: solid #fff;
  border-width: 0 1px 1px 0;
  content: "";
  display: none;
  height: 11px;
  left: 7px;
  position: absolute;
  top: 3.5px;
  transform: rotate(45deg);
  width: 6px
}

.cmp-custom-inputcheckbox__input:checked+.cmp-custom-inputcheckbox__label .cmp-custom-inputcheckbox__checkmark:after {
  display: block
}

.cmp-custom-inputcheckbox__input:disabled+.cmp-custom-inputcheckbox__label {
  cursor: not-allowed;
  opacity: .6
}

[data-tippy-root] {
  max-width: 100vw;
  z-index: 6070
}

@media screen and (max-width:767px) {
  [data-tippy-root] {
    height: 100%;
    left: 0;
    position: fixed !important;
    top: 0;
    transform: unset !important
  }
}

.tippy-box {
  background-color: #fff;
  border-radius: .25rem;
  box-shadow: 0 .125rem .5rem 0 #00000014, 0 0 .0625rem 0 #0000003d;
  color: #262626;
  outline: 0;
  position: relative;
  transition-property: transform, visibility, opacity
}

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

@media screen and (max-width:767px) {
  .tippy-box {
    height: 100%
  }
}

.tippy-box[data-placement^=top]>.tippy-arrow {
  bottom: -1em
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
  bottom: .75em;
  left: .25em
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
  top: -1em
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
  left: .25em;
  top: .75em
}

.tippy-box[data-placement^=left]>.tippy-arrow {
  right: -1em
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
  bottom: .25em;
  right: .75em
}

.tippy-box[data-placement^=right]>.tippy-arrow {
  left: -1em
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
  bottom: .25em;
  left: .75em
}

.tippy-arrow {
  font-size: 1.5rem;
  height: 1em;
  overflow: hidden;
  
  width: 1em
}

.tippy-arrow:before {
  background-color: #fff;
  box-shadow: 0 .125rem .5rem 0 #00000014, 0 0 .0625rem 0 #0000003d;
  content: "";
  height: .5em;
  position: absolute;
  transform: rotate(45deg);
  width: .5em
}

[data-cmp-hook-tooltip=template] {
  display: none
}

[data-cmp-hook-tooltip=header] {
  align-items: start;
  display: flex;
  justify-content: space-between
}

[data-cmp-hook-tooltip=heading] {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  margin: auto 0
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-tooltip-container--full [data-cmp-hook-tooltip=heading] {
    margin: auto 0 .375rem
  }
}

[data-cmp-hook-tooltip=heading].style-tooltip-heading--uppercase {
  text-transform: uppercase
}

@media screen and (hover:hover) and (pointer:fine) {
  [data-cmp-hook-tooltip=heading].style-tooltip-heading--uppercase {
    margin: auto;
    text-align: center
  }
}

[data-cmp-hook-tooltip=content] {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

[data-cmp-hook-tooltip=container] {
  overflow: hidden auto;
  padding: .5rem;
  width: 100vw
}

[data-cmp-hook-tooltip=container].style-tooltip-container--full {
  padding: 1.25rem 1.5rem
}

@media screen and (min-width:768px) {
  [data-cmp-hook-tooltip=container] {
    max-width: calc(50vw - 3rem);
    width: max-content
  }
}

@media screen and (min-width:1280px) and (max-width:1919px) {
  [data-cmp-hook-tooltip=container] {
    max-width: calc(25vw - 4.875rem)
  }
}

@media screen and (min-width:1920px) {
  [data-cmp-hook-tooltip=container] {
    max-width: 26rem
  }
}

[data-cmp-hook-tooltip=close] {
  background: #0000;
  border: 0;
  color: #262626;
  cursor: pointer;
  margin-left: auto;
  margin-right: -1rem
}

[data-cmp-hook-tooltip=close] .style-tooltip-close-icon {
  font-size: 2rem
}

[data-cmp-hook-tooltip=close] .style-tooltip-close-icon:before {
  font-size: inherit;
  font-weight: 400
}

@media screen and (min-width:768px) {
  [data-cmp-hook-tooltip=close] {
    margin-right: -.75rem
  }

  [data-cmp-hook-tooltip=close] .style-tooltip-close-icon {
    font-size: 1.5rem
  }

  [data-cmp-hook-tooltip=close] .style-tooltip-close-icon:before {
    font-size: inherit;
    font-weight: 400
  }
}

.cmp-infoi {
  display: inline-flex;
  opacity: 1;
  position: relative;
  transition: opacity .4s ease-in
}

.cmp-infoi__icon {
  align-items: center;
  background: #0000;
  border: 0;
  border-radius: 50%;
  box-shadow: none;
  color: #666;
  cursor: pointer;
  display: flex;
  height: 1.5rem;
  justify-content: center;
  padding: 0;
  position: relative;
  transform: translate(-25%);
  width: 1.5rem
}

.cmp-infoi__icon,
.cmp-infoi__icon:active,
.cmp-infoi__icon:disabled,
.cmp-infoi__icon:focus,
.cmp-infoi__icon:hover,
.cmp-infoi__icon:visited {
  background: #0000;
  color: #262626
}

.cmp-infoi__icon:hover {
  color: #1c69d4
}

.cmp-infoi__icon:active {
  color: #0653b6
}

.cmp-infoi__icon:disabled {
  color: #bbb
}

.cmp-infoi__icon:focus,
.cmp-infoi__icon:focus-visible {
  outline: none
}

.cmp-infoi__icon:focus-visible,
.cmp-infoi__icon:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-infoi__icon.focus-visible {
    outline: none
  }

  .cmp-infoi__icon.focus-visible,
  .cmp-infoi__icon.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-infoi__icon:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-infoi__icon.focus-visible {
    color: #1c69d4
  }
}

.cmp-infoi__icon .cmp-infoi__icon-element {
  display: grid;
  font-size: 1.5rem;
  line-height: 1
}

.cmp-infoi__icon .cmp-infoi__icon-element:before {
  font-size: inherit;
  font-weight: 400
}

.cmp-infoi__icon--small {
  height: 1.5rem;
  width: 1.5rem
}

.cmp-infoi__icon--small .cmp-infoi__icon-element {
  font-size: 1rem
}

.cmp-infoi__icon--small .cmp-infoi__icon-element:before {
  font-size: inherit;
  font-weight: 400
}

.cmp-infoi__icon--background {
  background: #fff;
  box-shadow: 0 .125rem .5rem 0 #00000014, 0 0 .0625rem 0 #00000047
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-infoi__icon--background:hover {
    box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d
  }
}

.cmp-infoi__icon--center {
  flex-direction: column;
  justify-content: center
}

.cmp-infoi__icon--light,
.cmp-infoi__icon--light.cmp-infoi__icon:focus {
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {
  [data-cmp-hook-tooltip=container]:not(.tooltip--keyboard-support) [data-cmp-hook-tooltip=close] {
    display: none
  }
}

.cmp-image__wrapper {
  position: relative
}

.cmp-image img {
  vertical-align: middle
}

.cmp-image__title {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height)
}

.style-common--grid-tile-layout .cmp-image {
  margin-bottom: .25rem
}

.cmp-image {
  line-height: 0
}

.cmp-image__title {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height)
}

.style-common--grid-tile-layout .cmp-image {
  margin-bottom: .25rem
}

.cmp-icon__icon.cmp-icon__icon--responsive {
  display: var(--icon-visibility, inline-flex)
}

.cmp-icon__icon.cmp-icon__icon--responsive:before {
  font-size: var(--icon-size) !important;
  font-weight: var(--icon-weight) !important
}

.cmp-hotspotimage__container {
  position: relative
}

.cmp-hotspotimage__layer {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.cmp-hotspotimage__hotspot {
  background-color: #0006;
  border: 0;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px #fff;
  color: #000;
  cursor: pointer;
  display: block;
  height: 30px;
  margin: -7.5px -15px -15px -7.5px;
  padding: 0;
  position: absolute;
  transition: background-color .2s;
  width: 30px
}

.cmp-hotspotimage__hotspot:before {
  border: 2px solid #ffffff75;
  border-radius: 50%;
  content: " ";
  height: 50px;
  left: -10px;
  opacity: 0;
  position: absolute;
  top: -10px;
  transition: opacity .5s;
  width: 50px
}

.cmp-hotspotimage__hotspot:hover:before {
  background-color: #00000080;
  opacity: 1
}

.cmp-hotspotimage__hotspot:after {
  background: #fff;
  border-radius: 50%;
  content: " ";
  height: 4px;
  left: 50%;
  margin: -2px;
  position: absolute;
  top: 50%;
  width: 4px
}

.cmp-hotspotimage__hotspot-author-invalid {
  box-shadow: inset 0 0 0 2px #af1523
}

.cmp-hotspotimage__hotspot-author-invalid:after {
  background: #af1523
}

.cmp-hotspotimage__tooltip {
  background-color: #fff;
  border-radius: 4px;
  bottom: 150%;
  color: #000;
  font-size: .75rem;
  font-weight: var(--clickable-font-weight);
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  padding: 5px 10px;
  position: absolute;
  text-align: center;
  transition: opacity .5s;
  visibility: hidden;
  width: 90pt;
  word-break: break-word
}

.cmp-hotspotimage__tooltip:after {
  border: 5px solid #0000;
  border-top-color: #fff;
  content: " ";
  left: 50%;
  margin-left: -5px;
  position: absolute;
  top: 100%
}

.cmp-hotspotimage__hotspot:hover .cmp-hotspotimage__tooltip {
  opacity: 1;
  visibility: visible
}

.cmp-handraiserform {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%
}

@media screen and (min-width:1024px) {
  .cmp-handraiserform {
    padding-left: 24px
  }
}

@media screen and (min-width:1280px) {
  .cmp-handraiserform {
    padding-left: 72px
  }
}

.cmp-handraiserform__title {
  margin-bottom: 20px
}

@media screen and (min-width:1280px) {
  .cmp-handraiserform__title {
    margin-bottom: 24px
  }
}

@media screen and (min-width:1920px) {
  .cmp-handraiserform__title {
    margin-bottom: 2pc
  }
}

.cmp-handraiserform__divider-line {
  background-color: #bbb;
  height: 1px;
  margin: 2pc 0;
  width: 100%
}

@media screen and (min-width:1280px) {
  .cmp-handraiserform__divider-line {
    margin: 40px 0
  }
}

@media screen and (min-width:1920px) {
  .cmp-handraiserform__divider-line {
    margin: 3pc 0
  }
}

.cmp-handraiserform__email__input,
.cmp-handraiserform__firstname__input,
.cmp-handraiserform__lastname__input,
.cmp-handraiserform__zipcode__input {
  margin-bottom: 20px
}

@media screen and (min-width:1280px) {

  .cmp-handraiserform__email__input,
  .cmp-handraiserform__firstname__input,
  .cmp-handraiserform__lastname__input,
  .cmp-handraiserform__zipcode__input {
    margin-bottom: 24px
  }
}

@media screen and (min-width:1920px) {

  .cmp-handraiserform__email__input,
  .cmp-handraiserform__firstname__input,
  .cmp-handraiserform__lastname__input,
  .cmp-handraiserform__zipcode__input {
    margin-bottom: 2pc
  }
}

.cmp-handraiserform__email__input .cmp-custom-inputtextfield .cmp-custom-inputtextfield__label .cmp-custom-inputtextfield__input-container .cmp-custom-inputtextfield__input,
.cmp-handraiserform__firstname__input .cmp-custom-inputtextfield .cmp-custom-inputtextfield__label .cmp-custom-inputtextfield__input-container .cmp-custom-inputtextfield__input,
.cmp-handraiserform__lastname__input .cmp-custom-inputtextfield .cmp-custom-inputtextfield__label .cmp-custom-inputtextfield__input-container .cmp-custom-inputtextfield__input,
.cmp-handraiserform__zipcode__input .cmp-custom-inputtextfield .cmp-custom-inputtextfield__label .cmp-custom-inputtextfield__input-container .cmp-custom-inputtextfield__input {
  padding: 14px 52px 14px 20px;
  width: 100%
}

.cmp-handraiserform__email__input .cmp-custom-inputtextfield__input:active,
.cmp-handraiserform__email__input .cmp-custom-inputtextfield__input:hover,
.cmp-handraiserform__firstname__input .cmp-custom-inputtextfield__input:active,
.cmp-handraiserform__firstname__input .cmp-custom-inputtextfield__input:hover,
.cmp-handraiserform__lastname__input .cmp-custom-inputtextfield__input:active,
.cmp-handraiserform__lastname__input .cmp-custom-inputtextfield__input:hover,
.cmp-handraiserform__zipcode__input .cmp-custom-inputtextfield__input:active,
.cmp-handraiserform__zipcode__input .cmp-custom-inputtextfield__input:hover {
  border: 2px solid #1c69d4
}

.cmp-handraiserform__checkbox {
  margin-bottom: 2pc
}

@media screen and (min-width:1280px) {
  .cmp-handraiserform__checkbox {
    margin-bottom: 40px
  }
}

@media screen and (min-width:1920px) {
  .cmp-handraiserform__checkbox {
    margin-bottom: 3pc
  }
}

.cmp-handraiserform__submit {
  width: -moz-fit-content;
  width: fit-content
}

.default__view .cmp-handraiserform__default-state {
  display: block
}

.default__view .cmp-handraiserform__error-state,
.default__view .cmp-handraiserform__success-state,
.success__view .cmp-handraiserform__default-state {
  display: none
}

.success__view .cmp-handraiserform__success-state {
  display: block
}

.error__view .cmp-handraiserform__default-state,
.error__view .cmp-handraiserform__success-state,
.success__view .cmp-handraiserform__error-state {
  display: none
}

.error__view .cmp-handraiserform__error-state {
  display: block
}

.error__view .cmp-handraiserform__error-state .cmp-handraiserform__text {
  margin-bottom: 2pc
}

@media screen and (min-width:1280px) {
  .error__view .cmp-handraiserform__error-state .cmp-handraiserform__text {
    margin-bottom: 40px
  }
}

@media screen and (min-width:1920px) {
  .error__view .cmp-handraiserform__error-state .cmp-handraiserform__text {
    margin-bottom: 3pc
  }
}

.error__view .cmp-handraiserform__error-state .cmp-handraiserform__error-button {
  width: -moz-fit-content;
  width: fit-content
}

.error__view .cmp-handraiserform__error-state .cmp-handraiserform__error-button .cmp-button {
  background-color: #1c69d4;
  padding: 14px 24px
}

.error__view .cmp-handraiserform__error-state .cmp-handraiserform__error-button .cmp-button:hover {
  background-color: #0653b6
}

.error__view .cmp-handraiserform__error-state .cmp-handraiserform__error-button.disabled .cmp-button {
  background-color: #f2f2f2;
  color: #bbb
}

.cmp-gradient {
  bottom: 0;
  left: 0;
  
  position: absolute;
  right: 0;
  top: 0
}

@media screen and (max-width:767px) {
  .cmp-gradient.cmp-gradient-hide-for-mobile {
    background: none
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-gradient.cmp-gradient-hide-for-tablet {
    background: none
  }
}

@media screen and (min-width:1024px) {
  .cmp-gradient.cmp-gradient-hide-for-desktop {
    background: none
  }
}

.cmp-gradient--oblique {
  background: linear-gradient(70deg, #262626cc, #26262600 50%);
  transform: matrix(1, 0, 0, -1, 0, 0)
}

.cmp-gradient--left {
  background: linear-gradient(90deg, #000 10%, #000c 20%, #0009 30%, #0006 40%, #0003 50%, #0000 60%, #0000)
}

.cmp-gradient--top {
  background: linear-gradient(180deg, #000 10%, #000c 20%, #0009 30%, #0006 40%, #0003 50%, #0000 60%, #0000)
}

.cmp-gradient--right {
  background: linear-gradient(270deg, #000 10%, #000c 20%, #0009 30%, #0006 40%, #0003 50%, #0000 60%, #0000)
}

.cmp-gradient--bottom {
  background: linear-gradient(1turn, #000 10%, #000c 20%, #0009 30%, #0006 40%, #0003 50%, #0000 60%, #0000)
}

@media screen and (max-width:767px) {
  .style-container--fixed .cmp-video__wrapper .cmp-gradient {
    margin-left: calc(var(--grid-full)*-1);
    margin-right: calc(var(--grid-full)*-1);
    max-width: 120rem;
    width: calc(100% + var(--grid-full)*2)
  }
}

.cmp-globalnavigation__tout {
  align-items: flex-start;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 .25rem .75rem 0 #26262629, 0 0 1px 0 #2626263d;
  display: none;
  flex-direction: row;
  gap: .5rem;
  opacity: 0;
  padding: .75rem;
  position: absolute;
  top: 4rem;
  z-index: 6070
}

.cmp-globalnavigation__tout:before {
  background: #0000;
  box-shadow: -1px -1px 1px -1px #26262629;
  height: 1pc;
  width: 1pc;
  z-index: -1
}

.cmp-globalnavigation__tout:after,
.cmp-globalnavigation__tout:before {
  content: "";
  left: 46.8627%;
  position: absolute;
  top: -8px;
  transform: rotate(45deg)
}

.cmp-globalnavigation__tout:after {
  border: 8px solid #fff;
  height: 0;
  
  width: 0;
  z-index: 0
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation__tout--visible {
    animation: globalnavigation-tout-fade-in .5s ease-in-out .5s forwards;
    display: inline-flex;
    opacity: 1
  }
}

@keyframes globalnavigation-tout-fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.cmp-globalnavigation__tout__icon {
  color: #262626
}

.cmp-globalnavigation__tout__icon:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-globalnavigation__tout__disclaimer {
  color: #262626;
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  opacity: .7051;
  width: 9.6875rem
}

.cmp-globalnavigation__tout__close-button {
  appearance: none;
  background-color: #fff;
  border: unset;
  border-radius: 3px;
  color: #262626;
  cursor: pointer;
  display: grid;
  height: .75rem;
  padding: 0;
  place-content: center;
  width: .75rem
}

.cmp-globalnavigation__tout__close-button:hover {
  color: #1c69d4
}

.cmp-globalnavigation__tout__close-button:disabled {
  color: #bbb
}

.cmp-globalnavigation__tout__close-button:active {
  color: #0653b6
}

.cmp-globalnavigation__tout__close-button:active,
.cmp-globalnavigation__tout__close-button:focus,
.cmp-globalnavigation__tout__close-button:hover {
  color: #1c69d4
}

.cmp-globalnavigation__tout__close-button:hover:disabled {
  color: #262626;
  cursor: not-allowed
}

.cmp-globalnavigation__tout__title {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  display: inline;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.cmp-globalnavigation__a11y-accessibility-close-button {
  background-color: #0000;
  border: 0;
  cursor: pointer;
  margin: 0 1.5rem 0 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0
}

.cmp-globalnavigation__a11y-accessibility-close-button:focus,
.cmp-globalnavigation__a11y-accessibility-close-button:focus-visible {
  outline: none
}

.cmp-globalnavigation__a11y-accessibility-close-button:focus-visible,
.cmp-globalnavigation__a11y-accessibility-close-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-globalnavigation__a11y-accessibility-close-button.focus-visible {
    outline: none
  }

  .cmp-globalnavigation__a11y-accessibility-close-button.focus-visible,
  .cmp-globalnavigation__a11y-accessibility-close-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-globalnavigation__a11y-accessibility-close-button:focus-visible {
  opacity: 1
}

@supports (display:block) {
  .cmp-globalnavigation__a11y-accessibility-close-button.focus-visible {
    opacity: 1
  }
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation__a11y-accessibility-close-button {
    margin: 1rem 6rem 0 0
  }

  .cmp-globalnavigation__a11y-accessibility-close-button:before {
    font-size: 4rem;
    font-weight: 300
  }
}

.cmp-globalnavigation__flyout--small .cmp-globalnavigation__a11y-accessibility-close-button {
  margin: 1rem 1.5rem 0 0
}

.cmp-globalnavigation__logo:focus-visible {
  border-radius: 50%
}

@supports (display:block) {
  .cmp-globalnavigation__logo.focus-visible {
    border-radius: 50%
  }
}

.cmp-globalnavigation__logo:focus-visible .cmp-globalnavigation__logo-image {
  transform: scale(1.1)
}

@supports (display:block) {
  .cmp-globalnavigation__logo.focus-visible .cmp-globalnavigation__logo-image {
    transform: scale(1.1)
  }
}

.cmp-globalnavigation {
  margin: 0 -.5rem;
  position: relative;
  transition: background .05s ease-in-out;
  z-index: 6050
}

.cmp-globalnavigation.cmp-globalnavigation--transparent-black,
.cmp-globalnavigation.cmp-globalnavigation--transparent-wGradient-black,
.cmp-globalnavigation.cmp-globalnavigation--transparent-wGradient-white,
.cmp-globalnavigation.cmp-globalnavigation--transparent-white {
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-globalnavigation {
    margin: 0 -.75rem
  }
}

.cmp-globalnavigation__container {
  align-items: center;
  display: flex;
  height: 68px;
  position: relative
}

@media screen and (min-width:768px) {
  .cmp-globalnavigation__container {
    height: 84px
  }
}

.cmp-globalnavigation__logo {
  flex-shrink: 0;
  margin: 0 1.5rem 0 0;
  max-width:220px;
  width: 100%;
  align-items: center;
  text-decoration: none;

  img {
    width:50px;
  }
  span{
    font-size: 23px;
    font-weight: 700;

  }
}

@media screen and (min-width:768px) {
  .cmp-globalnavigation__logo {
    /* width: 3.25rem */
  }
}

.cmp-globalnavigation__logo-image {
  display: none;
  height: auto;
  transition: transform .25s ease-in-out;
  width: 100%
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation__border {
    height: 1px;
    width: 100%
  }
}

.cmp-globalnavigation__primary {
  background: #fff;
  display: none;
  flex-grow: 1;
  height: calc(100vh - 69px);
  left: 100vw;
  overflow: auto;
  padding: 0 1.5rem;
  position: absolute;
  top: 69px;
  transition: left .15s cubic-bezier(0, .5, .5, 1);
  width: 100vw
}

.cmp-globalnavigation__primary.cmp-globalnavigation__primary--visible {
  left: 0
}

.cmp-globalnavigation__primary.cmp-globalnavigation__primary--visible-out {
  left: -100vw
}

@media screen and (min-width:768px) {
  .cmp-globalnavigation__primary {
    height: calc(100vh - 85px);
    padding: 0 3rem;
    top: 85px
  }
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation__primary {
    background: none;
    display: block;
    height: 100%;
    padding: 0;
    position: unset;
    width: auto
  }
}

.cmp-globalnavigation__secondary {
  height: 100%;
  margin-left: auto
}

.cmp-globalnavigation__secondary-hidden {
  display: none
}

.cmp-globalnavigation__list {
  align-items: center;
  display: flex;
  height: 100%;
  list-style: none;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  width: 100%
}

.cmp-globalnavigation__primary .cmp-globalnavigation__list {
  flex-direction: column;
  padding-bottom: 3rem;
  padding-top: 3rem;
  width: 83.3333333333%
}

@media screen and (min-width:768px) {
  .cmp-globalnavigation__primary .cmp-globalnavigation__list {
    width: 66.6666666667%
  }
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation__primary .cmp-globalnavigation__list {
    flex-direction: row;
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
  }
}

.cmp-globalnavigation__item {
  display: flex;

}

.cmp-globalnavigation__primary .cmp-globalnavigation__item {
  border-bottom: 1px solid #e6e6e6;
  height: auto;
  width: 100%
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation__primary .cmp-globalnavigation__item {
    border-bottom: 0;

    width: auto
  }
}

.cmp-globalnavigation__item.cmp-globalnavigation__item--tablet-up {
  display: none
}

@media screen and (min-width:768px) {
  .cmp-globalnavigation__item.cmp-globalnavigation__item--tablet-up {
    display: flex
  }
}

.cmp-globalnavigation__item.cmp-globalnavigation__item--desktop-up {
  display: none
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation__item.cmp-globalnavigation__item--desktop-up {
    display: flex
  }

  .cmp-globalnavigation__item.cmp-globalnavigation__item--tablet-down {
    display: none
  }
}

.cmp-globalnavigation__mobile--search {
  display: flex;
  width: 100%
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation__mobile--search {
    display: none
  }
}

.cmp-globalnavigation__navigation-mobile {
  align-items: center;
  display: none;
  height: 69px;
  left: 100vw;
  position: absolute;
  top: 0;
  transition: left .15s cubic-bezier(0, .5, .5, 1);
  width: 100vw
}

.cmp-globalnavigation__navigation-mobile.cmp-globalnavigation__navigation-mobile--visible {
  left: 0
}

@media screen and (min-width:768px) {
  .cmp-globalnavigation__navigation-mobile {
    height: 85px
  }
}

.cmp-globalnavigation__header {
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #bbb;
  display: flex;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  height: 69px;
  justify-content: center;
  line-height: var(--body-1-line-height);
  position: sticky;
  top: 0;
  z-index: 6010
}

@media screen and (min-width:768px) {
  .cmp-globalnavigation__header {
    font-size: var(--subsection-2-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--subsection-2-line-height)
  }
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation__header {
    display: none
  }
}

.cmp-globalnavigation__header-back {
  background: #0000;
  border: 0;
  color: #666;
  cursor: pointer;
  left: 0;
  position: absolute
}

.cmp-globalnavigation__header-back .cmp-globalnavigation__header-back-icon:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-globalnavigation--application-link {
  color: #0000;
  display: flex;
  margin: 0
}

.cmp-globalnavigation__border-wrapper,
.cmp-globalnavigation__container,
.cmp-globalnavigation__header,
.cmp-globalnavigation__header-back,
.cmp-globalnavigation__navigation-mobile {
  padding: 0 1.5rem
}

@media screen and (min-width:768px) {

  .cmp-globalnavigation__border-wrapper,
  .cmp-globalnavigation__container,
  .cmp-globalnavigation__header,
  .cmp-globalnavigation__header-back,
  .cmp-globalnavigation__navigation-mobile {
    padding: 0 3rem
  }
}

@media screen and (min-width:1280px) {

  .cmp-globalnavigation__border-wrapper,
  .cmp-globalnavigation__container,
  .cmp-globalnavigation__header,
  .cmp-globalnavigation__header-back,
  .cmp-globalnavigation__navigation-mobile {
    padding: 0 6rem
  }
}

@media screen and (min-width:1920px) {

  .cmp-globalnavigation__border-wrapper,
  .cmp-globalnavigation__container,
  .cmp-globalnavigation__header,
  .cmp-globalnavigation__header-back,
  .cmp-globalnavigation__navigation-mobile {
    margin: 0 auto;
    max-width: 109.5rem;
    padding: 0 .75rem
  }
}

.cmp-globalnavigation--open .cmp-globalnavigation__flyout-layer,
.cmp-globalnavigation--open .cmp-globalnavigation__navigation-mobile,
.cmp-globalnavigation--open .cmp-globalnavigation__primary {
  display: flex
}

.cmp-globalnavigation__layer {
  background-color: #000c;
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 6060
}

@media screen and (min-width:768px) {
  .cmp-globalnavigation__layer {
    padding: 10% 25%
  }
}

.cmp-globalnavigation__layer-wrapper {
  background-color: #fff;
  flex-grow: 1;
  overflow-y: auto;
  position: relative
}

.cmp-globalnavigation__close-icon[data-icon] {
  background: #fff;
  color: #262626;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height);
  margin: 0;
  padding: 0;
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 20
}

.cmp-globalnavigation__close-icon[data-icon]:before {
  font-size: 2rem;
  font-weight: 400
}

.cmp-globalnavigation__layer-content {
  padding-bottom: 3rem;
  padding-top: 3rem
}

.cmp-globalnavigation__interaction {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-2-line-height);
  margin: 0;
  padding: 0 .75rem;
  position: relative;
  text-decoration: none
}

.cmp-globalnavigation__primary .cmp-globalnavigation__interaction {
  justify-content: space-between;
  padding: 1.5rem 0;
  width: 100%
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation__primary .cmp-globalnavigation__interaction {
    font-size: var(--body-2-font-size);
    font-weight: var(--clickable-font-weight);
    line-height: var(--body-2-line-height);
    padding: 0 .75rem
  }
}

.cmp-globalnavigation__interaction .cmp-globalnavigation__external-cart-icon {
  display: flex
}

.cmp-globalnavigation__interaction .cmp-globalnavigation__external-cart-icon::part(badge) {
  left: 11px;
  top: -8px
}

.cmp-globalnavigation__interaction--flyout .cmp-globalnavigation__interaction-icon {
  transition: transform .25s ease-in-out
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation__interaction--flyout .cmp-globalnavigation__interaction-icon {
    display: none !important
  }
}

.cmp-globalnavigation__interaction .cmp-globalnavigation__interaction-icon {
  display: flex
}

.cmp-globalnavigation__interaction .cmp-globalnavigation__interaction-icon:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-globalnavigation__interaction--toggle .cmp-globalnavigation__interaction-icon {
  align-items: center;
  background: #0000;
  border: 0;
  display: flex;
  padding-right: 0;
  pointer-events: none
}

.cmp-globalnavigation__interaction--toggle .cmp-globalnavigation__interaction-icon:before {
  font-size: 1.5rem;
  font-weight: 400
}

@media screen and (min-width:768px) {
  .cmp-globalnavigation__interaction--toggle .cmp-globalnavigation__interaction-icon:before {
    font-size: 2rem;
    font-weight: 400
  }
}

.cmp-globalnavigation__interaction i.cmp-globalnavigation__interaction-icon-desktop {
  display: none;
  padding-left: .25rem
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation__interaction i.cmp-globalnavigation__interaction-icon-desktop {
    display: block
  }
}

.cmp-globalnavigation__interaction--active .cmp-globalnavigation__interaction-icon-desktop:before {
  transform: rotate(180deg)
}

.cmp-globalnavigation__interaction--mybmw-logged-in:after {
  background-color: #3db014;
  border-radius: 50%;
  content: "";
  height: .5rem;
  position: absolute;
  right: 25%;
  top: 50%;
  transform: translate(25%, -.75rem);
  width: .5rem
}

.cmp-globalnavigation__interaction-icon+.cmp-globalnavigation__interaction-label {
  font-size: var(--body-3-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-3-line-height);
  margin-left: .25rem
}

.cmp-globalnavigation__flyout-wrapper {
  background: #fff;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation__flyout-wrapper {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
    transition-delay: .5s, 0s;
    transition-duration: .25s, .15s;
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(.5, 0, .5, 1), cubic-bezier(.5, 0, 1, .5)
  }
}

.cmp-globalnavigation__flyout-wrapper--visible {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 0s, 0s
}

.cmp-globalnavigation__flyout-layer {
  display: none;
  height: calc(100vh - 69px);
  left: 100vw;
  max-height: calc(100vh - 69px);
  overflow: hidden;
  position: absolute;
  top: 69px;
  transition: left .15s cubic-bezier(0, .5, .5, 1);
  width: 100vw
}

.cmp-globalnavigation__flyout-layer:before {
  background-color: #0006;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .05s cubic-bezier(0, .5, .5, 1);
  width: 100%;
  z-index: -1
}

@media screen and (min-width:768px) {
  .cmp-globalnavigation__flyout-layer {
    max-height: calc(100vh - 85px);
    top: 85px
  }
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation__flyout-layer {
    height: calc(100vh - 85px);
    left: 0
  }
}

.cmp-globalnavigation__flyout-layer--visible {
  left: 0
}

.cmp-globalnavigation__flyout-layer--visible:before {
  opacity: 1
}

.cmp-globalnavigation__flyout {
  display: none;
  flex-grow: 1;
  height: calc(100vh - 69px);
  max-height: calc(100vh - 69px);
  opacity: 1;
  overflow: hidden auto;
  transition: none
}

@supports (height:calc(100dvh - 69px)) {
  .cmp-globalnavigation__flyout {
    height: calc(100dvh - 69px);
    max-height: calc(100dvh - 69px)
  }
}

@media screen and (min-width:768px) {
  .cmp-globalnavigation__flyout {
    height: calc(100vh - 85px);
    max-height: calc(100vh - 85px)
  }
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation__flyout {
    height: auto;
    max-height: calc(100vh - 149px);
    overflow-y: auto
  }
}

@media screen and (min-width:1920px) {
  .cmp-globalnavigation__flyout {
    max-height: calc(100vh - 207px)
  }
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation__flyout {
    opacity: 0;
    transition: opacity .15s cubic-bezier(.5, 0, 1, .5);
    transition-delay: 0s
  }
}

.cmp-globalnavigation__flyout--visible {
  opacity: 1;
  transition-delay: .25s
}

.cmp-globalnavigation__flyout--small {
  padding: 0 1rem
}

@media screen and (min-width:768px) {
  .cmp-globalnavigation__flyout--small {
    padding: 0 2.25rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation__flyout--small {
    padding: 0 1rem
  }
}

.cmp-globalnavigation__flyout-wrapper--layer-small {
  height: -moz-fit-content;
  height: fit-content;
  left: auto;
  max-width: 20.25rem;
  position: absolute;
  right: 6rem
}

@media screen and (min-width:1920px) {
  .cmp-globalnavigation__flyout-wrapper--layer-small {
    right: calc(50vw - 54rem)
  }
}

.cmp-globalnavigation--display-block {
  display: block
}

.cmp-globalnavigation--transparent {
  background: #0000
}

.cmp-globalnavigation--transparent:before {
  background: linear-gradient(0deg, #0000, #0006);
  pointer-events: none
}

.cmp-globalnavigation--transparent .cmp-globalnavigation__border {
  background: #fff
}

.cmp-globalnavigation--transparent .cmp-globalnavigation__navigation-mobile {
  background: #0000;
  border-bottom: 1px solid #fff
}

.cmp-globalnavigation--transparent .cmp-globalnavigation__logo-image--white {
  display: block
}

.cmp-globalnavigation--transparent .cmp-globalnavigation__interaction {
  border: 0;
  box-shadow: none
}

.cmp-globalnavigation--transparent .cmp-globalnavigation__interaction,
.cmp-globalnavigation--transparent .cmp-globalnavigation__interaction:active,
.cmp-globalnavigation--transparent .cmp-globalnavigation__interaction:disabled,
.cmp-globalnavigation--transparent .cmp-globalnavigation__interaction:focus,
.cmp-globalnavigation--transparent .cmp-globalnavigation__interaction:hover,
.cmp-globalnavigation--transparent .cmp-globalnavigation__interaction:visited {
  background: #0000;
  color: #fff
}

.cmp-globalnavigation--transparent .cmp-globalnavigation__interaction:hover {
  color: #fff
}

.cmp-globalnavigation--transparent .cmp-globalnavigation__interaction:disabled {
  color: #666
}

.cmp-globalnavigation--transparent .cmp-globalnavigation__interaction:focus-visible,
.cmp-globalnavigation--transparent .cmp-globalnavigation__interaction:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-globalnavigation--transparent .cmp-globalnavigation__interaction.focus-visible {
    outline: none
  }

  .cmp-globalnavigation--transparent .cmp-globalnavigation__interaction.focus-visible,
  .cmp-globalnavigation--transparent .cmp-globalnavigation__interaction.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-globalnavigation--transparent .cmp-globalnavigation__interaction:focus-visible {
  color: #fff
}

@supports (display:block) {
  .cmp-globalnavigation--transparent .cmp-globalnavigation__interaction.focus-visible {
    color: #fff
  }
}

.cmp-globalnavigation--transparent .cmp-globalnavigation__interaction:focus,
.cmp-globalnavigation--transparent .cmp-globalnavigation__interaction:focus-visible {
  outline: none
}

.cmp-globalnavigation--transparent .cmp-globalnavigation__interaction:focus-visible,
.cmp-globalnavigation--transparent .cmp-globalnavigation__interaction:focus-visible:hover {
  box-shadow: inset 0 0 0 .125rem #1c69d4
}

@supports (display:block) {
  .cmp-globalnavigation--transparent .cmp-globalnavigation__interaction.focus-visible {
    outline: none
  }

  .cmp-globalnavigation--transparent .cmp-globalnavigation__interaction.focus-visible,
  .cmp-globalnavigation--transparent .cmp-globalnavigation__interaction.focus-visible:hover {
    box-shadow: inset 0 0 0 .125rem #1c69d4
  }
}

.cmp-globalnavigation--transparent .cmp-globalnavigation__interaction:focus-visible {
  background: #0000
}

@supports (display:block) {
  .cmp-globalnavigation--transparent .cmp-globalnavigation__interaction.focus-visible {
    background: #0000
  }
}

@media screen and (max-width:1279px) {
  .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction {
    border: 0;
    box-shadow: none
  }

  .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction,
  .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:active,
  .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:disabled,
  .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus,
  .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:hover,
  .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:visited {
    background: #0000;
    color: #666
  }

  .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:hover {
    color: #1c69d4
  }

  .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:disabled {
    color: #fff
  }

  .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus,
  .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible {
    outline: none
  }

  .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible,
  .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible {
      outline: none
    }

    .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible,
    .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible {
    color: #1c69d4
  }

  @supports (display:block) {
    .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible {
      color: #1c69d4
    }
  }
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible.cmp-globalnavigation__interaction--active {
    border: 0
  }

  @supports (display:block) {
    .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible.cmp-globalnavigation__interaction--active {
      border: 0
    }
  }

  .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible:hover {
    border: 0
  }

  @supports (display:block) {
    .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible:hover {
      border: 0
    }
  }

  .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.cmp-globalnavigation__interaction--active {
    border-bottom: .25rem solid #0000;
    border-top: .25rem solid #0000;
    color: #0653b6
  }

  .cmp-globalnavigation--transparent .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:hover {
    border-bottom: .25rem solid #1c69d4;
    border-top: .25rem solid #0000;
    color: #fff
  }
}

.cmp-globalnavigation--transparent .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle):focus-visible.cmp-globalnavigation__interaction--active {
  border: 0
}

@supports (display:block) {
  .cmp-globalnavigation--transparent .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle).focus-visible.cmp-globalnavigation__interaction--active {
    border: 0
  }
}

.cmp-globalnavigation--transparent .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle):focus-visible:hover {
  border: 0
}

@supports (display:block) {
  .cmp-globalnavigation--transparent .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle).focus-visible:hover {
    border: 0
  }
}

.cmp-globalnavigation--transparent .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle).cmp-globalnavigation__interaction--active {
  border-bottom: .25rem solid #0000;
  border-top: .25rem solid #0000;
  color: #0653b6
}

.cmp-globalnavigation--transparent .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle):hover {
  border-bottom: .25rem solid #1c69d4;
  border-top: .25rem solid #0000;
  color: #fff
}

.cmp-globalnavigation--transparent-wGradient {
  background: #0000
}

.cmp-globalnavigation--transparent-wGradient:before {
  background: linear-gradient(#ffffff4d, #fff0), linear-gradient(#fff, #fff0 70%), linear-gradient(#fff6, #fff0 45%), linear-gradient(#fff, #ffffff80 27%, #fff0 45%);
  pointer-events: none
}

.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__border {
  background: #bbb
}

.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__navigation-mobile {
  background: #0000;
  border-bottom: 1px solid #bbb
}

.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__logo-image--grey {
  display: block
}

.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction {
  border: 0;
  box-shadow: none
}

.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction,
.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction:active,
.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction:disabled,
.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction:focus,
.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction:hover,
.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction:visited {
  background: #0000;
  color: #666
}

.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction:hover {
  color: #1c69d4
}

.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction:disabled {
  color: #fff
}

.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction:focus-visible,
.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction.focus-visible {
    outline: none
  }

  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction.focus-visible,
  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction.focus-visible {
    color: #1c69d4
  }
}

.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction:focus,
.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction:focus-visible {
  outline: none
}

.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction:focus-visible,
.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction:focus-visible:hover {
  box-shadow: inset 0 0 0 .125rem #1c69d4
}

@supports (display:block) {
  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction.focus-visible {
    outline: none
  }

  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction.focus-visible,
  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction.focus-visible:hover {
    box-shadow: inset 0 0 0 .125rem #1c69d4
  }
}

.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction:focus-visible {
  background: #0000
}

@supports (display:block) {
  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__interaction.focus-visible {
    background: #0000
  }
}

@media screen and (max-width:1279px) {
  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction {
    border: 0;
    box-shadow: none
  }

  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction,
  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:active,
  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:disabled,
  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus,
  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:hover,
  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:visited {
    background: #0000;
    color: #666
  }

  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:hover {
    color: #1c69d4
  }

  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:disabled {
    color: #fff
  }

  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus,
  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible {
    outline: none
  }

  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible,
  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible {
      outline: none
    }

    .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible,
    .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible {
    color: #1c69d4
  }

  @supports (display:block) {
    .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible {
      color: #1c69d4
    }
  }
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible.cmp-globalnavigation__interaction--active {
    border: 0
  }

  @supports (display:block) {
    .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible.cmp-globalnavigation__interaction--active {
      border: 0
    }
  }

  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible:hover {
    border: 0
  }

  @supports (display:block) {
    .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible:hover {
      border: 0
    }
  }

  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.cmp-globalnavigation__interaction--active {
    border-bottom: .25rem solid #0000;
    border-top: .25rem solid #0000;
    color: #0653b6
  }

  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:hover {
    border-bottom: .25rem solid #1c69d4;
    border-top: .25rem solid #0000;
    color: #1c69d4
  }
}

.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle):focus-visible.cmp-globalnavigation__interaction--active {
  border: 0
}

@supports (display:block) {
  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle).focus-visible.cmp-globalnavigation__interaction--active {
    border: 0
  }
}

.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle):focus-visible:hover {
  border: 0
}

@supports (display:block) {
  .cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle).focus-visible:hover {
    border: 0
  }
}

.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle).cmp-globalnavigation__interaction--active {
  border-bottom: .25rem solid #0000;
  border-top: .25rem solid #0000;
  color: #0653b6
}

.cmp-globalnavigation--transparent-wGradient .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle):hover {
  border-bottom: .25rem solid #1c69d4;
  border-top: .25rem solid #0000;
  color: #1c69d4
}

.cmp-globalnavigation--solid-black {
  background: #000
}

.cmp-globalnavigation--solid-black:before {
  background: #0000;
  pointer-events: none
}

.cmp-globalnavigation--solid-black .cmp-globalnavigation__border {
  background: #666
}

.cmp-globalnavigation--solid-black .cmp-globalnavigation__navigation-mobile {
  background: #000;
  border-bottom: 1px solid #666
}

.cmp-globalnavigation--solid-black .cmp-globalnavigation__logo-image--white {
  display: block
}

.cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction {
  border: 0;
  box-shadow: none
}

.cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction,
.cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction:active,
.cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction:disabled,
.cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction:focus,
.cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction:hover,
.cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction:visited {
  background: #0000;
  color: #fff
}

.cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction:hover {
  color: #e6e6e6
}

.cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction:disabled {
  color: #fff
}

.cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction:focus-visible,
.cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction.focus-visible {
    outline: none
  }

  .cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction.focus-visible,
  .cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction:focus-visible {
  color: #e6e6e6
}

@supports (display:block) {
  .cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction.focus-visible {
    color: #e6e6e6
  }
}

.cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction:focus,
.cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction:focus-visible {
  outline: none
}

.cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction:focus-visible,
.cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction:focus-visible:hover {
  box-shadow: inset 0 0 0 .125rem #1c69d4, inset 0 0 0 .25rem #fff
}

@supports (display:block) {
  .cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction.focus-visible {
    outline: none
  }

  .cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction.focus-visible,
  .cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction.focus-visible:hover {
    box-shadow: inset 0 0 0 .125rem #1c69d4, inset 0 0 0 .25rem #fff
  }
}

.cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction:focus-visible {
  background: #000
}

@supports (display:block) {
  .cmp-globalnavigation--solid-black .cmp-globalnavigation__interaction.focus-visible {
    background: #000
  }
}

@media screen and (max-width:1279px) {
  .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction {
    border: 0;
    box-shadow: none
  }

  .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction,
  .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:active,
  .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:disabled,
  .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus,
  .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:hover,
  .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:visited {
    background: #0000;
    color: #666
  }

  .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:hover {
    color: #1c69d4
  }

  .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:disabled {
    color: #fff
  }

  .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus,
  .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible {
    outline: none
  }

  .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible,
  .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible {
      outline: none
    }

    .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible,
    .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible {
    color: #1c69d4
  }

  @supports (display:block) {
    .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible {
      color: #1c69d4
    }
  }
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible.cmp-globalnavigation__interaction--active {
    border: 0
  }

  @supports (display:block) {
    .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible.cmp-globalnavigation__interaction--active {
      border: 0
    }
  }

  .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible:hover {
    border: 0
  }

  @supports (display:block) {
    .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible:hover {
      border: 0
    }
  }

  .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.cmp-globalnavigation__interaction--active,
  .cmp-globalnavigation--solid-black .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:hover {
    border-bottom: .25rem solid #0000;
    border-top: .25rem solid #0000;
    color: #e6e6e6
  }
}

.cmp-globalnavigation--solid-black .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle):focus-visible.cmp-globalnavigation__interaction--active {
  border: 0
}

@supports (display:block) {
  .cmp-globalnavigation--solid-black .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle).focus-visible.cmp-globalnavigation__interaction--active {
    border: 0
  }
}

.cmp-globalnavigation--solid-black .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle):focus-visible:hover {
  border: 0
}

@supports (display:block) {
  .cmp-globalnavigation--solid-black .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle).focus-visible:hover {
    border: 0
  }
}

.cmp-globalnavigation--solid-black .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle).cmp-globalnavigation__interaction--active,
.cmp-globalnavigation--solid-black .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle):hover {
  border-bottom: .25rem solid #0000;
  border-top: .25rem solid #0000;
  color: #e6e6e6
}

.cmp-globalnavigation--solid-white {
  background: #fff
}

.cmp-globalnavigation--solid-white:before {
  background: #0000;
  pointer-events: none
}

.cmp-globalnavigation--solid-white .cmp-globalnavigation__border {
  background: #bbb
}

.cmp-globalnavigation--solid-white .cmp-globalnavigation__navigation-mobile {
  background: #fff;
  border-bottom: 1px solid #bbb
}

.cmp-globalnavigation--solid-white .cmp-globalnavigation__logo-image--grey {
  display: block
}

.cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction {
  border: 0;
  box-shadow: none
}

.cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction,
.cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction:active,
.cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction:disabled,
.cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction:focus,
.cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction:hover,
.cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction:visited {
  background: #0000;
  color: #666
}

.cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction:hover {
  color: #1c69d4
}

.cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction:disabled {
  color: #fff
}

.cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction:focus-visible,
.cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction.focus-visible {
    outline: none
  }

  .cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction.focus-visible,
  .cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction.focus-visible {
    color: #1c69d4
  }
}

.cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction:focus,
.cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction:focus-visible {
  outline: none
}

.cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction:focus-visible,
.cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction:focus-visible:hover {
  box-shadow: inset 0 0 0 .125rem #1c69d4
}

@supports (display:block) {
  .cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction.focus-visible {
    outline: none
  }

  .cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction.focus-visible,
  .cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction.focus-visible:hover {
    box-shadow: inset 0 0 0 .125rem #1c69d4
  }
}

.cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction:focus-visible {
  background: #fff
}

@supports (display:block) {
  .cmp-globalnavigation--solid-white .cmp-globalnavigation__interaction.focus-visible {
    background: #fff
  }
}

@media screen and (max-width:1279px) {
  .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction {
    border: 0;
    box-shadow: none
  }

  .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction,
  .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:active,
  .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:disabled,
  .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus,
  .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:hover,
  .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:visited {
    background: #0000;
    color: #666
  }

  .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:hover {
    color: #1c69d4
  }

  .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:disabled {
    color: #fff
  }

  .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus,
  .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible {
    outline: none
  }

  .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible,
  .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible {
      outline: none
    }

    .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible,
    .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible {
    color: #1c69d4
  }

  @supports (display:block) {
    .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible {
      color: #1c69d4
    }
  }
}

@media screen and (min-width:1280px) {
  .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible.cmp-globalnavigation__interaction--active {
    border: 0
  }

  @supports (display:block) {
    .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible.cmp-globalnavigation__interaction--active {
      border: 0
    }
  }

  .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:focus-visible:hover {
    border: 0
  }

  @supports (display:block) {
    .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.focus-visible:hover {
      border: 0
    }
  }

  .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction.cmp-globalnavigation__interaction--active {
    border-bottom: .25rem solid #0000;
    border-top: .25rem solid #0000;
    color: #0653b6
  }

  .cmp-globalnavigation--solid-white .cmp-globalnavigation__primary .cmp-globalnavigation__interaction:hover {
    border-bottom: .25rem solid #1c69d4;
    border-top: .25rem solid #0000;
    color: #1c69d4
  }
}

.cmp-globalnavigation--solid-white .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle):focus-visible.cmp-globalnavigation__interaction--active {
  border: 0
}

@supports (display:block) {
  .cmp-globalnavigation--solid-white .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle).focus-visible.cmp-globalnavigation__interaction--active {
    border: 0
  }
}

.cmp-globalnavigation--solid-white .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle):focus-visible:hover {
  border: 0
}

@supports (display:block) {
  .cmp-globalnavigation--solid-white .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle).focus-visible:hover {
    border: 0
  }
}

.cmp-globalnavigation--solid-white .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle).cmp-globalnavigation__interaction--active {
  border-bottom: .25rem solid #0000;
  border-top: .25rem solid #0000;
  color: #0653b6
}

.cmp-globalnavigation--solid-white .cmp-globalnavigation__secondary .cmp-globalnavigation__interaction:not(.cmp-globalnavigation__interaction--toggle):hover {
  border-bottom: .25rem solid #1c69d4;
  border-top: .25rem solid #0000;
  color: #1c69d4
}

.cmp-globalnavigation--transparent-wGradient:before,
.cmp-globalnavigation--transparent:before {
  content: "";
  height: 11.25rem;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

@media screen and (min-width:768px) {

  .cmp-globalnavigation--transparent-wGradient:before,
  .cmp-globalnavigation--transparent:before {
    height: 11.25rem
  }
}

.cmp-globalnavigation--transparent-extended-gradient:before {
  height: 11.25rem
}

@media screen and (max-width:1279px) {

  .cmp-globalnavigation--transparent-black,
  .cmp-globalnavigation--transparent-white {
    background: #0000
  }

  .cmp-globalnavigation--transparent-black:before,
  .cmp-globalnavigation--transparent-white:before {
    background: linear-gradient(0deg, #0000, #0006) !important;
    content: "";
    height: 6rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
  }
}

@media screen and (max-width:1279px) and (min-width:768px) {

  .cmp-globalnavigation--transparent-black:before,
  .cmp-globalnavigation--transparent-white:before {
    height: 8rem
  }
}

@media screen and (max-width:1279px) {

  .cmp-globalnavigation--transparent-wGradient-black,
  .cmp-globalnavigation--transparent-wGradient-white {
    background: #0000
  }

  .cmp-globalnavigation--transparent-wGradient-black:before,
  .cmp-globalnavigation--transparent-wGradient-white:before {
    content: "";
    height: 11.25rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
  }
}

@media screen and (max-width:1279px) and (min-width:768px) {

  .cmp-globalnavigation--transparent-wGradient-black:before,
  .cmp-globalnavigation--transparent-wGradient-white:before {
    height: 11.25rem
  }
}

.style-globalnavigation--grid-cols-25 .cmp-globalnavigation__border-wrapper,
.style-globalnavigation--grid-cols-25 .cmp-globalnavigation__container {
  margin: 0 4vw;
  max-width: 92vw;
  padding: 0
}

@media screen and (min-width:1280px) {
  .style-globalnavigation--grid-cols-25 .cmp-globalnavigation__flyout-wrapper--layer-small {
    right: 4vw
  }
}

.cmp-globalnavigation__skiptomaincontent-link {
  height: 1px;
  left: -999px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 1px;
  z-index: -999
}

.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:active,
.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:focus {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  height: auto;
  justify-content: center;
  left: 1.25rem;
  line-height: var(--body-2-line-height);
  margin: .25rem;
  min-height: 3.25rem;
  padding: .25rem 1.5rem;
  text-align: center;
  text-decoration: none;
  top: 1.25rem;
  width: auto;
  z-index: 6110
}

.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:active,
.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:active:active,
.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:active:focus,
.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:active:hover,
.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:focus,
.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:focus:active,
.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:focus:focus,
.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:focus:hover {
  background-color: #1c69d4;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {

  .cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:active:hover,
  .cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:focus:hover {
    background-color: #0653b6;
    box-shadow: none;
    color: #fff
  }
}

.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:active:focus,
.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:active:focus-visible,
.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:focus:focus,
.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:focus:focus-visible {
  outline: none
}

.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:active:focus-visible,
.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:active:focus-visible:hover,
.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:focus:focus-visible,
.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:focus:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {

  .cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:active.focus-visible,
  .cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:focus.focus-visible {
    outline: none
  }

  .cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:active.focus-visible,
  .cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:active.focus-visible:hover,
  .cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:focus.focus-visible,
  .cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:focus.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:active:focus-visible,
.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:focus:focus-visible {
  color: #fff
}

@supports (display:block) {

  .cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:active.focus-visible,
  .cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:focus.focus-visible {
    color: #fff
  }
}

.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:active:focus-visible,
.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:focus:focus-visible {
  background-color: #0653b6
}

@supports (display:block) {

  .cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:active.focus-visible,
  .cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:focus.focus-visible {
    background-color: #0653b6
  }
}

.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:active:disabled,
.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:active[aria-disabled=true],
.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:focus:disabled,
.cmp-globalnavigation__skiptomaincontent .cmp-globalnavigation__skiptomaincontent-link:focus[aria-disabled=true] {
  background-color: #bbd2f3;
  pointer-events: none
}

.ds2-brochures-download__list-item {
  border-top: 1px solid #e6e6e6;
  display: flex;
  margin: 0;
  width: 100%
}

.ds2-brochures-download__list-item--last {
  border-bottom: 1px solid #e6e6e6
}

.ds2-brochures-download__link-name {
  align-items: center;
  color: #262626;
  display: flex;
  flex-grow: 1;
  min-height: 59px;
  word-break: break-word
}

.ds2-brochures-download__link-icon {
  height: 50px;
  margin-bottom: 4px;
  margin-left: 15px;
  margin-top: 4px;
  position: relative;
  width: 50px
}

.ds2-brochures-download__link-icon:before {
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  content: " ";
  height: 50px;
  position: absolute;
  width: 50px
}

.ds2-brochures-download__link--download:hover {
  color: #1c69d4;
  cursor: pointer
}

.ds2-brochures-download__link--download:hover .ds2-brochures-download__link-name {
  color: #1c69d4
}

.ds2-brochures-download__link--download .ds2-brochures-download__link-icon:before {
  background-image: url("")
}

.ds2-brochures-download__link--download:not([href$=".pdf"]) .ds2-brochures-download__link-icon:before {
  background-image: url("")
}

.ds2-brochures-download__link {
  align-items: center;
  display: flex;
  margin: 0;
  text-decoration: none;
  width: 100%
}

.ds2-brochures-download__link:hover {
  cursor: default;
  text-decoration: none
}

.ds2-brochures-download__link:hover .ds2-brochures-download__link-name {
  color: #1c69d4
}

.ds2-brochures-download__link[brochure-type=DOWNLOAD]:hover {
  color: #1c69d4;
  cursor: pointer
}

.ds2-brochures-download__link[brochure-type=DOWNLOAD] .ds2-brochures-download__link-icon:before {
  background-image: url("")
}

.ds2-brochures-download__link[brochure-type=BROCHURE] {
  cursor: default;
  pointer-events: none
}

.ds2-brochures-download__link[brochure-type=BROCHURE] .ds2-brochures-download__link-icon,
.ds2-brochures-download__link[brochure-type=BROCHURE] .ds2-brochures-download__link-icon:before {
  display: none
}

.ds2-brochures-download__link[brochure-type=DOWNLOAD]:not([href$=".pdf"]) .ds2-brochures-download__link-icon:before {
  background-image: url("")
}

.cmp-flexitem {
  background-color: #f6f6f6;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.5rem 3rem 1.75rem;
  text-decoration: none
}

.cmp-flexitem:focus,
.cmp-flexitem:hover {
  outline: none
}

.cmp-flexitem--expandable {
  align-items: center;
  background: #fff;
  border: 0;
  justify-content: center;
  min-height: 7.5rem;
  padding: 1.25rem;
  position: relative;
  width: 100%
}

.cmp-flexitem--expandable.single-item {
  cursor: unset
}

.cmp-flexitem--expandable.cmp-flexitem--live-chat {
  background-color: #dde8f9
}

.cmp-flexitem--expandable .cmp-flexitem__header {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: .75rem;
  justify-items: center
}

.cmp-flexitem--expandable .cmp-flexitem__text {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  hyphens: none;
  overflow: hidden;
  text-overflow: ellipsis
}

.cmp-flexitem--expandable .cmp-flexitem__icon--maximize:before,
.cmp-flexitem--expandable .cmp-flexitem__icon:before {
  font-weight: var(--default-font-weight)
}

.cmp-flexitem--expandable .cmp-flexitem__icon {
  font-size: 1.5rem
}

@media screen and (min-width:768px) {
  .cmp-flexitem--expandable .cmp-flexitem__icon {
    font-size: 2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-flexitem--expandable .cmp-flexitem__icon {
    font-size: 3rem
  }
}

.cmp-flexitem--expandable .cmp-flexitem__icon--maximize {
  display: none;
  font-size: 1rem;
  position: absolute;
  right: .5rem;
  top: .5rem
}

@media screen and (min-width:768px) {
  .cmp-flexitem--expandable .cmp-flexitem__icon--maximize {
    font-size: 1.5rem;
    right: 1rem;
    top: 1rem
  }
}

.cmp-flexitem--expandable .cmp-flexitem__body {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  text-align: center
}

@media screen and (min-width:1920px) {
  .cmp-flexitem--expandable .cmp-flexitem__body {
    font-size: var(--body-1-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--body-1-line-height)
  }
}

.cmp-flexitem--expandable:hover:not(.single-item) {
  box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d
}

.cmp-flexitem--expandable:hover:not(.single-item) .cmp-flexitem__icon--maximize {
  display: block
}

.cmp-flexitem--expandable.selected,
.cmp-flexitem--expandable:active:not(.single-item) {
  border: 1px solid #262626
}

@media screen and (min-width:768px) {
  .cmp-flexitem--expandable {
    min-height: 8rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-flexitem--expandable {
    min-height: 8.25rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-flexitem--expandable {
    min-height: 10.75rem;
    padding: 1.5rem
  }

  .cmp-flexitem--expandable .cmp-flexitem__header {
    gap: 1rem
  }
}

.cmp-flexitem--expandable__content {
  background: #fff;
  grid-column: 1/-1;
  width: 100%
}

.cmp-flexitem--expandable__content .cmp-flexitem--expandable__content-inner {
  display: flex;
  flex-direction: column
}

.cmp-flexitem--expandable__content .cmp-flexitem--expandable__content-inner .cmp-flexitem--expandable__content-close-icon {
  vertical-align: middle
}

.cmp-flexitem--expandable__content .cmp-flexitem--expandable__content-close {
  align-self: end;
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  line-height: 2.5rem;
  margin-right: 1.25rem;
  order: -1;
  padding: 0
}

@media screen and (min-width:1280px) {
  .cmp-flexitem--expandable__content .cmp-flexitem--expandable__content-close {
    line-height: 3rem;
    margin-right: 1.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-flexitem--expandable__content .cmp-flexitem--expandable__content-close {
    line-height: 4rem;
    margin-right: 1.75rem
  }
}

.cmp-flexitem--expandable__content .cmp-flexitem--expandable__content--content {
  padding: 0 1.5rem 3rem
}

.cmp-flexitem--expandable__content .cmp-flexitem--expandable__content--content .style-container--border>.cmp-container:after {
  
  z-index: auto
}

@media screen and (min-width:768px) {
  .cmp-flexitem--expandable__content .cmp-flexitem--expandable__content--content {
    padding: 0 2.5rem 2.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-flexitem--expandable__content .cmp-flexitem--expandable__content--content {
    padding: 0 3rem 3rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-flexitem--expandable__content .cmp-flexitem--expandable__content--content {
    padding: 0 4rem 4rem
  }
}

.cmp-flexitem--expandable__content--hidden {
  display: none
}

.cmp-flexitem--expandable__content--open {
  display: block;
  grid-column: 1/-1
}

.cmp-flexitem-wrapper {
  min-height: 6.5rem;
  overflow: visible;
  position: relative;
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-flexitem-wrapper {
    min-height: 10.75rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-flexitem-wrapper {
    min-height: 12.25rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-flexitem-wrapper {
    min-height: 13.75rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-flexitem-wrapper {
    min-height: 16.25rem
  }
}

.cmp-flexitem-wrapper--default {
  flex-basis: 100%
}

@media screen and (min-width:768px) {
  .cmp-flexitem-wrapper--default {
    flex-basis: calc(50% - 0.75rem)
  }
}

@media screen and (min-width:1024px) {
  .cmp-flexitem-wrapper--default {
    flex-basis: calc(33.33333% - 1rem)
  }
}

@media screen and (min-width:1280px) {
  .cmp-flexitem-wrapper--default {
    flex-basis: calc(25% - 1.125rem)
  }
}

@media screen and (min-width:1920px) {
  .cmp-flexitem-wrapper--default {
    flex-basis: calc(20% - 1.2rem)
  }
}

.cmp-flexitem--default {
  -webkit-touch-callout: none;
  --flexitem-collapsed-height: 6.5rem;
  align-items: center;
  display: flex;
  flex-direction: row;
  grid-column: span 12;
  height: 6.5rem;
  justify-content: space-between;
  overflow: hidden;
  padding: 1.5rem;
  position: absolute;
  touch-action: manipulation;
  transform-origin: center;
  transition: transform .25s cubic-bezier(0, 0, .17, .99), height .25s cubic-bezier(0, .19, .82, .93);
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 10
}

.cmp-flexitem--default .cmp-flexitem__headline {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height);
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis
}

@media screen and (min-width:768px) {
  .cmp-flexitem--default .cmp-flexitem__headline {
    height: 100%
  }
}

.cmp-flexitem--default .cmp-flexitem__headline--truncated {
  -webkit-line-clamp: 2
}

@media screen and (min-width:1024px) {
  .cmp-flexitem--default .cmp-flexitem__headline--truncated {
    -webkit-line-clamp: 3
  }
}

.cmp-flexitem--default:focus-visible,
.cmp-flexitem--default:hover {
  --flexitem-raw-delta: (var(--expanded-height, var(--flexitem-collapsed-height)) - var(--flexitem-collapsed-height));
  --flexitem-delta: clamp(0px, var(--flexitem-raw-delta), 999rem);
  box-shadow: 0 .25rem .75rem 0 #00000029, 0 0 .0625rem 0 #0000003d;
  height: var(--expanded-height);
  transform: translateY(calc(var(--flexitem-delta)/-2)) scale(1.03);
  z-index: 20
}

.cmp-flexitem--default:focus-visible .cmp-flexitem__headline--truncated,
.cmp-flexitem--default:hover .cmp-flexitem__headline--truncated {
  -webkit-line-clamp: unset;
  overflow: visible
}

.cmp-flexitem--default .cmp-flexitem__arrow {
  margin-left: .5rem
}

@media screen and (min-width:768px) {
  .cmp-flexitem--default .cmp-flexitem__arrow {
    margin-left: 0
  }

  .cmp-flexitem--default {
    --flexitem-collapsed-height: 10.75rem;
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
    grid-column: span 6;
    height: 10.75rem;
    padding: 2rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-flexitem--default {
    --flexitem-collapsed-height: 12.25rem;
    grid-column: span 4;
    height: 12.25rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-flexitem--default {
    --flexitem-collapsed-height: 13.75rem;
    grid-column: span 3;
    height: 13.75rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-flexitem--default {
    --flexitem-collapsed-height: 16.25rem;
    gap: 2rem;
    height: 16.25rem;
    padding: 2.5rem 2rem
  }
}

.cmp-flexbox__container {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
  margin: 0 auto
}

.cmp-flexbox__container .cmp-flexbox__item {
  display: contents
}

.cmp-flexbox__container.style-flexbox--3-tiles-expandable {
  display: grid;
  flex-wrap: nowrap;
  gap: .5rem;
  justify-content: normal;
  margin: 0
}

@media screen and (min-width:768px) {
  .cmp-flexbox__container.style-flexbox--3-tiles-expandable {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .cmp-flexbox__container.style-flexbox--3-tiles-expandable {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:768px) {
  .cmp-flexbox__container.style-flexbox--3-tiles-expandable.cmp-flexbox__container--2 {
    grid-template-columns: repeat(2, 1fr)
  }

  .cmp-flexbox__container.style-flexbox--3-tiles-expandable.cmp-flexbox__container--1 {
    gap: 0;
    grid-template-columns: repeat(1, 1fr)
  }
}

.cmp-financialwidget {
  word-break: normal
}

.cmp-backgroundmedia__overlay .icon {
  color: #fff;
  padding-right: 0
}

.cmp-backgroundmedia__overlay .title {
  padding-left: .5rem
}

.cmp-epaasnotavailablebanner {
  background-color: #fff;
  bottom: 0;
  box-shadow: 0 -1px 8px 0 #00000080;
  box-sizing: border-box;
  display: none;
  flex-direction: column;
  left: 0;
  max-height: 31.8vh;
  overflow: auto;
  padding: 15px 10% 30px;
  position: fixed;
  right: 0;
  z-index: 6120
}

@media (max-height:480px),
(max-width:480px) {
  .cmp-epaasnotavailablebanner {
    max-height: calc(100% - 60px);
    padding: 20px 20px 30px
  }
}

.cmp-epaasnotavailablebanner.cmp-epaasnotavailablebanner__show-banner {
  display: flex
}

.cmp-epaasnotavailablebanner__header {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  margin-left: 5px;
  position: relative
}

@media (max-height:480px),
(max-width:480px) {
  .cmp-epaasnotavailablebanner__header {
    align-items: flex-end;
    flex-direction: column-reverse
  }
}

.cmp-epaasnotavailablebanner__headline {
  flex-basis: auto;
  font-size: var(--headline-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-2-line-height);
  margin: 0 0 20px;
  width: 100%
}

@media (max-height:480px),
(max-width:480px) {
  .cmp-epaasnotavailablebanner__headline {
    margin: 0 0 20px
  }
}

.cmp-epaasnotavailablebanner__close-button {
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  height: 40px;
  padding: .5rem;
  position: relative;
  width: 40px
}

.cmp-epaasnotavailablebanner__close-button,
.cmp-epaasnotavailablebanner__close-button:active,
.cmp-epaasnotavailablebanner__close-button:focus,
.cmp-epaasnotavailablebanner__close-button:hover {
  background-color: #fff;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-epaasnotavailablebanner__close-button:hover {
    background-color: #bbb;
    box-shadow: none
  }
}

.cmp-epaasnotavailablebanner__close-button:focus,
.cmp-epaasnotavailablebanner__close-button:focus-visible {
  outline: none
}

.cmp-epaasnotavailablebanner__close-button:focus-visible,
.cmp-epaasnotavailablebanner__close-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-epaasnotavailablebanner__close-button.focus-visible {
    outline: none
  }

  .cmp-epaasnotavailablebanner__close-button.focus-visible,
  .cmp-epaasnotavailablebanner__close-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-epaasnotavailablebanner__close-button:focus-visible {
  background-color: #bbb
}

@supports (display:block) {
  .cmp-epaasnotavailablebanner__close-button.focus-visible {
    background-color: #bbb
  }
}

.cmp-epaasnotavailablebanner__close-button:disabled,
.cmp-epaasnotavailablebanner__close-button[aria-disabled=true] {
  background-color: #8e8e8e;
  color: #666;
  pointer-events: none
}

.cmp-epaasnotavailablebanner__close-button:disabled:focus-visible,
.cmp-epaasnotavailablebanner__close-button[aria-disabled=true]:focus-visible {
  color: #666
}

@supports (display:block) {

  .cmp-epaasnotavailablebanner__close-button:disabled.focus-visible,
  .cmp-epaasnotavailablebanner__close-button[aria-disabled=true].focus-visible {
    color: #666
  }
}

.cmp-epaasnotavailablebanner__close-button-icon {
  font-size: 1.5rem
}

.cmp-epaasnotavailablebanner__close-button-icon:before {
  font-size: inherit;
  font-weight: 400
}

.cmp-epaasnotavailablebanner__content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  -ms-overflow-x: hidden;
  overflow-y: auto;
  padding-left: 5px
}

.cmp-epaasnotavailablebanner__label {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  margin: 0
}

.cmp-energylabel .cmp-text {
  display: inline-block
}

.cmp-energylabel .cmp-energylabel--hide {
  display: none
}

@media screen {
  .cmp-energylabel {
    --energylabel-columns: 2;
    --energylabel-column-width: calc(var(--grid-main-container-width)/var(--energylabel-columns) - var(--grid-gutter))
  }
}

@media screen and (min-width:768px) {
  .cmp-energylabel {
    --energylabel-columns: 3;
    --energylabel-column-width: calc(var(--grid-main-container-width)/var(--energylabel-columns) - var(--grid-gutter))
  }
}

@media screen and (min-width:1024px) {
  .cmp-energylabel {
    --energylabel-columns: 4;
    --energylabel-column-width: calc(var(--grid-main-container-width)/var(--energylabel-columns) - var(--grid-gutter))
  }
}

@media screen and (min-width:1280px) {
  .cmp-energylabel {
    --energylabel-columns: 6;
    --energylabel-column-width: calc(var(--grid-main-container-width)/var(--energylabel-columns) - var(--grid-gutter))
  }
}

@media screen and (min-width:1920px) {
  .cmp-energylabel {
    --energylabel-columns: 8;
    --energylabel-column-width: calc(var(--grid-main-container-width)/var(--energylabel-columns) - var(--grid-gutter))
  }
}

.cmp-energylabel__foot,
.cmp-energylabel__head,
.cmp-energylabel__text {
  text-align: start
}

.cmp-energylabel__head {
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  padding-bottom: .25rem
}

.cmp-energylabel__item {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  padding: 0 .25rem;
  -webkit-user-select: none;
  user-select: none
}

.cmp-energylabel__text {
  color: #fff;
  text-shadow: #262626bf 0 0 .5em
}

.cmp-energylabel__foot {
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height)
}

.cmp-energylabel__image {
  display: block;
  height: auto
}

.cmp-energylabel__image,
.cmp-energylabel__list-wrapper {
  max-width: 100%;
  width: var(--energylabel-column-width)
}

.cmp-energylabel__list-wrapper>.cmp-energylabel__foot,
.cmp-energylabel__list-wrapper>.cmp-energylabel__head {
  align-items: center;
  display: flex
}

.cmp-energylabel__list {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  list-style: none
}

.cmp-energylabel__list .cmp-energylabel__item {
  position: relative;
  text-align: start;
  z-index: 10
}

.cmp-energylabel__list .cmp-energylabel__item:before {
  border: .75rem solid #0000;
  border-left-color: initial;
  bottom: 0;
  content: " ";
  left: var(--energylabel-item-width);
  position: absolute;
  top: 0;
  z-index: -10
}

.cmp-energylabel__list .cmp-energylabel__item:after {
  background: currentColor;
  bottom: 0;
  content: " ";
  left: 0;
  position: absolute;
  top: 0;
  width: var(--energylabel-item-width);
  z-index: -10
}

.cmp-energylabel__flag {
  display: inline-flex;
  height: 1em;
  margin-right: .25rem
}

.style-energylabel--solid .cmp-energylabel__list-wrapper {
  background: #fff;
  border: .0625rem solid #e6e6e6;
  padding: 0 .25rem
}

.style-energylabel--solid .cmp-energylabel__list-wrapper>.cmp-energylabel__head {
  border-bottom: .0625rem solid #e6e6e6;
  padding: .5rem 0
}

.style-energylabel--solid .cmp-energylabel__list-wrapper>.cmp-energylabel__foot {
  border-top: .0625rem solid #e6e6e6;
  padding: .5rem 0
}

.style-energylabel--solid .cmp-energylabel__list {
  margin: .5rem 0
}

.style-energylabel--transparent .cmp-energylabel__list-wrapper {
  background: #0000
}

.style-energylabel--label-below .cmp-energylabel__list .cmp-energylabel__item {
  line-height: 1.5rem
}

.style-energylabel--label-below .cmp-energylabel__list .cmp-energylabel__item:first-child {
  --energylabel-item-width: calc(1rem + (100% - 5.75rem)/var(--energylabel-count)*1)
}

.style-energylabel--label-below .cmp-energylabel__list .cmp-energylabel__item:nth-child(2) {
  --energylabel-item-width: calc(1rem + (100% - 5.75rem)/var(--energylabel-count)*2)
}

.style-energylabel--label-below .cmp-energylabel__list .cmp-energylabel__item:nth-child(3) {
  --energylabel-item-width: calc(1rem + (100% - 5.75rem)/var(--energylabel-count)*3)
}

.style-energylabel--label-below .cmp-energylabel__list .cmp-energylabel__item:nth-child(4) {
  --energylabel-item-width: calc(1rem + (100% - 5.75rem)/var(--energylabel-count)*4)
}

.style-energylabel--label-below .cmp-energylabel__list .cmp-energylabel__item:nth-child(5) {
  --energylabel-item-width: calc(1rem + (100% - 5.75rem)/var(--energylabel-count)*5)
}

.style-energylabel--label-below .cmp-energylabel__list .cmp-energylabel__item:nth-child(6) {
  --energylabel-item-width: calc(1rem + (100% - 5.75rem)/var(--energylabel-count)*6)
}

.style-energylabel--label-below .cmp-energylabel__list .cmp-energylabel__item:nth-child(7) {
  --energylabel-item-width: calc(1rem + (100% - 5.75rem)/var(--energylabel-count)*7)
}

.style-energylabel--label-below .cmp-energylabel__list .cmp-energylabel__item:nth-child(8) {
  --energylabel-item-width: calc(1rem + (100% - 5.75rem)/var(--energylabel-count)*8)
}

.style-energylabel--label-below .cmp-energylabel__list .cmp-energylabel__item:nth-child(9) {
  --energylabel-item-width: calc(1rem + (100% - 5.75rem)/var(--energylabel-count)*9)
}

.style-energylabel--label-below .cmp-energylabel__list .cmp-energylabel__item:nth-child(10) {
  --energylabel-item-width: calc(1rem + (100% - 5.75rem)/var(--energylabel-count)*10)
}

.style-energylabel--label-below .cmp-energylabel__list .cmp-energylabel__item:nth-child(11) {
  --energylabel-item-width: calc(1rem + (100% - 5.75rem)/var(--energylabel-count)*11)
}

.style-energylabel--label-below .cmp-energylabel__list .cmp-energylabel__item:nth-child(12) {
  --energylabel-item-width: calc(1rem + (100% - 5.75rem)/var(--energylabel-count)*12)
}

.style-energylabel--label-below .cmp-energylabel__active-indicator {
  color: #262626;
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-2-line-height);
  line-height: 2rem;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 2.5rem;
  z-index: 10
}

.style-energylabel--label-below .cmp-energylabel__active-indicator:before {
  border: 1rem solid #0000;
  border-right-color: initial;
  bottom: 0;
  content: " ";
  position: absolute;
  right: 100%;
  top: 0;
  z-index: -10
}

.style-energylabel--label-below .cmp-energylabel__active-indicator:after {
  background: currentColor;
  bottom: 0;
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -10
}

.style-energylabel--label-inside .cmp-energylabel__list .cmp-energylabel__item:not(.cmp-energylabel__item--selected) {
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  line-height: 1rem;
  z-index: 10
}

.style-energylabel--label-inside .cmp-energylabel__list .cmp-energylabel__item:not(.cmp-energylabel__item--selected):first-child {
  --energylabel-item-width: calc(0.66667rem + (100% - 1.16667rem)/var(--energylabel-count)*1)
}

.style-energylabel--label-inside .cmp-energylabel__list .cmp-energylabel__item:not(.cmp-energylabel__item--selected):nth-child(2) {
  --energylabel-item-width: calc(0.66667rem + (100% - 1.16667rem)/var(--energylabel-count)*2)
}

.style-energylabel--label-inside .cmp-energylabel__list .cmp-energylabel__item:not(.cmp-energylabel__item--selected):nth-child(3) {
  --energylabel-item-width: calc(0.66667rem + (100% - 1.16667rem)/var(--energylabel-count)*3)
}

.style-energylabel--label-inside .cmp-energylabel__list .cmp-energylabel__item:not(.cmp-energylabel__item--selected):nth-child(4) {
  --energylabel-item-width: calc(0.66667rem + (100% - 1.16667rem)/var(--energylabel-count)*4)
}

.style-energylabel--label-inside .cmp-energylabel__list .cmp-energylabel__item:not(.cmp-energylabel__item--selected):nth-child(5) {
  --energylabel-item-width: calc(0.66667rem + (100% - 1.16667rem)/var(--energylabel-count)*5)
}

.style-energylabel--label-inside .cmp-energylabel__list .cmp-energylabel__item:not(.cmp-energylabel__item--selected):nth-child(6) {
  --energylabel-item-width: calc(0.66667rem + (100% - 1.16667rem)/var(--energylabel-count)*6)
}

.style-energylabel--label-inside .cmp-energylabel__list .cmp-energylabel__item:not(.cmp-energylabel__item--selected):nth-child(7) {
  --energylabel-item-width: calc(0.66667rem + (100% - 1.16667rem)/var(--energylabel-count)*7)
}

.style-energylabel--label-inside .cmp-energylabel__list .cmp-energylabel__item:not(.cmp-energylabel__item--selected):nth-child(8) {
  --energylabel-item-width: calc(0.66667rem + (100% - 1.16667rem)/var(--energylabel-count)*8)
}

.style-energylabel--label-inside .cmp-energylabel__list .cmp-energylabel__item:not(.cmp-energylabel__item--selected):nth-child(9) {
  --energylabel-item-width: calc(0.66667rem + (100% - 1.16667rem)/var(--energylabel-count)*9)
}

.style-energylabel--label-inside .cmp-energylabel__list .cmp-energylabel__item:not(.cmp-energylabel__item--selected):nth-child(10) {
  --energylabel-item-width: calc(0.66667rem + (100% - 1.16667rem)/var(--energylabel-count)*10)
}

.style-energylabel--label-inside .cmp-energylabel__list .cmp-energylabel__item:not(.cmp-energylabel__item--selected):nth-child(11) {
  --energylabel-item-width: calc(0.66667rem + (100% - 1.16667rem)/var(--energylabel-count)*11)
}

.style-energylabel--label-inside .cmp-energylabel__list .cmp-energylabel__item:not(.cmp-energylabel__item--selected):nth-child(12) {
  --energylabel-item-width: calc(0.66667rem + (100% - 1.16667rem)/var(--energylabel-count)*12)
}

.style-energylabel--label-inside .cmp-energylabel__list .cmp-energylabel__item:not(.cmp-energylabel__item--selected):before {
  border: .5rem solid #0000;
  border-left-color: initial;
  bottom: 0;
  content: " ";
  left: var(--energylabel-item-width);
  position: absolute;
  top: 0;
  z-index: -10
}

.style-energylabel--label-inside .cmp-energylabel__list .cmp-energylabel__item:not(.cmp-energylabel__item--selected):after {
  background: currentColor;
  bottom: 0;
  content: " ";
  left: 0;
  position: absolute;
  top: 0;
  width: var(--energylabel-item-width);
  z-index: -10
}

.style-energylabel--label-inside .cmp-energylabel__item--selected {
  --energylabel-item-width: calc(100% - 1rem);
  align-items: center;
  display: flex;
  font-size: 1.5rem;
  gap: .25rem;
  line-height: 2rem;
  z-index: 10
}

.style-energylabel--label-inside .cmp-energylabel__item--selected:before {
  border: 1rem solid #0000;
  border-left-color: initial;
  bottom: 0;
  content: " ";
  left: var(--energylabel-item-width);
  position: absolute;
  top: 0;
  z-index: -10
}

.style-energylabel--label-inside .cmp-energylabel__item--selected:after {
  background: currentColor;
  bottom: 0;
  content: " ";
  left: 0;
  position: absolute;
  top: 0;
  width: var(--energylabel-item-width);
  z-index: -10
}

.style-energylabel--label-inside .cmp-energylabel__item--selected .cmp-text__paragraph {
  -webkit-line-clamp: var(--singleline-support, 2);
  -webkit-box-orient: vertical;
  display: var(--singleline-support, -webkit-box);
  overflow: hidden;
  text-overflow: ellipsis
}

.style-energylabel--label-inside .cmp-energylabel__item .cmp-energylabel__foot {
  color: #fff;
  font-weight: inherit;
  max-width: calc(100% - 2rem);
  text-shadow: #262626bf 0 0 .5em
}

.cmp-energylabel__icon {
  align-items: flex-start;
  display: flex;
  gap: .25rem
}

.cmp-energylabel__icon .cmp-energylabel__item {
  background: currentColor;
  display: inline-flex;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  min-width: 2.25rem
}

[data-tippy-root] {
  max-width: 100vw;
  z-index: 6070
}

@media screen and (max-width:767px) {
  [data-tippy-root] {
    height: 100%;
    left: 0;
    position: fixed !important;
    top: 0;
    transform: unset !important
  }
}

.tippy-box {
  background-color: #fff;
  border-radius: .25rem;
  box-shadow: 0 .125rem .5rem 0 #00000014, 0 0 .0625rem 0 #0000003d;
  color: #262626;
  outline: 0;
  position: relative;
  transition-property: transform, visibility, opacity
}

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

@media screen and (max-width:767px) {
  .tippy-box {
    height: 100%
  }
}

.tippy-box[data-placement^=top]>.tippy-arrow {
  bottom: -1em
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
  bottom: .75em;
  left: .25em
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
  top: -1em
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
  left: .25em;
  top: .75em
}

.tippy-box[data-placement^=left]>.tippy-arrow {
  right: -1em
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
  bottom: .25em;
  right: .75em
}

.tippy-box[data-placement^=right]>.tippy-arrow {
  left: -1em
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
  bottom: .25em;
  left: .75em
}

.tippy-arrow {
  font-size: 1.5rem;
  height: 1em;
  overflow: hidden;
  
  width: 1em
}

.tippy-arrow:before {
  background-color: #fff;
  box-shadow: 0 .125rem .5rem 0 #00000014, 0 0 .0625rem 0 #0000003d;
  content: "";
  height: .5em;
  position: absolute;
  transform: rotate(45deg);
  width: .5em
}

[data-cmp-hook-tooltip=template] {
  display: none
}

[data-cmp-hook-tooltip=header] {
  align-items: start;
  display: flex;
  justify-content: space-between
}

[data-cmp-hook-tooltip=heading] {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  margin: auto 0
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-tooltip-container--full [data-cmp-hook-tooltip=heading] {
    margin: auto 0 .375rem
  }
}

[data-cmp-hook-tooltip=heading].style-tooltip-heading--uppercase {
  text-transform: uppercase
}

@media screen and (hover:hover) and (pointer:fine) {
  [data-cmp-hook-tooltip=heading].style-tooltip-heading--uppercase {
    margin: auto;
    text-align: center
  }
}

[data-cmp-hook-tooltip=content] {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

[data-cmp-hook-tooltip=container] {
  overflow: hidden auto;
  padding: .5rem;
  width: 100vw
}

[data-cmp-hook-tooltip=container].style-tooltip-container--full {
  padding: 1.25rem 1.5rem
}

@media screen and (min-width:768px) {
  [data-cmp-hook-tooltip=container] {
    max-width: calc(50vw - 3rem);
    width: max-content
  }
}

@media screen and (min-width:1280px) and (max-width:1919px) {
  [data-cmp-hook-tooltip=container] {
    max-width: calc(25vw - 4.875rem)
  }
}

@media screen and (min-width:1920px) {
  [data-cmp-hook-tooltip=container] {
    max-width: 26rem
  }
}

[data-cmp-hook-tooltip=close] {
  background: #0000;
  border: 0;
  color: #262626;
  cursor: pointer;
  margin-left: auto;
  margin-right: -1rem
}

[data-cmp-hook-tooltip=close] .style-tooltip-close-icon {
  font-size: 2rem
}

[data-cmp-hook-tooltip=close] .style-tooltip-close-icon:before {
  font-size: inherit;
  font-weight: 400
}

@media screen and (min-width:768px) {
  [data-cmp-hook-tooltip=close] {
    margin-right: -.75rem
  }

  [data-cmp-hook-tooltip=close] .style-tooltip-close-icon {
    font-size: 1.5rem
  }

  [data-cmp-hook-tooltip=close] .style-tooltip-close-icon:before {
    font-size: inherit;
    font-weight: 400
  }
}

.cmp-energylabel__tooltip {
  align-items: start;
  display: flex;
  flex-direction: column;
  position: relative
}

.cmp-energylabel__tooltip .cmp-energylabel__icon {
  align-items: center;
  align-items: start;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: 3.25rem;
  min-height: 0;
  min-width: 0;
  padding: 0;
  text-align: center;
  text-decoration: none
}

.cmp-energylabel__tooltip .cmp-energylabel__icon,
.cmp-energylabel__tooltip .cmp-energylabel__icon:active,
.cmp-energylabel__tooltip .cmp-energylabel__icon:disabled,
.cmp-energylabel__tooltip .cmp-energylabel__icon:focus,
.cmp-energylabel__tooltip .cmp-energylabel__icon:hover {
  --border-color: #0000;
  background-color: #0000;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-energylabel__tooltip .cmp-energylabel__icon:hover {
    --border-color: #0000;
    color: #1c69d4
  }
}

.cmp-energylabel__tooltip .cmp-energylabel__icon:disabled,
.cmp-energylabel__tooltip .cmp-energylabel__icon[aria-disabled=true] {
  pointer-events: none
}

.cmp-energylabel__tooltip .cmp-energylabel__icon:focus,
.cmp-energylabel__tooltip .cmp-energylabel__icon:focus-visible {
  outline: none
}

.cmp-energylabel__tooltip .cmp-energylabel__icon:focus-visible,
.cmp-energylabel__tooltip .cmp-energylabel__icon:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-energylabel__tooltip .cmp-energylabel__icon.focus-visible {
    outline: none
  }

  .cmp-energylabel__tooltip .cmp-energylabel__icon.focus-visible,
  .cmp-energylabel__tooltip .cmp-energylabel__icon.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-energylabel__tooltip .cmp-energylabel__icon:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-energylabel__tooltip .cmp-energylabel__icon.focus-visible {
    color: #1c69d4
  }
}

.cmp-energylabel__tooltip .cmp-energylabel__image,
.cmp-energylabel__tooltip .cmp-energylabel__list-wrapper {
  width: var(--energylabel-column-width)
}

.cmp-energylabel__overlay-wrapper {
  display: contents
}

.cmp-energylabel__overlay-wrapper .cmp-energylabel {
  bottom: 0;
  padding: calc(var(--grid-gutter)*2);
  position: absolute;
  right: 0;
  width: var(--energylabel-column-width)
}

.cmp-energylabel__overlay-wrapper .cmp-energylabel__icon {
  align-self: end
}

.cmp-energylabel__overlay-wrapper .cmp-energylabel__icon+.cmp-energylabel__tooltip {
  display: none
}

.style-energylabel--icon .cmp-energylabel__list-wrapper .cmp-energylabel__foot,
.style-energylabel--icon .cmp-energylabel__list-wrapper .cmp-energylabel__head,
.style-energylabel--text-dark .style-energylabel--icon .cmp-energylabel__foot,
.style-energylabel--text-dark .style-energylabel--icon .cmp-energylabel__head {
  color: #262626
}

.style-energylabel--text-light .style-energylabel--icon .cmp-energylabel__foot,
.style-energylabel--text-light .style-energylabel--icon .cmp-energylabel__head,
.style-energylabel--text-light .style-energylabel--list.style-energylabel--transparent .cmp-energylabel__foot,
.style-energylabel--text-light .style-energylabel--list.style-energylabel--transparent .cmp-energylabel__head {
  color: #fff
}

.cmp-energylabel__overlay-wrapper .cmp-energylabel.style-energylabel--responsive-scale {
  max-width: unset;
  opacity: 0;
  transition: opacity .25s ease-in-out;
  width: 100%
}

.cmp-energylabel__overlay-wrapper .cmp-energylabel.style-energylabel--responsive-scale[data-initialized=true] {
  opacity: 1
}

.cmp-energylabel__overlay-wrapper .cmp-energylabel.style-energylabel--responsive-scale .cmp-energylabel__list-wrapper {
  height: 100%;
  margin-left: auto;
  max-height: var(--list-wrapper-size);
  max-width: var(--list-wrapper-size);
  min-width: unset;
  transform-origin: right var(--energylabel-overlay-top, bottom);
  width: 100%
}

.cmp-energylabel {
  z-index: 30
}

.cmp-energylabel__overlay-wrapper .cmp-energylabel {
  bottom: var(--energylabel-overlay-bottom, 0);
  top: var(--energylabel-overlay-top, auto);
  transform: translateY(calc(var(--energylabel-overlay-top, 0)*-1))
}

@media screen and (min-width:1024px) {
  .cmp-energylabel {
    z-index: 10
  }
}

.cmp-energylabel__range-wrapper {
  align-items: center;
  display: flex;
  gap: var(--grid-gutter);
  justify-content: flex-start;
  width: var(--grid-main-container-width)
}

.cmp-energylabel__range-wrapper .style-energylabel--list {
  display: contents
}

.cmp-energylabel__range-wrapper .style-energylabel--list .cmp-energylabel__list-wrapper {
  max-width: none;
  width: 40%
}

@media screen and (min-width:768px) {
  .cmp-energylabel__range-wrapper .style-energylabel--list .cmp-energylabel__list-wrapper {
    width: 50%
  }

  .cmp-energylabel__range-wrapper {
    width: calc(var(--grid-main-container-width)/3*2)
  }
}

@media screen and (min-width:1024px) {
  .cmp-energylabel__range-wrapper {
    width: calc(var(--grid-main-container-width)/6*2)
  }
}

.cmp-energylabel__range-spacer {
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-2-line-height);
  line-height: 1rem;
  margin: -.5rem;
  text-align: center;
  transform: translateY(-25%) scale(1.5);
  width: 1rem
}

.cmp-youtube {
  background-image: var(--over-image);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  filter: blur(4px)
}

.cmp-youtube__iframe {
  opacity: 0
}

.cmp-youtube--loaded .cmp-youtube__iframe {
  opacity: 1
}

.cmp-youtube--loaded {
  filter: blur(0)
}

.cmp-view360 {
  --view360-ratio: 16/9;
  aspect-ratio: var(--view360-ratio);
  transition: opacity .25s
}

.cmp-view360:not([data-initialized=true]) {
  opacity: 0
}

.cmp-view360--hidden {
  visibility: hidden
}

.cmp-view360--exterior.cmp-view360--transparent:before {
  aspect-ratio: 580/66;
  border: .125rem solid #bbb;
  border-radius: 50%;
  content: "";
  left: 50%;
  opacity: .6;
  position: absolute;
  top: 75%;
  transform: translate(-50%, -50%);
  width: 106.5%
}

.cmp-view360--exterior-viewer-model:focus-visible {
  box-shadow: none;
  outline: none
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7fullscreenbutton[selected=false] {
  background-size: 2.5rem
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7fullscreenbutton[selected=false][state=down],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7fullscreenbutton[selected=false][state=over],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7fullscreenbutton[selected=false][state=up] {
  background-image: url("");
  background-position: 50%
}

@media screen and (-webkit-min-device-pixel-ratio:1.5) {
  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7fullscreenbutton[selected=false] {
    background-size: 2.5rem
  }

  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7fullscreenbutton[selected=false][state=down],
  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7fullscreenbutton[selected=false][state=over],
  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7fullscreenbutton[selected=false][state=up] {
    background-image: url("");
    background-position: 50%
  }

  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7fullscreenbutton[selected=true] {
    background-size: 3.5rem
  }

  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7fullscreenbutton[selected=true][state=down],
  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7fullscreenbutton[selected=true][state=over],
  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7fullscreenbutton[selected=true][state=up] {
    background-image: url("");
    background-position: 50%
  }

  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7videotime {
    color: #f6f6f6;
    font-family: "bmwTypeNextWeb", "Arial", "Helvetica", "Roboto", sans-serif;
    font-size: var(--label-1-font-size);
    font-weight: 300;
    font-weight: var(--default-font-weight);
    line-height: var(--label-1-line-height)
  }

  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7playpausebutton:not([replay])[selected=true][state=down],
  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7playpausebutton:not([replay])[selected=true][state=over],
  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7playpausebutton:not([replay])[selected=true][state=up],
  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7playpausebutton[replay=false][selected=true][state=down],
  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7playpausebutton[replay=false][selected=true][state=over],
  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7playpausebutton[replay=false][selected=true][state=up] {
    background-image: url("");
    background-position: 50%;
    background-size: 4rem
  }

  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7playpausebutton:not([replay])[selected=false][state=down],
  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7playpausebutton:not([replay])[selected=false][state=over],
  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7playpausebutton:not([replay])[selected=false][state=up],
  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7playpausebutton[replay=false][selected=false][state=down],
  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7playpausebutton[replay=false][selected=false][state=over],
  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7playpausebutton[replay=false][selected=false][state=up] {
    background-image: url("");
    background-position: 50%;
    background-size: 4rem
  }

  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7playpausebutton[replay=true][selected=true][state=down],
  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7playpausebutton[replay=true][selected=true][state=over] {
    background-position: -28px -945pt
  }

  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7playpausebutton[replay=true][selected=false][state=over] {
    background-image: url("");
    background-position: 50%;
    background-size: initial
  }
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7smartcropvideoplayer .s7iconeffect[state=play],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7smartcropvideoplayer .s7iconeffect[state=play] {
  background-image: none;
  color: #ffffffd6
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7smartcropvideoplayer .s7iconeffect[state=play]:before,
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7smartcropvideoplayer .s7iconeffect[state=play]:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "play";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-size: 4rem;
  font-style: normal;
  font-weight: 300;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {

  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7smartcropvideoplayer .s7iconeffect[state=play]:before,
  .cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7smartcropvideoplayer .s7iconeffect[state=play]:before {
    display: none
  }
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7smartcropvideoplayer .s7iconeffect[state=play]:before,
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7smartcropvideoplayer .s7iconeffect[state=play]:before {
  left: 1.25rem;
  position: absolute;
  top: 1.25rem
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7videoscrubber,
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7videoscrubber {
  top: 47%
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7track,
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7trackloaded,
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7trackplayed,
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7track,
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7trackloaded,
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7trackplayed {
  border-radius: .1875rem;
  height: .25rem
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7knob,
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7knob {
  border-radius: 2.5rem;
  height: .75rem;
  top: -.25rem;
  width: .75rem
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7knob,
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7trackplayed,
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7knob,
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7trackplayed {
  background-color: #f6f6f6
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7trackloaded,
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7touchinput .s7trackloaded {
  background-color: #ffffff75
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7fullscreenbutton[selected=false] {
  background-size: 1rem
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7fullscreenbutton[selected=false][state=down],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7fullscreenbutton[selected=false][state=over],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7fullscreenbutton[selected=false][state=up] {
  background-image: url("");
  background-position: 50%
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7fullscreenbutton[selected=true] {
  background-size: 1.6875rem
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7fullscreenbutton[selected=true][state=down],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7fullscreenbutton[selected=true][state=over],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7fullscreenbutton[selected=true][state=up] {
  background-image: url("");
  background-position: 50%
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7videotime {
  color: #f6f6f6;
  font-family: "bmwTypeNextWeb", "Arial", "Helvetica", "Roboto", sans-serif;
  font-size: var(--label-1-font-size);
  font-weight: 300;
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  top: .375rem
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7playpausebutton:not([replay])[selected=true][state=down],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7playpausebutton:not([replay])[selected=true][state=over],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7playpausebutton:not([replay])[selected=true][state=up],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7playpausebutton[replay=false][selected=true][state=down],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7playpausebutton[replay=false][selected=true][state=over],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7playpausebutton[replay=false][selected=true][state=up] {
  background-image: url("");
  background-position: 50%;
  background-size: initial
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7playpausebutton:not([replay])[selected=false][state=down],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7playpausebutton:not([replay])[selected=false][state=over],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7playpausebutton:not([replay])[selected=false][state=up],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7playpausebutton[replay=false][selected=false][state=down],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7playpausebutton[replay=false][selected=false][state=over],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7playpausebutton[replay=false][selected=false][state=up] {
  background-image: url("");
  background-position: 50%;
  background-size: initial
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7playpausebutton[replay=true][selected=true][state=down],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7playpausebutton[replay=true][selected=true][state=over] {
  background-position: -28px -945pt
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7playpausebutton[replay=true][selected=false][state=over] {
  background-image: url("");
  background-position: 50%;
  background-size: initial
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7mutablevolume .s7verticalvolume {
  background-color: initial
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7mutablevolume .s7verticalvolume .s7filledtrack {
  background-color: #f6f6f6
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7mutablevolume .s7verticalvolume .s7track {
  background-color: #ffffff75
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7mutablevolume .s7verticalvolume .s7track,
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7mutablevolume .s7verticalvolume .s7track .s7filledtrack {
  border-radius: .1875rem;
  width: 4px
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7mutablevolume .s7verticalvolume .s7knob {
  border-radius: 2.5rem;
  height: .75rem;
  left: .4375rem;
  width: .75rem
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7mutablevolume .s7mutebutton[selected=false][state=down],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7mutablevolume .s7mutebutton[selected=false][state=over],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7mutablevolume .s7mutebutton[selected=false][state=up] {
  background-image: url("");
  background-position: 50%;
  background-size: initial
}

.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7mutablevolume .s7mutebutton[selected=true][state=down],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7mutablevolume .s7mutebutton[selected=true][state=over],
.cmp-embeddable-scene7.s7smartcropvideoviewer.s7mouseinput .s7mutablevolume .s7mutebutton[selected=true][state=up] {
  background-image: url("");
  background-position: 28%;
  background-size: initial
}

.cmp-cosyimage {
  opacity: 1;
  transition: opacity .3s
}

.cmp-cosyimage.is-hidden {
  opacity: 0
}

.cmp-embed {
  position: relative
}

.cmp-embed picture {
  display: flex;
  justify-content: center
}

.cmp-embed iframe,
.cmp-embed picture img {
  max-width: 100%
}

.cmp-line--horizontal {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-top: 1.5rem
}

.cmp-line--horizontal .cmp-line__text {
  margin: 0 .5rem;
  white-space: nowrap
}

.cmp-line--horizontal:after,
.cmp-line--horizontal:before {
  border-bottom: 1px solid #000;
  content: "";
  display: block;
  height: 1px;
  width: 40%
}

.cmp-line--horizontal.cmp-plus-vertical-line:after,
.cmp-line--horizontal.cmp-plus-vertical-line:before {
  border-bottom: 1px solid #000;
  content: "";
  display: block;
  height: 1px;
  width: 15%
}

.cmp-line--vertical {
  display: flex;
  flex-direction: column;
  height: 83%;
  justify-content: center;
  position: absolute;
  right: calc(16vw - 50px);
  top: 43%;
  transform: translateY(-50%)
}

.cmp-line--vertical .cmp-line__text {
  margin: 0 8px
}

.cmp-line--vertical:after,
.cmp-line--vertical:before {
  border-right: 1px solid #000;
  content: "";
  display: block;
  height: 50%;
  width: 50%
}

@media screen and (min-width:768px) {
  .cmp-line--vertical {
    right: calc(-51.8px + 10vw)
  }
}

@media screen and (min-width:1024px) {
  .cmp-line--vertical {
    right: calc(-3.9pc + 10vw)
  }
}

@media screen and (min-width:1280px) {
  .cmp-line--vertical {
    right: calc(-78px + 10vw)
  }
}

@media screen and (min-width:1920px) {
  .cmp-line--vertical {
    right: calc(-23px + 6.66667vw)
  }
}

.style-embed--border .cmp-embed {
  border: .0625rem solid #e6e6e6
}

.cmp-electricroute {
  background-color: #fff
}

.cmp-electricroute--routedata {
  display: list-item;
  position: relative
}

.cmp-electricroute--headline {
  font-size: var(--headline-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-3-line-height);
  text-transform: uppercase
}

.cmp-electricroute--changeheadline {
  padding-bottom: 2rem
}

.cmp-electricroute--realisticlink {
  padding-top: 2.5rem;
  text-align: center
}

.cmp-electricroute--changeheadline,
.cmp-electricroute--realisticlink {
  color: #262626;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height);
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.cmp-electricroute--changeheadline:hover,
.cmp-electricroute--realisticlink:hover {
  color: #1c69d4;
  cursor: pointer
}

.cmp-electricroute--changeheadline:active,
.cmp-electricroute--realisticlink:active {
  color: #0653b6
}

.cmp-electricroute--heads {
  padding-top: 4rem
}

.cmp-electricroute--route {
  padding-top: 1.5rem
}

.cmp-electricroute--heads,
.cmp-electricroute--route {
  text-align: center
}

.cmp-electricroute--item {
  display: flex;
  flex-direction: column;
  padding: 0 .75rem
}

.cmp-electricroute--item-value {
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  height: 1.5rem;
  line-height: var(--subsection-1-line-height);
  text-align: center
}

.cmp-electricroute--items {
  grid-column-gap: 1.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 3rem
}

@media screen and (max-width:767px) {
  .cmp-electricroute--items {
    flex-wrap: wrap;
    justify-content: center
  }
}

.cmp-electricroute--line {
  display: inline;
  padding-top: .75rem;
  text-align: center
}

.cmp-electricroute--infoi,
.cmp-electricroute--item-label {
  display: inline
}

.cmp-electricroute--infoi {
  padding-left: .25rem
}

.cmp-electricroute--item-label {
  color: #262626;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  text-align: center
}

.cmp-electricroute--disclaimerText {
  color: #666;
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  opacity: .7051;
  padding: 3rem 0;
  text-align: left
}

.cmp-electricroute--selected-route {
  color: #1c69d414;
  display: flex
}

.cmp-electricroute--route-view {
  display: inline-block;
  position: relative;
  width: 100%
}

.cmp-electricroute__route-label {
  display: block;
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  hyphens: none;
  line-height: var(--subsection-2-line-height);
  opacity: 0;
  position: relative;
  white-space: nowrap;
  word-break: normal
}

.cmp-electricroute--destination,
.cmp-electricroute--origin {
  bottom: 100%;
  color: #262626;
  left: 50%;
  position: absolute;
  transform: translateX(-50%)
}

.cmp-electricroute__route-svg-div {
  color: #2e66ff;
  display: flex;
  justify-content: center;
  padding-top: 1.25rem;
  position: relative;
  vertical-align: middle
}

.cmp-electricroute__icon-circle {
  background-color: #2e66ff;
  border-radius: 50%;
  display: inline-block;
  height: .75rem;
  margin: .75rem;
  width: .75rem
}

.cmp-electricroute--distance {
  background-color: #2e66ff;
  border-radius: .75rem;
  color: #fff;
  display: inline-block;
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  height: -moz-fit-content;
  height: fit-content;
  line-height: var(--subsection-2-line-height);
  padding: .5rem 1rem;
  scale: 0
}

.cmp-electricroute--icon-destination:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "location_pin";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-electricroute--icon-destination:before {
    display: none
  }
}

.cmp-electricroute--icon-destination:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-electricroute__svg-distance {
  margin-top: 1rem;
  position: relative;
  width: 60%
}

.cmp-electricroute__svg {
  height: auto;
  opacity: 0
}

.cmp-electricroute__svg .cmp-electricroute__svg-svg {
  align-items: center;
  display: flex;
  height: auto;
  justify-content: center;
  width: 100%
}

.cmp-electricroute__svg .cmp-electricrouteselection--svg-path {
  stroke: #2e66ff;
  color: #2e66ff;
  height: auto;
  width: 100%
}

.cmp-electricroute--route-1 {
  top: 62%
}

.cmp-electricroute--route-1,
.cmp-electricroute--route-2 {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  transform: translateY(-50%)
}

.cmp-electricroute--route-2 {
  top: 60%
}

.cmp-electricroute--route-3 {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 64%;
  transform: translateY(-50%)
}

@media screen and (max-width:767px) {
  .cmp-electricroute--items {
    grid-column-gap: unset;
    grid-row-gap: 2rem;
    display: flex;
    grid-template-columns: 1fr 1fr;
    padding-top: 2.5rem
  }

  .cmp-electricroute--item {
    padding: 0;
    width: 100%
  }

  .cmp-electricroute--item-label {
    font-size: var(--body-2-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--body-2-line-height)
  }

  .cmp-electricroute--changeheadline,
  .cmp-electricroute--realisticlink {
    color: #262626;
    font-size: var(--body-3-font-size);
    font-weight: var(--clickable-font-weight);
    line-height: var(--body-3-line-height);
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
  }

  .cmp-electricroute--line {
    padding-top: .5rem
  }

  .cmp-electricroute--disclaimerText,
  .cmp-electricroute--heads,
  .cmp-electricroute--realisticlink {
    padding-top: 2rem
  }

  .cmp-electricroute--route {
    padding-top: 1rem
  }

  .cmp-electricroute--origin {
    margin-left: 0
  }

  .cmp-electricroute--destination {
    margin-right: 0
  }

  .cmp-electricroute--distance {
    font-size: var(--label-1-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--label-1-line-height)
  }
}

@media screen and (min-width:768px) {
  .cmp-electricroute--icon-destination:before {
    font-size: 1.5rem;
    font-weight: 400
  }
}

@media screen and (min-width:1920px) {
  .cmp-electricroute__svg-distance {
    margin-top: 1.5rem
  }

  .cmp-electricroute--icon-destination:before {
    font-size: 2rem;
    font-weight: 400
  }

  .cmp-electricroute__icon-circle {
    height: 1.25rem;
    margin: 1.25rem;
    width: 1.25rem
  }

  .cmp-electricroute--changeheadline {
    padding-bottom: 4rem
  }
}

@keyframes highlight {
  0% {
    background-color: #fff
  }

  50% {
    background-color: #2e66ff
  }

  to {
    background-color: #fff
  }
}

@keyframes fadein {
  0% {
    opacity: 0
  }

  to {
    opacity: 100%
  }
}

@keyframes scalein {
  0% {
    scale: 0
  }

  to {
    scale: 100%
  }
}

@keyframes slidein {
  0% {
    opacity: 0
  }

  to {
    opacity: 100%
  }
}

.cmp-electricroute--route-changed-animation .cmp-electricroute__route-label-start {
  animation-delay: 0s;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-name: fadein;
  animation-timing-function: ease-out
}

.cmp-electricroute--route-changed-animation .cmp-electricroute__svg {
  animation-delay: 0s;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: slidein;
  animation-timing-function: ease-out
}

.cmp-electricroute--route-changed-animation .cmp-electricroute__route-label-end {
  animation-delay: .5s;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-name: fadein;
  animation-timing-function: ease-out
}

.cmp-electricroute--route-changed-animation .cmp-electricroute--distance {
  animation-delay: .75s;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-name: scalein;
  animation-timing-function: ease-out
}

.cmp-electricroute--route-changed-animation .cmp-electricroute--item-value {
  animation-delay: 1s;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-name: highlight;
  animation-timing-function: ease-out
}

.cmp-electricrouteselection--routeslist {
  background-color: #fff;
  display: block;
  position: relative
}

.cmp-electricrouteselection__popup-title {
  display: none
}

.cmp-electricrouteselection--routeslist-items {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #262626;
  display: grid;
  grid-template-columns: 1fr 1fr
}

.cmp-electricrouteselection--route-1 {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 70%;
  transform: translateY(-50%)
}

.cmp-electricrouteselection--route-2,
.cmp-electricrouteselection--route-3 {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 67%;
  transform: translateY(-50%)
}

.cmp-electricrouteselection--distance {
  background-color: #bbb;
  border-radius: .5rem;
  color: #fff;
  height: -moz-fit-content;
  height: fit-content;
  padding: .5rem
}

.cmp-electricrouteselection--route {
  background-color: #fff;
  cursor: pointer;
  display: flex;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  vertical-align: middle
}

.cmp-electricrouteselection__route-info {
  display: flex;
  justify-content: center;
  width: 100%
}

.cmp-electricrouteselection--route-view {
  color: #bbb;
  display: inline-block;
  position: relative;
  width: 100%
}

.cmp-electricrouteselection__route-div {
  display: flex;
  justify-content: center;
  padding-left: 5%;
  padding-right: 5%;
  position: relative
}

.cmp-electricrouteselection__icon-circle {
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  height: .75rem;
  margin: .75rem;
  min-width: .75rem;
  width: .75rem
}

.cmp-electricrouteselection__svg-div {
  height: auto
}

.cmp-electricrouteselection__svg-div .cmp-electricrouteselection--svg-item {
  align-items: center;
  display: flex;
  height: auto;
  justify-content: center;
  width: 100%
}

.cmp-electricrouteselection__svg-div .cmp-electricrouteselection--svg-item .cmp-electricrouteselection--svg-path {
  stroke: #bbb;
  color: #bbb;
  height: auto;
  width: 100%
}

.cmp-electricrouteselection--route.cmp-electricrouteselection__selected-route {
  background-color: #1c69d414
}

.cmp-electricrouteselection--route.cmp-electricrouteselection__selected-route .cmp-electricrouteselection__route-div {
  color: #2e66ff
}

.cmp-electricrouteselection--route.cmp-electricrouteselection__selected-route .cmp-electricrouteselection__route-div .cmp-electricrouteselection--distance {
  background-color: #2e66ff
}

.cmp-electricrouteselection--route.cmp-electricrouteselection__selected-route .cmp-electricrouteselection--svg-path {
  stroke: #2e66ff;
  color: #2e66ff
}

.cmp-electricrouteselection--route.cmp-electricrouteselection__selected-route .cmp-electricrouteselection__icon-circle {
  background-color: #85b0f1
}

.cmp-electricrouteselection--route:hover {
  background-color: #1c69d414
}

.cmp-electricrouteselection--route:hover .cmp-electricrouteselection__route-div {
  color: #2e66ff
}

.cmp-electricrouteselection--route:hover .cmp-electricrouteselection__route-div .cmp-electricrouteselection--distance {
  background-color: #2e66ff
}

.cmp-electricrouteselection--route:hover .cmp-electricrouteselection--svg-path {
  stroke: #2e66ff;
  color: #2e66ff
}

.cmp-electricrouteselection--route:hover .cmp-electricrouteselection__icon-circle {
  background-color: #85b0f1
}

.cmp-electricrouteselection__icon-destination:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "location_pin";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-electricrouteselection__icon-destination:after {
    display: none
  }
}

.cmp-electricrouteselection__icon-destination:after {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-electricrouteselection__svg-distance {
  margin-top: 1rem;
  position: relative;
  width: 80%
}

@media screen and (max-width:767px) {
  .cmp-electricrouteselection--route {
    background-color: #fff;
    border-bottom: 1px solid #666;
    cursor: pointer;
    display: flex;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    vertical-align: middle
  }

  .cmp-electricrouteselection--routeslist-items {
    display: block;
    left: 0;
    right: 0;
    top: 100%
  }

  .cmp-electricrouteselection--route-view {
    width: 80%
  }

  .cmp-electricrouteselection__route-div {
    justify-content: center;
    padding-left: 5%;
    padding-right: 5%
  }

  .cmp-electricrouteselection__route-label {
    hyphens: none;
    position: relative;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content;
    word-break: normal
  }

  .cmp-electricrouteselection--destination,
  .cmp-electricrouteselection--origin {
    bottom: 100%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-electricrouteselection--routeslist-items {
    grid-column-gap: 0;
    grid-template-columns: 1fr
  }

  .cmp-electricrouteselection__svg-distance {
    margin-top: 1rem;
    position: relative;
    width: 90%
  }
}

@media screen and (min-width:768px) {
  .cmp-electricrouteselection__popup-title {
    color: #262626;
    display: flex;
    font-size: var(--headline-3-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--headline-3-line-height);
    padding-bottom: .75rem;
    text-transform: uppercase
  }

  .cmp-electricrouteselection__icon-destination:after {
    font-size: 1.5rem;
    font-weight: 400
  }

  .cmp-electricrouteselection__route-label {
    hyphens: none;
    white-space: nowrap;
    word-break: normal
  }

  .cmp-electricrouteselection--origin {
    bottom: 100%;
    left: 0;
    position: absolute
  }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
  .cmp-electricrouteselection--origin {
    padding-left: 1.25rem
  }
}

@media screen and (min-width:768px) and (min-width:1024px) {
  .cmp-electricrouteselection--origin {
    padding-left: .75rem
  }
}

@media screen and (min-width:768px) {
  .cmp-electricrouteselection--destination {
    bottom: 100%;
    position: absolute;
    right: 0
  }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
  .cmp-electricrouteselection--destination {
    padding-right: 1.25rem
  }
}

@media screen and (min-width:768px) and (min-width:1024px) {
  .cmp-electricrouteselection--destination {
    padding-right: .75rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-electricrouteselection__model-title {
    font-size: var(--subsection-1-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--subsection-1-line-height)
  }
}

.cmp-electricmodelselection__main {
  align-items: center;
  display: none;
  justify-content: center;
  padding: 1rem
}

@media screen and (min-width:1024px) {
  .cmp-electricmodelselection__main {
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }
}

@media screen and (max-width:767px) {
  .cmp-electricmodelselection__main {
    padding-left: 0;
    padding-right: 0
  }
}

.cmp-electricmodelselection__main-show {
  display: flex
}

.cmp-electricmodelselection__modelselected {
  border: 1px solid #e6e6e6;
  display: flex;
  height: auto;
  padding: 1.25rem;
  position: relative;
  vertical-align: middle;
  width: -moz-fit-content;
  width: fit-content
}

.cmp-electricmodelselection__model-cosy-image {
  padding-right: .5rem
}

.cmp-electricmodelselection__model-title {
  font-size: var(--headline-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-3-line-height)
}

.cmp-electricmodelselection__model-range,
.cmp-electricmodelselection__model-range-label {
  color: #666;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height)
}

.cmp-electricmodelselection__model-more-info {
  color: #000;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height);
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.cmp-electricmodelselection__model-more-info:hover {
  color: #1c69d4;
  cursor: pointer
}

.cmp-electricmodelselection__model-more-info:active {
  color: #0653b6
}

.cmp-electricmodelselection__cosy-image {
  display: block;
  float: left
}

.cmp-electricmodelselection__model {
  align-items: center;
  display: flex;
  position: relative
}

.cmp-electricmodelselection__model-info {
  float: left;
  vertical-align: middle;
  width: -moz-fit-content;
  width: fit-content
}

.cmp-electricmodelselection__change-model {
  background-color: #fff;
  border: 0;
  cursor: pointer;
  float: right;
  width: -moz-fit-content;
  width: fit-content
}

.cmp-electricmodelselection__change-model-icon {
  color: #666;
  display: flex;
  padding: 1rem
}

.cmp-electricmodelselection__change-model-icon:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrow_chevron_down";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-electricmodelselection__change-model-icon:before {
    display: none
  }
}

.cmp-electricmodelselection__change-model-icon:before {
  font-size: 2rem;
  font-weight: 400
}

@media screen and (max-width:767px) {
  .cmp-electricmodelselection__change-model-icon {
    padding: 0
  }
}

@media screen and (min-width:1920px) {
  .cmp-electricmodelselection__model-title {
    font-size: var(--subsection-1-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--subsection-1-line-height)
  }
}

@media screen and (max-width:767px) {
  .cmp-electricmodelselection__change-model-icon:before {
    font-size: 1.5rem;
    font-weight: 400
  }

  .cmp-electricmodelselection__modelselected {
    border-left-style: hidden;
    border-right-style: hidden;
    padding: 1.25rem 0
  }

  .cmp-electricmodelselection__model-range,
  .cmp-electricmodelselection__model-range-label {
    color: #666
  }

  .cmp-electricmodelselection__model-more-info,
  .cmp-electricmodelselection__model-range,
  .cmp-electricmodelselection__model-range-label {
    font-size: var(--label-1-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--label-1-line-height)
  }

  .cmp-electricmodelselection__model-cosy-image {
    padding-right: 0
  }
}

.cmp-electricmodel-content__popup-title {
  display: none
}

.cmp-electricmodel-content--modelslist {
  display: block;
  position: relative
}

.cmp-electricmodel-content--modelslist-items {
  color: #262626;
  left: 0;
  right: 0;
  top: 100%
}

.cmp-electricmodel-content--model {
  grid-column-gap: 1.5rem;
  align-items: center;
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #666;
  cursor: pointer;
  display: grid;
  grid-template-columns: 0fr 1fr;
  padding: 10px;
  width: 100%
}

.cmp-electricmodel-content--model-selected {
  background-color: #1c69d414;
  pointer-events: none
}

.cmp-electricmodel-content--model:hover {
  background-color: #1c69d414
}

.cmp-electricmodel-content__cosy-image {
  display: block;
  float: right;
  position: relative
}

.cmp-electricmodel-content__cosy-image-div {
  float: right;
  width: -moz-fit-content;
  width: fit-content
}

.cmp-electricmodel-content__model-info {
  display: inline-block;
  float: left;
  height: -moz-fit-content;
  height: fit-content;
  text-align: left;
  width: 100%
}

.cmp-electricmodel-content__model-title {
  font-size: var(--headline-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-3-line-height)
}

.cmp-electricmodel-content__model-range,
.cmp-electricmodel-content__model-range-label {
  color: #666;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height)
}

.cmp-electricmodel-content__model-more-info {
  color: #000;
  display: none;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height);
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.cmp-electricmodel-content__model-more-info:hover {
  color: #1c69d4;
  cursor: pointer
}

.cmp-electricmodel-content__model-more-info:active {
  color: #0653b6
}

@media screen and (max-width:767px) {
  .cmp-electricmodel-content--model {
    display: flex;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    vertical-align: middle
  }

  .cmp-electricmodel-content--model-selected {
    background-color: #1c69d414;
    border-left: 4px solid #1c69d4;
    pointer-events: none
  }

  .cmp-electricmodel-content--model-selected .cmp-electricmodel-content__model-more-info {
    display: block;
    pointer-events: all
  }

  .cmp-electricmodel-content__model-range,
  .cmp-electricmodel-content__model-range-label {
    color: #666;
    font-size: var(--label-1-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--label-1-line-height)
  }
}

@media screen and (min-width:768px) {
  .cmp-electricmodel-content__popup-title {
    display: flex;
    font-size: var(--headline-3-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--headline-3-line-height);
    padding-bottom: .75rem;
    text-transform: uppercase
  }
}

@media screen and (min-width:1920px) {
  .cmp-electricmodel-content__model-title {
    font-size: var(--subsection-1-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--subsection-1-line-height)
  }
}

.cmp-electriccharging--drawer-close,
.cmp-electriccharging--drawer-icon {
  display: none
}

.cmp-electriccharging--drawer-open {
  display: block
}

@media screen and (max-width:767px) {
  .cmp-electriccharging--drawer-icon {
    border-top: .25rem solid #e6e6e6;
    cursor: pointer;
    display: block;
    left: 50%;
    position: relative;
    transform: translate(-1.5rem, -.5rem);
    width: 3rem
  }

  .cmp-electriccharging--info-value.is-drawer-close {
    padding: 1.25rem 1.5rem;
    place-self: start;
    width: calc(100vw - 7.25rem)
  }

  .cmp-electriccharging__filter.is-drawer-close {
    bottom: 1.5rem;
    position: absolute;
    right: 0
  }

  .cmp-electriccharging__filter-content.is-drawer-close {
    margin-bottom: .5rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-electriccharging--drawer-close {
    display: none !important
  }

  .cmp-electriccharging--drawer-open {
    display: block !important
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-electriccharging--drawer-close {
    display: none !important
  }

  .cmp-electriccharging--drawer-open {
    display: block !important
  }
}

.cmp-electriccharging__filter {
  align-items: center;
  background-color: #fff;
  border: 1px solid #bbb;
  color: #262626;
  cursor: pointer;
  display: none;
  margin-bottom: .75rem;
  margin-left: .75rem;
  margin-right: .75rem;
  padding: .5rem;
  z-index: 30
}

.cmp-electriccharging__filter-icon:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "filter";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-electriccharging__filter-icon:before {
    display: none
  }
}

.cmp-electriccharging__filter-icon:before {
  font-size: 2rem;
  font-weight: 300
}

.cmp-electriccharging__filter-content {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  display: none;
  margin-bottom: auto;
  margin-left: auto;
  padding: 1.5rem
}

.cmp-electriccharging__filter-close-button {
  background-color: #fff;
  border: 0;
  margin-left: 1.25rem;
  place-self: center
}

.cmp-electriccharging__filter-close {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  padding: .5rem
}

.cmp-electriccharging__filter-close,
.cmp-electriccharging__filter-close:active,
.cmp-electriccharging__filter-close:focus,
.cmp-electriccharging__filter-close:hover {
  background-color: #fff;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-electriccharging__filter-close:hover {
    background-color: #bbb;
    box-shadow: none
  }
}

.cmp-electriccharging__filter-close:focus,
.cmp-electriccharging__filter-close:focus-visible {
  outline: none
}

.cmp-electriccharging__filter-close:focus-visible,
.cmp-electriccharging__filter-close:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-electriccharging__filter-close.focus-visible {
    outline: none
  }

  .cmp-electriccharging__filter-close.focus-visible,
  .cmp-electriccharging__filter-close.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-electriccharging__filter-close:focus-visible {
  background-color: #bbb
}

@supports (display:block) {
  .cmp-electriccharging__filter-close.focus-visible {
    background-color: #bbb
  }
}

.cmp-electriccharging__filter-close:disabled,
.cmp-electriccharging__filter-close[aria-disabled=true] {
  background-color: #8e8e8e;
  color: #666;
  pointer-events: none
}

.cmp-electriccharging__filter-close:disabled:focus-visible,
.cmp-electriccharging__filter-close[aria-disabled=true]:focus-visible {
  color: #666
}

@supports (display:block) {

  .cmp-electriccharging__filter-close:disabled.focus-visible,
  .cmp-electriccharging__filter-close[aria-disabled=true].focus-visible {
    color: #666
  }
}

.cmp-electriccharging--filter-headline {
  display: inline-flex;
  justify-content: space-between;
  width: 100%
}

.cmp-electriccharging--filter-text {
  color: #262626;
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height)
}

.cmp-electriccharging__filter-checkbox-line {
  align-items: center;
  display: flex;
  padding-top: 1.25rem
}

.cmp-electriccharging__filter-checkbox {
  accent-color: #262626;
  margin-left: .25rem;
  margin-right: .75rem;
  transform: scale(1.5)
}

.cmp-electriccharging__filter-checkbox-text {
  color: #262626;
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  opacity: .7051
}

@media screen and (min-width:1024px) {
  .cmp-electriccharging__location-search {
    display: block;
    margin-right: 6rem
  }

  .cmp-electriccharging__filter {
    display: flex;
    position: absolute;
    right: 1.5rem;
    top: 2.5rem
  }

  .cmp-electriccharging__filter-content {
    position: absolute;
    right: 1.5rem;
    top: 2.5rem;
    z-index: 40
  }
}

@media screen and (max-width:767px) {
  .cmp-electriccharging__filter {
    align-self: flex-end;
    display: flex
  }

  .cmp-electriccharging__filter-content {
    margin-bottom: 3.5rem;
    width: 100%;
    z-index: 30
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-electriccharging__location-search {
    display: block;
    margin-right: 6rem
  }

  .cmp-electriccharging__filter {
    display: flex;
    position: absolute;
    right: 1.5rem;
    top: 2.5rem
  }

  .cmp-electriccharging__filter-content {
    position: absolute;
    right: 1.5rem;
    top: 2.5rem;
    z-index: 40
  }
}

.cmp-electriccharging--main {
  text-align: left
}

.cmp-electriccharging {
  align-items: center;
  background: #fff;
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
  position: relative
}

.cmp-electriccharging--map__allow-page-scroll-mask,
.cmp-electriccharging--map__allow-page-scroll-mask-message {
  max-width: 100%
}

.cmp-electriccharging--map {
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100%
}

.cmp-electriccharging--map .H_l_bottom {
  bottom: 1.5rem !important
}

@media screen and (min-width:1920px) {
  .cmp-electriccharging--map .H_l_bottom {
    bottom: 2.5rem !important
  }
}

.cmp-electriccharging--map .H_l_right {
  right: calc(100% + 1.5rem) !important
}

@media screen and (min-width:1920px) {
  .cmp-electriccharging--map .H_l_right {
    right: calc(100% + 2.5rem) !important
  }
}

.cmp-electriccharging--map .H_zoom {
  background: none !important;
  border: 1px solid #e6e6e6;
  border-radius: 3px !important;
  box-shadow: 0 .125rem .5rem 0 #00000014, 0 0 .0625rem 0 #0000003d !important;
  margin: 0 !important
}

.cmp-electriccharging--map .H_zoom .H_btn {
  align-items: center;
  background-color: #fff !important;
  border-radius: 0 !important;
  box-sizing: border-box;
  color: #262626 !important;
  display: flex;
  height: 2.25rem !important;
  justify-content: center;
  margin-bottom: 0 !important;
  padding: .5rem;
  width: 2.5rem !important
}

.cmp-electriccharging--map .H_zoom .H_btn:hover {
  color: #1c69d4 !important
}

.cmp-electriccharging--map .H_zoom .H_btn:first-child:before,
.cmp-electriccharging--map .H_zoom .H_btn:nth-child(2):before {
  font-size: 1.25rem;
  font-weight: 400;
  font-weight: 700 !important;
  height: 1em !important;
  width: 1em !important
}

.cmp-electriccharging--map .H_zoom .H_btn:first-child {
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important
}

.cmp-electriccharging--map .H_zoom .H_btn:first-child:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "plus";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-electriccharging--map .H_zoom .H_btn:first-child:before {
    display: none
  }
}

.cmp-electriccharging--map .H_zoom .H_btn:nth-child(2) {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important
}

.cmp-electriccharging--map .H_zoom .H_btn:nth-child(2):before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "minus";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-electriccharging--map .H_zoom .H_btn:nth-child(2):before {
    display: none
  }
}

.cmp-electriccharging--map .H_zoom .H_btn .H_icon {
  display: none
}

.cmp-electriccharging--map .H_zoom .H_btn:after {
  content: none !important
}

.cmp-electriccharging--map__preloader {
  position: absolute;
  transform: translateX(-100%);
  width: 100vw
}

.cmp-electriccharging--map__preloader .cmp-electriccharging {
  margin: 0
}

.cmp-electriccharging--map__allow-page-scroll-mask {
  background-color: #262626;
  bottom: 0;
  color: #fff;
  display: none;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100vw;
  z-index: 10
}

.cmp-electriccharging--map__allow-page-scroll-mask-message {
  align-items: center;
  bottom: 0;
  display: none;
  flex-direction: row-reverse;
  font-size: var(--headline-2-font-size);
  font-weight: var(--default-font-weight);
  justify-content: space-around;
  left: 50%;
  line-height: var(--headline-2-line-height);
  position: absolute;
  text-align: center;
  top: 0;
  transform: translateX(-50%);
  width: 100vw;
  z-index: 20
}

.cmp-electriccharging--map__allow-page-scroll-mask-message span {
  align-items: center;
  color: #fff;
  display: flex;
  flex: 1 1 0
}

.cmp-electriccharging--map__allow-page-scroll-mask-show {
  animation-delay: 0s;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-name: electric-charging-map-fade-in;
  animation-timing-function: ease-out;
  display: block
}

@keyframes electric-charging-map-fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 50%
  }
}

.cmp-electriccharging--map__allow-page-scroll-mask-message-show {
  animation-delay: 0s;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-name: electric-charging-map-fade-in-msg;
  animation-timing-function: ease-out;
  display: flex
}

@keyframes electric-charging-map-fade-in-msg {
  0% {
    opacity: 0
  }

  to {
    opacity: 100%
  }
}

.cmp-electriccharging--map__allow-page-scroll-mask-hide {
  animation-delay: 0s;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-name: electric-charging-map-fade-out;
  animation-timing-function: ease-out
}

@keyframes electric-charging-map-fade-out {
  0% {
    display: block;
    opacity: 50%
  }

  to {
    display: none;
    opacity: 0
  }
}

.cmp-electriccharging--map__allow-page-scroll-mask-message-hide {
  animation-delay: 0s;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-name: electric-charging-map-fade-out-msg;
  animation-timing-function: ease-out
}

@keyframes electric-charging-map-fade-out-msg {
  0% {
    display: flex;
    opacity: 100%
  }

  to {
    display: none;
    opacity: 0
  }
}

.cmp-electriccharging--icon-search:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "search";
  direction: ltr;
  display: block;
  display: inline;
  font-family: "bmw_next_icons";
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  padding: .625rem;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-electriccharging--icon-search:before {
    display: none
  }
}

.cmp-electriccharging--icon-dealer-locator {
  height: 1.5rem;
  width: 1.5rem
}

.cmp-electriccharging--icon-dealer-locator:before {
  cursor: pointer
}

.cmp-electriccharging--highPowerIcon:before {
  content: url("")
}

.cmp-electriccharging--fastChargingIcon:before {
  content: url("")
}

.cmp-electriccharging--slowChargingIcon:before {
  content: url("")
}

.cmp-electriccharging--userLocationIcon {
  height: 2rem;
  width: 2rem
}

.cmp-electriccharging--userLocationIcon:before {
  content: url("");
  cursor: default
}

.cmp-electriccharging--startLocationIcon {
  background-color: #1c69d4;
  border-radius: 50%;
  height: 1.25rem;
  left: -.625rem;
  top: -.625rem;
  width: 1.25rem
}

.cmp-electriccharging--destinationLocationIcon {
  height: 2rem;
  width: 2rem
}

.cmp-electriccharging--destinationLocationIcon:before {
  content: url("")
}

.cmp-electriccharging__map-pin-offset:before {
  display: block;
  transform: translate(-50%, calc(-100% + 4px))
}

.cmp-electriccharging--icons {
  display: flex
}

.cmp-electriccharging--icon-charging-station:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "charging_electric";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-electriccharging--icon-charging-station:before {
    display: none
  }
}

.cmp-electriccharging--icon-charging-station:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-electriccharging--icon-charge:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "charging_wallbox";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-electriccharging--icon-charge:before {
    display: none
  }
}

.cmp-electriccharging--icon-charge:before {
  font-size: 1.25rem;
  font-weight: 400
}

.cmp-electriccharging--infoi {
  display: flex;
  padding-left: .5rem
}

.cmp-electriccharging--infoi:before {
  padding: .25rem;
  text-align: center;
  vertical-align: middle
}

.cmp-electriccharging--disclaimerText {
  color: #4d4d4d;
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  opacity: .7051;
  padding: 3rem 0;
  text-align: left
}

.cmp-electriccharging--info-value {
  background: #fff;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  height: -moz-fit-content;
  height: fit-content
}

.cmp-electriccharging--info-value.is-loading {
  background-color: #262626;
  opacity: 50%;
  
  position: relative
}

.info-value--with-map {
  max-width: 706px;
  padding: 3rem 2.5rem 2.5rem;
  width: 40%;
  z-index: 30
}

.info-value--with-map .cmp-electriccharging--charging-boxes {
  display: block
}

.info-value--no-map {
  margin-bottom: 2rem;
  padding: 3rem;
  width: -moz-fit-content;
  width: fit-content
}

.info-value--no-map .cmp-electriccharging--charging-boxes {
  display: flex;
  gap: 2.5rem;
  width: 100%
}

.cmp-electriccharging--info-headline {
  display: inline;
  text-align: center
}

@media screen and (max-width:767px) {
  .cmp-electriccharging--info-headline {
    align-items: center;
    display: inline-flex
  }
}

.cmp-electriccharging--change-model {
  background-color: #fff;
  border: 0;
  cursor: pointer;
  display: none;
  height: auto;
  vertical-align: middle
}

.cmp-electriccharging--change-model.is-loading {
  background-color: #262626
}

.cmp-electriccharging--headline-model-name {
  cursor: text;
  pointer-events: none
}

.cmp-electriccharging--headline-model-name,
.cmp-electriccharging--headline-model-name:active,
.cmp-electriccharging--headline-model-name:hover,
.cmp-electriccharging--headline-text {
  color: #262626;
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-2-line-height);
  -webkit-text-decoration-line: none;
  text-decoration-line: none
}

.cmp-electriccharging--headline-model-link {
  color: #262626;
  cursor: pointer;
  pointer-events: auto;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.cmp-electriccharging--headline-model-link:hover {
  color: #1c69d4
}

.cmp-electriccharging--headline-model-link:active {
  color: #0653b6
}

.cmp-electriccharging--charging {
  box-sizing: border-box
}

.cmp-electriccharging--charging-title {
  color: #4d4d4d
}

.cmp-electriccharging--charging-line {
  line-height: 1rem;
  text-align: center;
  width: 100%
}

.cmp-electriccharging--charging-line:before {
  border-bottom: .6px solid #8e8e8e;
  content: "";
  display: block;
  transform: translateY(14px)
}

.cmp-electriccharging-pin-info-details {
  border-top: .6px solid #bbb
}

.cmp-electriccharging--charging-title-span {
  background: #fff;
  color: #4d4d4d;
  font-size: var(--body-1-font-size);
  font-size: .75rem;
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  padding: 0 .75rem;
  position: relative
}

.cmp-electriccharging--line {
  display: flex;
  padding-top: 1rem
}

.cmp-electriccharging--travel-time-line {
  display: none
}

.cmp-electriccharging--charging-label {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  padding-left: .5rem;
  text-align: left
}

.cmp-electriccharging--charging-label-line {
  align-items: center;
  display: flex;
  height: 1.5rem;
  width: 75%
}

.cmp-electriccharging--charging-value {
  align-items: center;
  display: flex;
  justify-content: right;
  width: 25%
}

.cmp-electriccharging--charging-value-label {
  color: #262626;
  float: right;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  padding-left: .75rem;
  text-align: right;
  vertical-align: middle;
  width: 100%
}

.cmp-electriccharging__location-search-bar {
  border-radius: 3px;
  box-shadow: 0 .125rem .5rem 0 #00000014, 0 0 .0625rem 0 #0000003d;
  margin-bottom: .75rem;
  pointer-events: all;
  position: relative
}

.cmp-electriccharging__location-search-bar.is-disabled {
  pointer-events: none
}

.cmp-electriccharging__location-search-clear-button,
.cmp-electriccharging__location-search-input-icon {
  align-items: center;
  bottom: 0;
  position: absolute;
  top: 0
}

.cmp-electriccharging__location-search-input-icon {
  left: 0;
  margin-left: 1.25rem
}

.cmp-electriccharging__location-search-clear-button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  display: none;
  justify-content: center;
  margin-right: .75rem;
  min-height: 3.25rem;
  padding: 0;
  right: 0;
  text-align: center;
  text-decoration: none
}

.cmp-electriccharging__location-search-clear-button,
.cmp-electriccharging__location-search-clear-button:active,
.cmp-electriccharging__location-search-clear-button:focus,
.cmp-electriccharging__location-search-clear-button:hover {
  background-color: #0000;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-electriccharging__location-search-clear-button:hover {
    background-color: #0000;
    box-shadow: none;
    color: #1c69d4
  }
}

.cmp-electriccharging__location-search-clear-button:focus-visible,
.cmp-electriccharging__location-search-clear-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-electriccharging__location-search-clear-button.focus-visible {
    outline: none
  }

  .cmp-electriccharging__location-search-clear-button.focus-visible,
  .cmp-electriccharging__location-search-clear-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-electriccharging__location-search-clear-button:focus-visible {
  color: #0653b6
}

@supports (display:block) {
  .cmp-electriccharging__location-search-clear-button.focus-visible {
    color: #0653b6
  }
}

.cmp-electriccharging__location-search-clear-button:focus-visible {
  background-color: #0000
}

@supports (display:block) {
  .cmp-electriccharging__location-search-clear-button.focus-visible {
    background-color: #0000
  }
}

.cmp-electriccharging__location-search-clear-button:disabled,
.cmp-electriccharging__location-search-clear-button[aria-disabled=true] {
  background-color: #0000;
  color: #666;
  pointer-events: none
}

.cmp-electriccharging__location-search-clear-button:disabled:focus-visible,
.cmp-electriccharging__location-search-clear-button[aria-disabled=true]:focus-visible {
  color: #666
}

@supports (display:block) {

  .cmp-electriccharging__location-search-clear-button:disabled.focus-visible,
  .cmp-electriccharging__location-search-clear-button[aria-disabled=true].focus-visible {
    color: #666
  }
}

.cmp-electriccharging__location-search-clear-button:focus,
.cmp-electriccharging__location-search-clear-button:focus-visible {
  outline: none
}

.cmp-electriccharging__location-search-clear-button:focus-visible,
.cmp-electriccharging__location-search-clear-button:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .cmp-electriccharging__location-search-clear-button.focus-visible {
    outline: none
  }

  .cmp-electriccharging__location-search-clear-button.focus-visible,
  .cmp-electriccharging__location-search-clear-button.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.cmp-electriccharging__location-search-clear-button:active {
  color: #0653b6
}

.cmp-electriccharging__location-search-user-location-button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  border-radius: 0;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  display: none;
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  justify-content: center;
  line-height: var(--subsection-2-line-height);
  min-height: 3.25rem;
  padding: .25rem;
  pointer-events: all;
  text-align: center;
  text-decoration: none;
  width: 100%
}

.cmp-electriccharging__location-search-user-location-button,
.cmp-electriccharging__location-search-user-location-button:active,
.cmp-electriccharging__location-search-user-location-button:focus,
.cmp-electriccharging__location-search-user-location-button:hover {
  background-color: #f6f6f6;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-electriccharging__location-search-user-location-button:hover {
    background-color: #f6f6f6;
    box-shadow: none;
    color: #1c69d4
  }
}

.cmp-electriccharging__location-search-user-location-button:focus-visible,
.cmp-electriccharging__location-search-user-location-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-electriccharging__location-search-user-location-button.focus-visible {
    outline: none
  }

  .cmp-electriccharging__location-search-user-location-button.focus-visible,
  .cmp-electriccharging__location-search-user-location-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-electriccharging__location-search-user-location-button:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-electriccharging__location-search-user-location-button.focus-visible {
    color: #1c69d4
  }
}

.cmp-electriccharging__location-search-user-location-button:focus-visible {
  background-color: #f6f6f6
}

@supports (display:block) {
  .cmp-electriccharging__location-search-user-location-button.focus-visible {
    background-color: #f6f6f6
  }
}

.cmp-electriccharging__location-search-user-location-button:disabled,
.cmp-electriccharging__location-search-user-location-button[aria-disabled=true] {
  background-color: #f6f6f6;
  color: #bbb;
  pointer-events: none
}

.cmp-electriccharging__location-search-user-location-button:disabled:focus-visible,
.cmp-electriccharging__location-search-user-location-button[aria-disabled=true]:focus-visible {
  color: #bbb
}

@supports (display:block) {

  .cmp-electriccharging__location-search-user-location-button:disabled.focus-visible,
  .cmp-electriccharging__location-search-user-location-button[aria-disabled=true].focus-visible {
    color: #bbb
  }
}

.cmp-electriccharging__location-search-user-location-button:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "crosshair";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  margin-right: .125rem;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-electriccharging__location-search-user-location-button:before {
    display: none
  }
}

.cmp-electriccharging__location-search-user-location-button:focus,
.cmp-electriccharging__location-search-user-location-button:focus-visible {
  outline: none
}

.cmp-electriccharging__location-search-user-location-button:focus-visible,
.cmp-electriccharging__location-search-user-location-button:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .cmp-electriccharging__location-search-user-location-button.focus-visible {
    outline: none
  }

  .cmp-electriccharging__location-search-user-location-button.focus-visible,
  .cmp-electriccharging__location-search-user-location-button.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.cmp-electriccharging__location-search-user-location-button.is-hidden {
  display: none
}

.cmp-electriccharging__location-search-loader {
  --size: 1.5rem;
  --factor: 1;
  background-color: #fff;
  inset: 0;
  overflow: hidden;
  position: absolute
}

.cmp-electriccharging__location-search-loader:after {
  animation-duration: 1.2s, 1.2s, .6s;
  animation-iteration-count: infinite, 1, 1;
  animation-name: spin, fade-in, grow;
  animation-timing-function: linear;
  border-color: #0000 #262626;
  border-radius: 50%;
  border-style: solid;
  border-width: calc(var(--size)*var(--factor)/6);
  bottom: 0;
  box-sizing: border-box;
  content: "";
  height: calc(var(--size)*var(--factor));
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(45deg);
  width: calc(var(--size)*var(--factor));
  z-index: 11
}

@media screen and (min-width:1024px) {
  .cmp-electriccharging__location-search-loader:after {
    --factor: 1.33
  }
}

@media screen and (min-width:1280px) {
  .cmp-electriccharging__location-search-loader:after {
    --factor: 1.66
  }
}

.cmp-electriccharging__location-search-loader:before {
  animation-duration: .3s;
  animation-name: fade-in;
  background-color: #ffffffd6;
  bottom: 0;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10
}

.cmp-electriccharging__location-search-loader.is-hidden {
  display: none
}

.cmp-electriccharging--routeCalculation {
  position: relative
}

.cmp-electriccharging--routeCalculation-loader {
  --size: 1.5rem;
  --factor: 1
}

.cmp-electriccharging--routeCalculation-loader:after {
  animation-duration: 1.2s, 1.2s, .6s;
  animation-iteration-count: infinite, 1, 1;
  animation-name: spin, fade-in, grow;
  animation-timing-function: linear;
  border-color: #0000 #f2f2f2;
  border-radius: 50%;
  border-style: solid;
  border-width: calc(var(--size)*var(--factor)/6);
  bottom: 0;
  box-sizing: border-box;
  content: "";
  height: calc(var(--size)*var(--factor));
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(45deg);
  width: calc(var(--size)*var(--factor));
  z-index: 11
}

@media screen and (min-width:1024px) {
  .cmp-electriccharging--routeCalculation-loader:after {
    --factor: 1.33
  }
}

@media screen and (min-width:1280px) {
  .cmp-electriccharging--routeCalculation-loader:after {
    --factor: 1.66
  }
}

.cmp-electriccharging--routeCalculation-loader:before {
  animation-duration: .3s;
  animation-name: fade-in;
  background-color: #000c;
  bottom: 0;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10
}

@keyframes fade-in {
  0% {
    background-color: #0000
  }

  to {
    background-color: #000c
  }
}

@keyframes spin {
  0% {
    transform: rotate(45deg)
  }

  to {
    transform: rotate(405deg)
  }
}

@keyframes grow {
  0% {
    height: calc(var(--size)*var(--factor)*.5);
    width: calc(var(--size)*var(--factor)*.5)
  }

  to {
    height: calc(var(--size)*var(--factor));
    width: calc(var(--size)*var(--factor))
  }
}

.cmp-electriccharging--routeCalculation-loader.is-hidden,
.cmp-electriccharging--routeCalculation-model {
  display: none
}

.cmp-electriccharging__location-search-no-results {
  align-items: center;
  background-color: #fff;
  cursor: pointer;
  display: flex;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  height: 3.75rem;
  line-height: var(--body-1-line-height);
  padding: 0 1.25rem
}

.cmp-electriccharging__location-search-no-results:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "information";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  margin-right: .5rem;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-electriccharging__location-search-no-results:before {
    display: none
  }
}

.cmp-electriccharging__location-search-no-results.is-hidden,
.cmp-electriccharging__overlay-map {
  display: none
}

.cmp-electriccharging__overlay-map-icon {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  box-shadow: 0 4px 40px 0 #33353f26;
  color: #262626;
  cursor: pointer;
  margin-bottom: .75rem;
  margin-left: .75rem;
  padding: .5rem
}

.cmp-electriccharging__overlay-map-open {
  display: flex
}

.cmp-electriccharging__overlay-map-open:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "target_frame";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-electriccharging__overlay-map-open:before {
    display: none
  }
}

.cmp-electriccharging__overlay-map-open:before {
  font-size: 2rem;
  font-weight: 400
}

.cmp-electriccharging__overlay-map-close {
  display: none;
  padding: .75rem
}

.cmp-electriccharging__overlay-map-close:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "close";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-electriccharging__overlay-map-close:before {
    display: none
  }
}

.cmp-electriccharging__overlay-map-close:before {
  font-size: 1.5rem;
  font-weight: 400
}

.cmp-electriccharging__location-search {
  margin-bottom: auto;
  margin-left: auto;
  margin-top: 2.5rem;
  width: 18.75rem;
  z-index: 30
}

.cmp-electriccharging__location-selection {
  
  position: relative
}

.cmp-electriccharging__location-selection:focus-within .cmp-electriccharging__location-search-user-location-button.is-geolocation-active {
  display: inline-flex
}

.cmp-electriccharging__location-search-input {
  appearance: none;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset);
  font-size: var(--body-2-font-size);
  font-weight: var(--input-font-weight);
  line-height: var(--body-2-line-height);
  min-height: 3.25rem;
  min-width: 8rem;
  padding: .75rem 2.25rem .75rem 1.25rem;
  width: 100%
}

.cmp-electriccharging__location-search-input,
.cmp-electriccharging__location-search-input:active,
.cmp-electriccharging__location-search-input:disabled,
.cmp-electriccharging__location-search-input:focus,
.cmp-electriccharging__location-search-input:hover {
  --border-color: #8e8e8e;
  background-color: #fff;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-electriccharging__location-search-input:hover {
    --border-color: #4d4d4d;
    --border-width: 2px;
    color: #262626
  }
}

.cmp-electriccharging__location-search-input:disabled,
.cmp-electriccharging__location-search-input[aria-disabled=true] {
  --border-color: #bbb;
  background-color: #f2f2f2;
  color: #8e8e8e;
  pointer-events: none
}

.cmp-electriccharging__location-search-input:active {
  --border-color: #4d4d4d;
  background-color: #fff
}

.cmp-electriccharging__location-search-input:focus {
  --border-color: #1c69d4;
  --border-width: 2px;
  outline: none
}

.cmp-electriccharging__location-search-input:focus-visible {
  outline: none
}

.cmp-electriccharging__location-search-input:focus-visible,
.cmp-electriccharging__location-search-input:focus-visible:hover {
  box-shadow: inset 0 0 0 .125rem #1c69d4
}

@supports (display:block) {
  .cmp-electriccharging__location-search-input.focus-visible {
    outline: none
  }

  .cmp-electriccharging__location-search-input.focus-visible,
  .cmp-electriccharging__location-search-input.focus-visible:hover {
    box-shadow: inset 0 0 0 .125rem #1c69d4
  }
}

.cmp-electriccharging__location-search-input:focus-visible {
  color: #262626
}

@supports (display:block) {
  .cmp-electriccharging__location-search-input.focus-visible {
    color: #262626
  }
}

.cmp-electriccharging__location-search-input:focus-visible {
  background-color: #fff
}

@supports (display:block) {
  .cmp-electriccharging__location-search-input.focus-visible {
    background-color: #fff
  }
}

.cmp-electriccharging__location-search-input:focus-visible {
  --border-color: #1c69d4
}

@supports (display:block) {
  .cmp-electriccharging__location-search-input.focus-visible {
    --border-color: #1c69d4
  }
}

.cmp-electriccharging__location-search-input::-webkit-search-cancel-button {
  display: none
}

.cmp-electriccharging__location-search-input:placeholder-shown~.cmp-electriccharging__location-search-input-icon {
  color: #666
}

.cmp-electriccharging__location-search-input.cmp-electriccharging__location-search-input--padding {
  padding-left: 3.25rem
}

.cmp-electriccharging__location-search-suggestions {
  box-shadow: 0 .125rem .5rem 0 #00000014, 0 0 .0625rem 0 #0000003d;
  left: 0;
  pointer-events: all;
  position: absolute;
  width: 100%;
  z-index: 10
}

.cmp-electriccharging__location-search-suggestion {
  align-items: center;
  background-color: #fff;
  cursor: pointer;
  display: flex;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  height: 3rem;
  line-height: var(--body-1-line-height);
  padding: 0 1.25rem
}

.cmp-electriccharging__location-search-suggestion:focus,
.cmp-electriccharging__location-search-suggestion:focus-visible {
  outline: none
}

.cmp-electriccharging__location-search-suggestion:focus-visible,
.cmp-electriccharging__location-search-suggestion:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .cmp-electriccharging__location-search-suggestion.focus-visible {
    outline: none
  }

  .cmp-electriccharging__location-search-suggestion.focus-visible,
  .cmp-electriccharging__location-search-suggestion.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.cmp-electriccharging__location-search-suggestion:active,
.cmp-electriccharging__location-search-suggestion:focus,
.cmp-electriccharging__location-search-suggestion:hover {
  background-color: #f2f2f2
}

.cmp-electriccharging__location-search-suggestion.cmp-electriccharging__location-search-suggestion-padding {
  padding: 0 1.25rem 0 3.25rem
}

.cmp-electriccharging__location-search-suggestion span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.cmp-electriccharging--cluster {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  position: relative
}

.cmp-electriccharging--cluster-weight {
  background: #fff;
  border-radius: 3px;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  padding-left: 6px;
  padding-right: 6px;
  text-align: center
}

.cmp-electriccharging--cluster-search-icon {
  cursor: pointer;
  padding: .5rem;
  position: relative
}

.cmp-electriccharging--cluster-search-icon:before {
  background: #262626;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff
}

.cmp-electriccharging-pin-details-infobubble {
  --pin-size: 1.5rem
}

.cmp-electriccharging-pin-details-infobubble .H_ib_body {
  margin-right: 0;
  transform: translate(50%, calc(var(--pin-size)*-1))
}

.cmp-electriccharging-pin-details-infobubble .H_ib_body .H_ib_content {
  margin: 0
}

.cmp-electriccharging-pin-details-infobubble .H_ib_body .cmp-electriccharging-pin-main-info {
  margin: 0 1pc .5rem 0
}

.cmp-electriccharging-pin-details-infobubble .H_ib_tail {
  transform: translateY(calc(var(--pin-size)*-1))
}

.cmp-electriccharging-pin-details {
  font-family: "bmwTypeNextWeb", "Arial", "Helvetica", "Roboto", sans-serif;
  font-size: var(--body-2-font-size);
  font-weight: 300;
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  margin: 4px 9pt 4px 8px;
  min-width: 180px
}

.cmp-electriccharging-pin-details-title {
  background-color: #4d4d4d;
  color: #fff;
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  font-weight: var(--input-font-weight);
  line-height: var(--body-3-line-height);
  padding: 2px 4px;
  text-align: left
}

.cmp-electriccharging-pin-details-row {
  color: #262626;
  display: inline-flex;
  justify-content: space-between;
  margin-bottom: 5px;
  text-align: left;
  width: 100%
}

.cmp-electriccharging-pin-details-row-value {
  text-align: right;
  width: 20%
}

.cmp-electriccharging-pin-details-row-label,
.cmp-electriccharging-pin-details-row-value {
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height)
}

.cmp-electriccharging-pin-details-row-operator {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

@media screen and (min-width:1920px) {
  .cmp-electriccharging {
    margin-top: 2.5rem;
    min-height: 808px
  }

  .info-value--with-map {
    margin: 6rem;
    padding: 5rem 4rem 4rem
  }

  .cmp-electriccharging--charging {
    clear: both;
    display: block;
    padding-top: 3rem;
    width: -webkit-fill-available;
    width: fill-available
  }

  .cmp-electriccharging--charging-label-line {
    height: 2rem
  }
}

@media screen and (min-width:1280px) and (max-width:1919px) {
  .cmp-electriccharging {
    margin-top: 2rem;
    min-height: 580px
  }

  .info-value--with-map {
    margin: 5rem;
    padding: 3rem 2.5rem 2.5rem
  }

  .cmp-electriccharging--headline-text {
    padding-bottom: .5rem
  }

  .cmp-electriccharging--charging-boxes {
    padding-top: .5rem
  }

  .cmp-electriccharging--charging {
    padding-top: 2rem
  }
}

@media screen and (min-width:1280px) {

  .cmp-electriccharging--icon-charging-station:before,
  .cmp-electriccharging--icon-dealer-locator:before {
    font-size: 1.5rem;
    font-weight: 400
  }

  .cmp-electriccharging--destinationLocationIcon:before,
  .cmp-electriccharging--userLocationIcon:before,
  .cmp-electriccharging__startLocationIcon:before {
    font-size: 2rem;
    font-weight: 400
  }

  .cmp-electriccharging--icon-icon-charge:before {
    word-wrap: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "charging_wallbox";
    direction: ltr;
    display: block;
    font-family: "bmw_next_icons";
    font-style: normal;
    font-weight: 400;
    height: 1em;
    line-height: 1;
    outline: 1px solid #0000;
    text-align: left;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    width: auto
  }

  .cmp-electriccharging--charging-label {
    font-size: var(--body-2-font-size);
    font-weight: var(--default-font-weight);
    line-break: auto;
    line-height: var(--body-2-line-height)
  }

  .cmp-electriccharging--headline-model-name,
  .cmp-electriccharging--headline-text {
    font-size: var(--subsection-2-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--subsection-2-line-height)
  }

  .cmp-electriccharging--charging-value-label {
    font-size: var(--body-2-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--body-2-line-height)
  }

  .cmp-electriccharging--charging-value-label.is-electriccharging {
    font-weight: var(--input-font-weight)
  }

  .cmp-electriccharging--line {
    padding-top: 1.5rem
  }

  .cmp-electriccharging--charging-title-span {
    font-size: 1rem
  }

  .cmp-electriccharging-pin-details-infobubble {
    --pin-size: 1.5rem
  }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
  .cmp-electriccharging {
    min-height: 468px
  }

  .info-value--with-map {
    margin: 2.5rem;
    padding: 2.5rem 2.25rem 2.25rem;
    top: 0
  }

  .cmp-electriccharging--headline-text {
    padding-bottom: .5rem
  }

  .cmp-electriccharging--charging-boxes {
    padding-top: .5rem
  }

  .cmp-electriccharging--charging {
    padding-top: 1.5rem
  }
}

@media screen and (min-width:1024px) {
  .info-value--no-map .cmp-electriccharging--charging {
    flex: 1;
    min-width: 380px
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-electriccharging {
    height: 50pc
  }

  .info-value--with-map {
    margin-bottom: 2rem;
    min-width: 70%;
    padding: 2.5rem 2rem;
    width: -moz-fit-content;
    width: fit-content
  }

  .info-value--with-map .cmp-electriccharging--charging-boxes {
    display: flex;
    gap: 2.5rem;
    width: 100%
  }

  .cmp-electriccharging--charging {
    box-sizing: border-box;
    flex: 1;
    min-width: 20pc;
    padding-top: 2.5rem
  }
}

@media screen and (max-width:1023px) {
  .cmp-electriccharging--map {
    width: 100vw
  }

  .cmp-electriccharging--map__allow-page-scroll-mask,
  .cmp-electriccharging--map__allow-page-scroll-mask-message {
    max-width: 100vw
  }

  .cmp-electriccharging {
    flex-direction: column-reverse
  }

  .cmp-electriccharging--map__allow-page-scroll-mask-message {
    flex-direction: column
  }

  .cmp-electriccharging--map__allow-page-scroll-mask-message span {
    padding: 10%
  }

  .cmp-electriccharging--map__allow-page-scroll-mask-message span:first-child {
    margin-top: 4.75rem
  }

  .info-value--with-map {
    max-width: none
  }

  .cmp-electriccharging--icon-search:before {
    word-wrap: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "search";
    direction: ltr;
    display: block;
    display: inline;
    font-family: "bmw_next_icons";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    height: 1em;
    line-height: 1;
    outline: 1px solid #0000;
    padding: .375rem;
    text-align: left;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    width: auto
  }

  .cmp-electriccharging--charging-label-line {
    width: 73%
  }

  .cmp-electriccharging--charging-value {
    width: 27%
  }
}

@media screen and (max-width:767px) {
  .cmp-electriccharging--map {
    width: 100vw
  }

  .cmp-electriccharging--change-model {
    display: flex
  }

  .cmp-electriccharging__change-model-icon {
    color: #262626;
    display: none
  }

  .cmp-electriccharging__change-model-icon:before {
    word-wrap: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "arrow_chevron_down";
    direction: ltr;
    display: block;
    font-family: "bmw_next_icons";
    font-style: normal;
    font-weight: 400;
    height: 1em;
    line-height: 1;
    outline: 1px solid #0000;
    text-align: left;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    width: auto
  }

  .cmp-electriccharging--routeCalculation-model {
    display: block;
    padding-bottom: 1.5rem
  }

  .cmp-electriccharging__change-model-icon-show {
    display: flex
  }

  .cmp-electriccharging--main .cmp-electricmodelselection {
    height: 0;
    padding: 0;
    visibility: hidden;
    width: 0
  }

  .cmp-electriccharging--charging-value-label {
    padding-left: .5rem
  }

  .cmp-electriccharging--charging-label-line {
    width: 75%
  }

  .cmp-electriccharging--charging-boxes {
    clear: both;
    display: block;
    padding-top: .5rem;
    width: 100%
  }

  .cmp-electriccharging--charging {
    clear: both;
    display: block;
    padding-top: 1rem;
    width: 100%
  }

  .cmp-electriccharging {
    height: calc(780px + 9.5rem)
  }

  .info-value--with-map {
    margin-bottom: 1.5rem;
    max-width: none;
    padding: 2rem 1.5rem;
    text-align: center;
    width: 100%
  }

  .info-value--no-map {
    padding: 2rem 1.5rem
  }

  .info-value--no-map .cmp-electriccharging--charging-boxes {
    clear: both;
    display: block;
    width: 100%
  }

  .cmp-electriccharging__location-search {
    margin-top: 1.5rem;
    width: 100%
  }

  .cmp-electriccharging__location-search-input {
    font-size: 1rem
  }
}

@media screen and (min-width:768px) {
  .cmp-popover__wrapper .cmp-electriccharging--map {
    max-width: var(--popover-wrapper-width, inherit)
  }
}

@keyframes highlight {
  0% {
    background-color: #fff
  }

  50% {
    background-color: #2e66ff
  }

  to {
    background-color: #fff
  }
}

.cmp-electriccharging--model-changed-animation .cmp-electriccharging--charging-value-label {
  animation-delay: .5s;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-name: highlight;
  animation-timing-function: ease-out
}

.cmp-electriccharging--location {
  align-items: center;
  display: flex;
  position: relative
}

.cmp-electriccharging--location-line {
  display: grid;
  width: 100%
}

.cmp-electriccharging--location-label {
  color: #666;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  padding-bottom: .5rem;
  text-align: left
}

.cmp-electriccharging__icon-circle {
  align-items: center;
  background-color: #1c69d4;
  border-radius: 50%;
  display: inline-flex;
  height: .75rem;
  margin-left: .75rem;
  margin-right: .75rem;
  margin-top: .75rem;
  width: .75rem
}

.cmp-electriccharging--icon-destination {
  align-items: center;
  content: url("");
  display: inline-flex;
  height: 1.25rem;
  margin-left: .5rem;
  margin-right: .5rem;
  margin-top: .75rem;
  width: 1.25rem
}

.cmp-electriccharging--distance {
  background-color: #1c69d4;
  border-radius: .5rem;
  color: #fff;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  height: -moz-fit-content;
  height: fit-content;
  left: -1.5%;
  line-height: var(--label-1-line-height);
  padding: .5rem;
  top: -1.5%
}

.cmp-electriccharging--icon-line {
  background-color: #e6e6e6;
  height: 3.25rem;
  left: 1rem;
  position: absolute;
  top: 4.25rem;
  width: 2px
}

.cmp-dynamicdisclaimer {
  color: #666;
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  opacity: .7051
}

.cmp-dynamicdisclaimer--in-list {
  display: inline
}

.cmp-dynamicdisclaimerlist__sup {
  border: unset;
  color: inherit;
  cursor: pointer;
  display: inline;
  font-weight: inherit;
  text-decoration: none;
  vertical-align: revert
}

.cmp-dynamicdisclaimerlist__sup:focus,
.cmp-dynamicdisclaimerlist__sup:focus-visible {
  outline: none
}

.cmp-dynamicdisclaimerlist__sup:focus-visible,
.cmp-dynamicdisclaimerlist__sup:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .cmp-dynamicdisclaimerlist__sup.focus-visible {
    outline: none
  }

  .cmp-dynamicdisclaimerlist__sup.focus-visible,
  .cmp-dynamicdisclaimerlist__sup.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.cmp-dynamicdisclaimerlist__sup:focus-visible {
  margin-left: 0
}

@supports (display:block) {
  .cmp-dynamicdisclaimerlist__sup.focus-visible {
    margin-left: 0
  }
}

.cmp-dynamicdisclaimerlist__sup:focus-visible {
  margin-right: .25rem
}

@supports (display:block) {
  .cmp-dynamicdisclaimerlist__sup.focus-visible {
    margin-right: .25rem
  }
}

.cmp-dynamicdisclaimerlist__reference {
  border-bottom: 0;
  color: #262626;
  font-size: 75%;
  font-weight: inherit;
  text-decoration: none
}

.cmp-text .cmp-dynamicdisclaimerlist__reference {
  border-bottom: 0
}

.cmp-dynamicdisclaimerlist__item-text {
  display: inline-block
}

.cmp-dynamicdisclaimer__list {
  list-style-type: none
}

.cmp-dynamicdisclaimer__item {
  display: flex;
  flex-direction: inherit;
  font-size: 0;
  padding-bottom: 1rem
}

.cmp-dynamicdisclaimer__back-reference {
  display: inline-block;
  text-decoration: none
}

.cmp-dynamicdisclaimer__item:before {
  color: #666;
  content: attr(data-counter);
  display: inline;
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  opacity: .7051;
  padding-right: .5rem
}

.cmp-custom-dropdown {
  min-width: 14rem;
  position: relative;
  width: 100%
}

.cmp-custom-dropdown--hide {
  display: none
}

.cmp-custom-dropdown__label {
  color: #666;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height)
}

.cmp-custom-dropdown__label.disabled {
  color: #bbb
}

.cmp-custom-dropdown__sort-label {
  background-color: #f2f2f2;
  display: block;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  padding: .5rem 1.25rem
}

.cmp-custom-dropdown__button,
.cmp-custom-dropdown__item-button {
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: 3.25rem;
  padding: 0 0 0 1.25rem;
  text-align: center;
  text-decoration: none
}

.cmp-custom-dropdown__button {
  align-items: center;
  background-color: #fff;
  border: .0625rem solid #bbb;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-top: .5rem;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  width: 100%
}

.cmp-custom-dropdown__button:focus,
.cmp-custom-dropdown__button:hover {
  border: .125rem solid #4d4d4d
}

.cmp-custom-dropdown__button:disabled {
  background-color: #f2f2f2
}

.cmp-custom-dropdown__button.cmp-custom-dropdown--compact {
  min-height: 2.25rem
}

.cmp-custom-dropdown__title {
  color: #262626;
  font-size: var(--body-2-font-size);
  font-weight: var(--input-font-weight);
  line-height: var(--body-2-line-height);
  padding-left: 1.25rem
}

.cmp-custom-dropdown__title.disabled {
  color: #8e8e8e
}

.cmp-custom-dropdown__title.cmp-custom-dropdown--compact {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  padding-left: .5rem
}

.cmp-custom-dropdown__title.cmp-custom-dropdown--compact.cmp-custom-dropdown__item-button--selected {
  color: #262626;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-custom-dropdown__icon {
  color: #666;
  padding: 0 1.25rem;
  transition: transform .5s ease-in-out
}

.cmp-custom-dropdown__icon.cmp-custom-dropdown__icon--active {
  transform: rotate(-180deg)
}

.cmp-custom-dropdown__icon.disabled {
  color: #8e8e8e
}

.cmp-custom-dropdown__wrapper {
  background-color: #fff;
  border-radius: 0 0 .1875rem .1875rem;
  box-shadow: 0 .125rem .5rem 0 #00000014, 0 0 .0625rem 0 #0000003d;
  list-style: none;
  max-height: var(--dropdown-list-max-height);
  overflow: hidden auto;
  position: absolute;
  scrollbar-color: #4d4d4d #e6e6e6;
  scrollbar-width: thin;
  width: 100%;
  z-index: 10
}

.cmp-custom-dropdown__wrapper::-webkit-scrollbar {
  height: .25rem;
  width: .25rem
}

.cmp-custom-dropdown__wrapper::-webkit-scrollbar-thumb {
  background: #4d4d4d;
  border-radius: .5rem
}

.cmp-custom-dropdown__wrapper::-webkit-scrollbar-track {
  background: #e6e6e6;
  border-radius: .5rem
}

.cmp-custom-dropdown__wrapper .cmp-custom-dropdown__list {
  display: flex;
  flex-direction: column;
  list-style: none
}

.cmp-custom-dropdown__wrapper.cmp-custom-dropdown__wrapper--hide {
  display: none
}

.cmp-custom-dropdown__item-button {
  background-color: #fff;
  border: 0;
  border-radius: 0;
  color: #262626;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  justify-content: space-between;
  line-height: var(--body-2-line-height);
  outline: 0;
  width: 100%
}

.cmp-custom-dropdown__item-button:focus,
.cmp-custom-dropdown__item-button:focus-visible {
  outline: none
}

.cmp-custom-dropdown__item-button:focus-visible,
.cmp-custom-dropdown__item-button:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .cmp-custom-dropdown__item-button.focus-visible {
    outline: none
  }

  .cmp-custom-dropdown__item-button.focus-visible,
  .cmp-custom-dropdown__item-button.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.cmp-custom-dropdown__item-button .cmp-custom-dropdown__list-item-title {
  
  text-align: start
}

.cmp-custom-dropdown__item-button .cmp-custom-dropdown__icon-arrow--right {
  padding-right: 1.25rem
}

.cmp-custom-dropdown__item-button.cmp-custom-dropdown--compact {
  min-height: 2.25rem
}

.cmp-custom-dropdown__item-button:focus,
.cmp-custom-dropdown__item-button:hover {
  background-color: #f2f2f2;
  color: #262626
}

.cmp-custom-dropdown__item-button.cmp-custom-dropdown__item-button--selected {
  background-color: #000;
  color: #fff;
  font-size: var(--body-2-font-size);
  font-weight: var(--input-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-custom-dropdown__item-button.cmp-custom-dropdown__item-button--selected:hover {
  background-color: #000
}

.cmp-custom-dropdown__item-button.cmp-custom-dropdown__item-button--selected .cmp-custom-dropdown__icon--selected {
  padding-right: calc(1.25rem - var(--dropdown-scrollbar-width))
}

.cmp-custom-dropdown__item-button.cmp-custom-dropdown__item-button--selected .cmp-custom-dropdown__icon--selected:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "checkmark";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-custom-dropdown__item-button.cmp-custom-dropdown__item-button--selected .cmp-custom-dropdown__icon--selected:before {
    display: none
  }
}

.cmp-custom-dropdown__item-button.cmp-custom-dropdown__item-button--selected .cmp-custom-dropdown__icon--selected:before {
  font-size: 1.5rem;
  font-weight: 400
}

.cmp-custom-dropdown--extensive {
  min-width: 20rem
}

.cmp-custom-dropdown--extensive .cmp-custom-dropdown__wrapper {
  display: flex;
  flex-flow: row nowrap
}

.cmp-custom-dropdown--extensive .cmp-custom-dropdown__wrapper.cmp-custom-dropdown__wrapper--hide {
  display: none
}

@media screen and (min-width:1024px) {
  .cmp-custom-dropdown--extensive .cmp-custom-dropdown__list-child {
    display: none;
    list-style: none;
    width: 50%
  }
}

.cmp-custom-dropdown--extensive .cmp-custom-dropdown__list-main {
  border-right: .0625rem solid #f2f2f2;
  list-style: none;
  width: 50%
}

.cmp-custom-dropdown--extensive .cmp-custom-dropdown__list-main .cmp-custom-dropdown__icon-arrow--right:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrow_chevron_right";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-custom-dropdown--extensive .cmp-custom-dropdown__list-main .cmp-custom-dropdown__icon-arrow--right:before {
    display: none
  }
}

.cmp-custom-dropdown--extensive .cmp-custom-dropdown__list-main .cmp-custom-dropdown__icon-arrow--right:before {
  font-size: 1.5rem;
  font-weight: 400
}

.cmp-custom-dropdown__list-child {
  display: none;
  width: 100%
}

.cmp-custom-dropdown__list-child .cmp-custom-dropdown__icon-arrow--left {
  margin-top: .25rem
}

.cmp-custom-dropdown__list-child .cmp-custom-dropdown__icon-arrow--left:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrow_chevron_left";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-custom-dropdown__list-child .cmp-custom-dropdown__icon-arrow--left:before {
    display: none
  }
}

.cmp-custom-dropdown__list-child .cmp-custom-dropdown__icon-arrow--left:before {
  font-size: 1.5rem;
  font-weight: 400
}

.cmp-custom-dropdown__list-child.cmp-custom-dropdown__list-child--active {
  display: block
}

.cmp-custom-dropdown--short .cmp-custom-dropdown__list-child {
  overflow: auto;
  overflow-x: visible
}

.cmp-custom-dropdown__list-parent .cmp-custom-dropdown__icon-arrow--right:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrow_chevron_right";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-custom-dropdown__list-parent .cmp-custom-dropdown__icon-arrow--right:before {
    display: none
  }
}

.cmp-custom-dropdown__list-parent .cmp-custom-dropdown__icon-arrow--right:before {
  font-size: 1.5rem;
  font-weight: 400
}

.cmp-custom-dropdown__list-parent.cmp-custom-dropdown__list-parent--hide {
  display: none
}

.cmp-custom-dropdown--extensive .cmp-custom-dropdown__overlay-list,
.cmp-custom-dropdown--short .cmp-custom-dropdown__overlay-list {
  overflow: auto;
  overflow-x: visible;
  width: 100%
}

.cmp-custom-dropdown__list-item--parent .cmp-custom-dropdown__item-button {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  padding-left: .5rem
}

.cmp-custom-dropdown__list-item--parent .cmp-custom-dropdown__item-button .cmp-custom-dropdown__list-item-title {
  font-size: var(--body-2-font-size);
  font-weight: var(--input-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-custom-dropdown__overlay {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  justify-content: flex-end;
  left: 0;
  max-height: unset;
  opacity: 1;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 6070
}

.cmp-custom-dropdown__overlay.cmp-custom-dropdown__overlay--hide {
  display: none
}

.cmp-custom-dropdown__overlay .cmp-custom-dropdown__label {
  align-items: center;
  color: #fff;
  display: flex;
  flex-flow: row nowrap;
  height: 2rem;
  justify-content: space-between
}

.cmp-custom-dropdown__overlay .cmp-custom-dropdown__button {
  border: .125rem solid #4d4d4d;
  height: 3rem;
  margin-top: 0;
  padding-left: 0
}

.cmp-custom-dropdown__overlay .cmp-custom-dropdown__close-button {
  background-color: initial;
  border: 0;
  color: #fff;
  cursor: pointer;
  outline: 0;
  padding-right: 1.25rem
}

.cmp-custom-dropdown__overlay:before {
  content: " "
}

@media screen and (max-width:1023px) {
  .cmp-custom-dropdown__overlay:before {
    background-color: #000c;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
  }
}

@media screen and (min-width:1024px) {
  .cmp-custom-dropdown__overlay:before {
    content: unset
  }
}

.cmp-custom-dropdown__overlay .cmp-custom-dropdown__overlay-wrapper {
  height: calc(100% - 5rem);
  overflow-y: auto
}

.cmp-custom-dropdown__overlay-list {
  background-color: #fff
}

.cmp-custom-dropdown__overlay-container {
  max-height: 75vh;
  z-index: 6070
}

.cmp-custom-dropdown__label-text {
  padding-left: 1.25rem
}

.cmp-drivetrain-switch__intro {
  grid-column: 1/-1;
  text-align: center
}

@media screen {
  .cmp-drivetrain-switch__intro {
    margin-bottom: -.5rem
  }
}

@media screen and (min-width:768px) {
  .cmp-drivetrain-switch__intro {
    margin-bottom: 0
  }
}

@media screen and (min-width:1024px) {
  .cmp-drivetrain-switch__intro {
    margin-bottom: -1rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-drivetrain-switch__intro {
    margin-bottom: -.5rem
  }
}

.cmp-drivetrain-switch__models {
  display: none
}

@media screen and (min-width:1024px) {
  .cmp-drivetrain-switch__models {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: center;
    min-height: var(--drivetrain-switch-models-min-height);
    transition: opacity .5s ease-in .25s;
    width: -moz-fit-content;
    width: fit-content
  }
}

.cmp-drivetrain-switch__models-group {
  display: block
}

.cmp-drivetrain-switch__models-group-label {
  align-items: center;
  display: flex;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  gap: .25rem;
  line-height: var(--label-1-line-height);
  margin-bottom: .5rem
}

.cmp-drivetrain-switch__models-group-label .cmp-drivetrain-switch__subbrand-image {
  display: inline-block;
  height: 1em;
  width: auto
}

.cmp-drivetrain-switch__models-group-label .cmp-infoi {
  margin-left: .25rem
}

.cmp-drivetrain-switch__models-card-name {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  text-align: start;
  word-break: keep-all
}

.cmp-drivetrain-switch__models-card-wrapper {
  display: flex;
  flex-direction: column;
  gap: .5rem
}

.cmp-drivetrain-switch__models-card-item {
  list-style: none;
  position: relative;
  transition: box-shadow .25s ease-in-out
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-drivetrain-switch__models-card-item:hover {
    box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d
  }
}

.cmp-drivetrain-switch__models-card-item .cmp-drivetrain-switch__fueltype-icon {
  color: #0066b1;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 60
}

.cmp-drivetrain-switch__models-card {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, .125rem) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  display: flex;
  gap: .25rem;
  justify-content: center;
  justify-content: unset;
  min-height: 3.25rem;
  padding: .25rem;
  position: relative;
  text-align: center;
  text-decoration: none
}

.cmp-drivetrain-switch__models-card,
.cmp-drivetrain-switch__models-card:active,
.cmp-drivetrain-switch__models-card:disabled,
.cmp-drivetrain-switch__models-card:focus,
.cmp-drivetrain-switch__models-card:hover {
  --border-color: #bbb;
  background-color: #fff;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-drivetrain-switch__models-card:hover {
    --border-color: #bbb
  }
}

.cmp-drivetrain-switch__models-card:disabled,
.cmp-drivetrain-switch__models-card[aria-disabled=true] {
  pointer-events: none
}

.cmp-drivetrain-switch__models-card:focus,
.cmp-drivetrain-switch__models-card:focus-visible {
  outline: none
}

.cmp-drivetrain-switch__models-card:focus-visible,
.cmp-drivetrain-switch__models-card:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-drivetrain-switch__models-card.focus-visible {
    outline: none
  }

  .cmp-drivetrain-switch__models-card.focus-visible,
  .cmp-drivetrain-switch__models-card.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-drivetrain-switch__models-card.cmp-drivetrain-switch__models-card--not-clickable {
  cursor: default
}

@media screen and (min-width:1024px) {
  .cmp-drivetrain-switch__models-card {
    padding: .75rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-drivetrain-switch__models-card {
    padding: .875rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-drivetrain-switch__models-card {
    padding: 1rem
  }
}

.cmp-drivetrain-switch__models-card--selected {
  border: 0
}

.cmp-drivetrain-switch__models-card--selected:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  background: #4d4d4d;
  border-radius: 50%;
  color: #fff;
  content: "checkmark";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  position: absolute;
  right: -.333em;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  top: -.333em;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-drivetrain-switch__models-card--selected:after {
    display: none
  }
}

.cmp-drivetrain-switch__models-card--selected:after {
  font-size: 1rem;
  font-weight: 400;
  height: 1.5em;
  padding: .25em;
  width: 1.5em
}

.cmp-drivetrain-switch__models-card--selected:before {
  border: .125rem solid #4d4d4d;
  content: "";
  display: block;
  height: 100%;
  width: 100%
}

.cmp-drivetrain-switch__models-card--selected:after,
.cmp-drivetrain-switch__models-card--selected:before {
  position: absolute;
  z-index: 100
}

.cmp-drivetrain-switch__models-card--selected:before {
  left: 0;
  top: 0
}

@media screen and (min-width:1024px) {
  .cmp-drivetrain-switch__models-card--selected {
    padding: .875rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-drivetrain-switch__models-card--selected {
    padding: 1rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-drivetrain-switch__models-card--selected {
    padding: 1.125rem
  }
}

.cmp-drivetrain-switch__models-card-image-wrapper {
  position: relative
}

.cmp-drivetrain-switch__models-card-image-wrapper .cmp-drivetrain-switch__models-card-image {
  position: relative;
  transform: scale(1.05);
  z-index: 70
}

@media screen and (min-width:1024px) {
  .cmp-drivetrain-switch__models-card-image-wrapper .cmp-drivetrain-switch__models-card-image {
    max-width: 6.65vw
  }
}

@media screen and (min-width:1280px) {
  .cmp-drivetrain-switch__models-card-image-wrapper .cmp-drivetrain-switch__models-card-image {
    max-width: 6.25vw
  }
}

@media screen and (min-width:1920px) {
  .cmp-drivetrain-switch__models-card-image-wrapper .cmp-drivetrain-switch__models-card-image {
    max-width: 6rem
  }
}

@media screen {
  .cmp-drivetrain-switch__modelcard .cmp-modelhubcard {
    aspect-ratio: 1.5
  }
}

@media screen and (min-width:768px) {
  .cmp-drivetrain-switch__modelcard .cmp-modelhubcard {
    aspect-ratio: 1.7777777778
  }
}

@media screen and (min-width:1024px) {
  .cmp-drivetrain-switch__modelcard .cmp-modelhubcard {
    aspect-ratio: 2.3333333333
  }
}

.cmp-drivetrain-switch__modelcard .cmp-modelhubcard__image {
  height: 100%;
  transform: scale(1.5)
}

@media screen and (min-width:768px) {
  .cmp-drivetrain-switch__modelcard .cmp-modelhubcard__image {
    transform: scale(1.25)
  }
}

@media screen and (min-width:1024px) {
  .cmp-drivetrain-switch__modelcard .cmp-modelhubcard__image {
    transform: scale(1)
  }
}

.cmp-drivetrain-switch__modelcard .cmp-modelhubcard__seriesname {
  color: #e6e6e6
}

@media screen {
  .cmp-drivetrain-switch__modelcard .cmp-modelhubcard__seriesname {
    padding-left: 0;
    padding-top: .75rem
  }
}

@media screen and (min-width:768px) {
  .cmp-drivetrain-switch__modelcard .cmp-modelhubcard__seriesname {
    padding-top: 1.25rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-drivetrain-switch__modelcard .cmp-modelhubcard__seriesname {
    padding-left: 6rem;
    padding-top: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-drivetrain-switch__modelcard .cmp-modelhubcard__seriesname {
    padding-top: 0
  }
}

@media screen and (min-width:1920px) {
  .cmp-drivetrain-switch__modelcard .cmp-modelhubcard__seriesname {
    padding-left: 10.75rem;
    padding-top: 2.5rem
  }
}

.cmp-drivetrain-switch__modelcard--no-series .cmp-modelhubcard__seriesname {
  display: none
}

.cmp-drivetrain-switch__dropdown {
  display: initial;
  margin: auto;
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-drivetrain-switch__dropdown {
    width: 66.6666666667%
  }
}

@media screen and (min-width:1024px) {
  .cmp-drivetrain-switch__dropdown {
    display: none
  }
}

.cmp-drivetrain-switch__techdata-head {
  font-size: var(--headline-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-3-line-height);
  width: 100%
}

@media screen and (min-width:1024px) {
  .cmp-drivetrain-switch__techdata-head {
    margin-top: -1rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-drivetrain-switch__techdata-head {
    margin-top: -1.25rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-drivetrain-switch__techdata-head {
    margin-top: -1.5rem
  }
}

.cmp-drivetrain-switch__techdata-wrapper {
  align-self: center;
  display: flex;
  flex-direction: column;
  row-gap: inherit;
  width: 100%
}

@media screen and (min-width:1024px) {
  .cmp-drivetrain-switch__techdata-wrapper {
    column-gap: 2rem;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    row-gap: 1.5rem;
    width: auto
  }
}

@media screen and (min-width:1280px) {
  .cmp-drivetrain-switch__techdata-wrapper {
    column-gap: 2.5rem;
    row-gap: 2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-drivetrain-switch__techdata-wrapper {
    column-gap: 3rem;
    row-gap: 2.5rem
  }
}

.cmp-drivetrain-switch__techdata {
  width: 100%
}

.cmp-drivetrain-switch__techdata .cmp-technicaldata__body {
  margin-bottom: 0
}

@media screen and (min-width:1024px) {
  .cmp-drivetrain-switch__techdata .cmp-technicaldata__body {
    row-gap: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-drivetrain-switch__techdata .cmp-technicaldata__body {
    row-gap: 2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-drivetrain-switch__techdata .cmp-technicaldata__body {
    row-gap: 2.5rem
  }
}

.cmp-drivetrain-switch__techdata .cmp-technicaldatafact__value .cmp-text {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height)
}

@media screen and (min-width:768px) {
  .cmp-drivetrain-switch__techdata .cmp-technicaldatafact__value .cmp-text {
    font-size: var(--subsection-1-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--subsection-1-line-height)
  }
}

@media screen and (min-width:1024px) {
  .cmp-drivetrain-switch__techdata {
    display: inline-flex;
    width: auto
  }
}

.cmp-drivetrain-switch__techdata-cta {
  display: flex;
  gap: 1.5rem;
  justify-content: center
}

@media screen {
  .cmp-drivetrain-switch__techdata-cta {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
  }
}

@media screen and (min-width:768px) {
  .cmp-drivetrain-switch__techdata-cta {
    margin-bottom: 1.5rem;
    margin-top: 2rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-drivetrain-switch__techdata-cta {
    margin-bottom: 0;
    margin-top: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-drivetrain-switch__techdata-cta {
    margin-bottom: 0;
    margin-top: 0
  }
}

@media screen {
  .cmp-drivetrain-switch__techdata-cta {
    flex-direction: column
  }
}

@media screen and (min-width:768px) {
  .cmp-drivetrain-switch__techdata-cta {
    flex-direction: row
  }
}

.cmp-drivetrain-switch__secondary {
  align-self: center
}

.cmp-drivetrain-switch__secondary .cmp-button:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "compare";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  margin-left: .25rem;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-drivetrain-switch__secondary .cmp-button:after {
    display: none
  }
}

.cmp-drivetrain-switch__secondary .cmp-button .cmp-button__icon {
  display: none
}

.cmp-drivetrain-switch__cta,
.cmp-drivetrain-switch__primary {
  align-self: center;
  display: inline-flex
}

.cmp-drivetrain-switch__cta>div,
.cmp-drivetrain-switch__primary>div {
  margin-bottom: 0;
  width: 100%
}

.cmp-drivetrain-switch__cta>div .cmp-button,
.cmp-drivetrain-switch__primary>div .cmp-button {
  padding: 0 1rem
}

@media screen {

  .cmp-drivetrain-switch__cta,
  .cmp-drivetrain-switch__primary {
    width: 100%
  }
}

@media screen and (min-width:768px) {

  .cmp-drivetrain-switch__cta,
  .cmp-drivetrain-switch__primary {
    width: 50%
  }
}

@media screen and (min-width:1024px) {

  .cmp-drivetrain-switch__cta,
  .cmp-drivetrain-switch__primary {
    width: auto
  }
}

.cmp-drivetrain-switch__disclaimer {
  width: auto
}

.cmp-drivetrain-switch__disclaimer .cmp-text {
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  opacity: .7051
}

.cmp-drivetrain-switch {
  display: grid
}

@media screen and (min-width:1024px) {
  .cmp-drivetrain-switch {
    grid-template-columns: 1fr 3fr;
    margin: 0 calc(var(--grid-gutter)*-1)
  }

  .cmp-drivetrain-switch__details,
  .cmp-drivetrain-switch__selection {
    padding: 0 var(--grid-gutter)
  }
}

.cmp-drivetrain-switch__details {
  display: flex;
  flex-direction: column;
  gap: 2rem
}

.cmp-drivetrain-switch__data {
  align-self: center;
  display: flex;
  flex-direction: column;
  transition: opacity .5s ease-in .5s;
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-drivetrain-switch__data {
    width: 66.6666666667%
  }
}

@media screen and (min-width:1024px) {
  .cmp-drivetrain-switch__data {
    width: 100%
  }
}

@media screen and (min-width:1280px) {
  .cmp-drivetrain-switch__data {
    width: var(--drivetrain-switch-data-width, auto)
  }
}

@media screen {
  .cmp-drivetrain-switch__data {
    row-gap: 1rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-drivetrain-switch__data {
    row-gap: 1.25rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-drivetrain-switch__data {
    row-gap: 1.5rem
  }
}

.cmp-drivetrain-switch:not([data-initialized=true]) .cmp-drivetrain-switch__data,
.cmp-drivetrain-switch:not([data-initialized=true]) .cmp-drivetrain-switch__models {
  opacity: 0
}

.cmp-download .style-page--print,
.style-page--print .cmp-download {
  display: none
}

@media print {
  .cmp-download {
    display: none
  }
}

.cmp-download {
  border: .0625rem solid #bbb;
  padding: 1rem
}

.cmp-download__title {
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height);
  margin-bottom: 1rem
}

.cmp-download__title-link {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

.cmp-download__description {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  margin-bottom: 1rem
}

.cmp-download__description ol,
.cmp-download__description ul {
  padding-left: 1.25em
}

.cmp-download__description ul {
  list-style: disc
}

.cmp-download__description ul ul {
  list-style: circle
}

.cmp-download__properties {
  margin-bottom: 1rem;
  margin-top: 0
}

.cmp-download__property {
  background-color: #e6e6e6;
  display: inline-block;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  margin-right: .25rem;
  padding: .25rem .5rem
}

.cmp-download__property:last-child {
  margin-right: 0
}

.cmp-download__property-label {
  display: none
}

.cmp-download__property-content {
  margin: 0
}

.cmp-download__action {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  justify-content: center;
  line-height: var(--body-2-line-height);
  min-height: 3.25rem;
  padding: 0 .5rem;
  text-align: center;
  text-decoration: none
}

.cmp-download__action,
.cmp-download__action:active,
.cmp-download__action:focus,
.cmp-download__action:hover {
  background-color: #262626;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-download__action:hover {
    background-color: #4d4d4d;
    box-shadow: none;
    color: #fff
  }
}

.cmp-download__action:focus,
.cmp-download__action:focus-visible {
  outline: none
}

.cmp-download__action:focus-visible,
.cmp-download__action:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-download__action.focus-visible {
    outline: none
  }

  .cmp-download__action.focus-visible,
  .cmp-download__action.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-download__action:focus-visible {
  color: #fff
}

@supports (display:block) {
  .cmp-download__action.focus-visible {
    color: #fff
  }
}

.cmp-download__action:focus-visible {
  background-color: #4d4d4d
}

@supports (display:block) {
  .cmp-download__action.focus-visible {
    background-color: #4d4d4d
  }
}

.cmp-download__action:disabled,
.cmp-download__action[aria-disabled=true] {
  background-color: #bbb;
  pointer-events: none
}

.cmp-download__action-text,
.cmp-download__action-text:hover {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit
}

.style-download--link-with-icon .cmp-download {
  border: 0;
  padding: 0
}

.style-download--link-with-icon .cmp-download__action {
  align-items: center;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-flex;
  gap: .5rem;
  padding: 0;
  text-decoration: none
}

.style-download--link-with-icon .cmp-download__action,
.style-download--link-with-icon .cmp-download__action:active,
.style-download--link-with-icon .cmp-download__action:disabled,
.style-download--link-with-icon .cmp-download__action:focus,
.style-download--link-with-icon .cmp-download__action:hover,
.style-download--link-with-icon .cmp-download__action:visited {
  background: #0000;
  color: #262626
}

.style-download--link-with-icon .cmp-download__action:hover {
  color: #1c69d4
}

.style-download--link-with-icon .cmp-download__action:active {
  color: #0653b6
}

.style-download--link-with-icon .cmp-download__action:disabled {
  color: #bbb
}

.style-download--link-with-icon .cmp-download__action:focus,
.style-download--link-with-icon .cmp-download__action:focus-visible {
  outline: none
}

.style-download--link-with-icon .cmp-download__action:focus-visible,
.style-download--link-with-icon .cmp-download__action:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-download--link-with-icon .cmp-download__action.focus-visible {
    outline: none
  }

  .style-download--link-with-icon .cmp-download__action.focus-visible,
  .style-download--link-with-icon .cmp-download__action.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-download--link-with-icon .cmp-download__action:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .style-download--link-with-icon .cmp-download__action.focus-visible {
    color: #1c69d4
  }
}

.style-download--link-with-icon .cmp-download__description,
.style-download--link-with-icon .cmp-download__properties,
.style-download--link-with-icon .cmp-download__title {
  display: none
}

.style-download--link-with-icon .cmp-download__action-icon:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "download";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .style-download--link-with-icon .cmp-download__action-icon:before {
    display: none
  }
}

.style-download--link-with-icon--light .cmp-download__action {
  border: 0;
  box-shadow: none
}

.style-download--link-with-icon--light .cmp-download__action,
.style-download--link-with-icon--light .cmp-download__action:active,
.style-download--link-with-icon--light .cmp-download__action:disabled,
.style-download--link-with-icon--light .cmp-download__action:focus,
.style-download--link-with-icon--light .cmp-download__action:hover,
.style-download--link-with-icon--light .cmp-download__action:visited {
  background: #0000;
  color: #fff
}

.style-download--link-with-icon--light .cmp-download__action:hover {
  color: #bbb
}

.style-download--link-with-icon--light .cmp-download__action:active {
  color: #fff
}

.style-download--link-with-icon--light .cmp-download__action:disabled {
  color: #8e8e8e
}

.style-download--link-with-icon--light .cmp-download__action:focus,
.style-download--link-with-icon--light .cmp-download__action:focus-visible {
  outline: none
}

.style-download--link-with-icon--light .cmp-download__action:focus-visible,
.style-download--link-with-icon--light .cmp-download__action:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-download--link-with-icon--light .cmp-download__action.focus-visible {
    outline: none
  }

  .style-download--link-with-icon--light .cmp-download__action.focus-visible,
  .style-download--link-with-icon--light .cmp-download__action.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-download--link-with-icon--light .cmp-download__action:focus-visible {
  color: #bbb
}

@supports (display:block) {
  .style-download--link-with-icon--light .cmp-download__action.focus-visible {
    color: #bbb
  }
}

.style-download--outline .cmp-download {
  border: 0;
  padding: 0
}

.style-download--outline .cmp-download__description,
.style-download--outline .cmp-download__properties,
.style-download--outline .cmp-download__title {
  display: none
}

.style-download--outline .cmp-download__action {
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
  display: inline-flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  justify-content: center;
  line-height: var(--body-2-line-height);
  min-height: 3.25rem;
  padding: 0 1rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap
}

.style-download--outline-dark .cmp-download__action {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset)
}

.style-download--outline-dark .cmp-download__action,
.style-download--outline-dark .cmp-download__action:active,
.style-download--outline-dark .cmp-download__action:disabled,
.style-download--outline-dark .cmp-download__action:focus,
.style-download--outline-dark .cmp-download__action:hover {
  --border-color: #262626;
  background-color: #0000;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-download--outline-dark .cmp-download__action:hover {
    --border-width: 2px;
    box-shadow: inset 0 0 0 var(--border-width, 2px) var(--border-color, unset)
  }
}

.style-download--outline-dark .cmp-download__action:disabled,
.style-download--outline-dark .cmp-download__action[aria-disabled=true] {
  --border-color: #e6e6e6;
  color: #bbb;
  pointer-events: none
}

.style-download--outline-dark .cmp-download__action:disabled:focus-visible,
.style-download--outline-dark .cmp-download__action[aria-disabled=true]:focus-visible {
  color: #bbb
}

@supports (display:block) {

  .style-download--outline-dark .cmp-download__action:disabled.focus-visible,
  .style-download--outline-dark .cmp-download__action[aria-disabled=true].focus-visible {
    color: #bbb
  }
}

.style-download--outline-dark .cmp-download__action:focus,
.style-download--outline-dark .cmp-download__action:focus-visible {
  outline: none
}

.style-download--outline-dark .cmp-download__action:focus-visible,
.style-download--outline-dark .cmp-download__action:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-download--outline-dark .cmp-download__action.focus-visible {
    outline: none
  }

  .style-download--outline-dark .cmp-download__action.focus-visible,
  .style-download--outline-dark .cmp-download__action.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-download--outline-light .cmp-download__action {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset)
}

.style-download--outline-light .cmp-download__action,
.style-download--outline-light .cmp-download__action:active,
.style-download--outline-light .cmp-download__action:disabled,
.style-download--outline-light .cmp-download__action:focus,
.style-download--outline-light .cmp-download__action:hover {
  --border-color: #f2f2f2;
  background-color: #0000;
  color: #f2f2f2
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-download--outline-light .cmp-download__action:hover {
    --border-color: #fff;
    --border-width: 2px;
    box-shadow: inset 0 0 0 var(--border-width, 2px) var(--border-color, unset);
    color: #fff
  }
}

.style-download--outline-light .cmp-download__action:disabled,
.style-download--outline-light .cmp-download__action[aria-disabled=true] {
  --border-color: #8e8e8e;
  color: #8e8e8e;
  pointer-events: none
}

.style-download--outline-light .cmp-download__action:disabled:focus-visible,
.style-download--outline-light .cmp-download__action[aria-disabled=true]:focus-visible {
  color: #8e8e8e
}

@supports (display:block) {

  .style-download--outline-light .cmp-download__action:disabled.focus-visible,
  .style-download--outline-light .cmp-download__action[aria-disabled=true].focus-visible {
    color: #8e8e8e
  }

  .style-download--outline-light .cmp-download__action.focus-visible {
    outline: none
  }

  .style-download--outline-light .cmp-download__action.focus-visible,
  .style-download--outline-light .cmp-download__action.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-download--outline-light .cmp-download__action:focus-visible {
  color: #fff
}

@supports (display:block) {
  .style-download--outline-light .cmp-download__action.focus-visible {
    color: #fff
  }
}

.style-download--outline-light .cmp-download__action:focus,
.style-download--outline-light .cmp-download__action:focus-visible {
  outline: none
}

.style-download--outline-light .cmp-download__action:focus-visible,
.style-download--outline-light .cmp-download__action:focus-visible:hover {
  background: #26262680;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-download--outline-light .cmp-download__action.focus-visible {
    outline: none
  }

  .style-download--outline-light .cmp-download__action.focus-visible,
  .style-download--outline-light .cmp-download__action.focus-visible:hover {
    background: #26262680;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

@charset "UTF-8";

.cmp-dlo {
  bottom: 0;
  display: none;
  height: 100vh;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 6060
}

@media screen and (min-width:768px) {
  .cmp-dlo {
    width: 30rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo {
    width: 35rem
  }
}

@supports (height:100dvh) {
  .cmp-dlo {
    height: 100dvh
  }
}

.cmp-dlo .cmp-dlo__backdrop {
  background-color: #0000;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: background-color .3s ease-in-out;
  z-index: 0
}

.cmp-dlo--open {
  display: block;
  opacity: 1;
  visibility: visible
}

.cmp-dlo--open .cmp-dlo__backdrop {
  animation: dlo-background-fade-in .3s ease-in-out forwards
}

.cmp-dlo--closing .cmp-dlo__backdrop {
  animation: dlo-background-fade-out .3s ease-in-out forwards
}

.cmp-dlo__content {
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  position: relative;
  z-index: 6070
}

.cmp-dlo--open .cmp-dlo__content {
  animation: dlo-content-slide-in .3s ease-in-out forwards
}

.cmp-dlo--closing .cmp-dlo__content {
  animation: dlo-content-slide-out .3s ease-in-out forwards
}

.cmp-dlo__close-button {
  background: #fff;
  border: 0;
  cursor: pointer;
  height: 1.5rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 1.5rem;
  top: 3.125rem;
  white-space: nowrap
}

.cmp-dlo__close-button:focus,
.cmp-dlo__close-button:focus-visible {
  outline: none
}

.cmp-dlo__close-button:focus-visible,
.cmp-dlo__close-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-dlo__close-button.focus-visible {
    outline: none
  }

  .cmp-dlo__close-button.focus-visible,
  .cmp-dlo__close-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

@media screen and (min-width:768px) {
  .cmp-dlo__close-button {
    right: 1.875rem;
    top: 1.875rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-dlo__close-button {
    right: 1.875rem;
    top: 2.375rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo__close-button {
    right: 1.875rem;
    top: 1.875rem
  }
}

.cmp-dlo__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  display: inline;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

@keyframes dlo-background-fade-in {
  0% {
    background-color: #0000
  }

  to {
    background-color: #000000ad
  }
}

@keyframes dlo-background-fade-out {
  0% {
    background-color: #000000ad
  }

  to {
    background-color: #0000
  }
}

@keyframes dlo-content-slide-in {
  0% {
    transform: translateX(100%)
  }

  to {
    transform: translateX(0)
  }
}

@keyframes dlo-content-slide-out {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(100%)
  }
}

.cmp-dlo .cmp-dlo__default {
  border-bottom: 1px solid #e6e6e6;
  display: none;
  padding: 3rem 1.5rem
}

@media screen and (min-width:768px) {
  .cmp-dlo .cmp-dlo__default {
    padding: 4rem
  }
}

.cmp-dlo[data-view=default] .cmp-dlo__default {
  display: block
}

.cmp-dlo .cmp-dlo__default__helper-text {
  color: #666;
  font-size: .75rem
}

.cmp-dlo .cmp-dlo__default__helper-text--invalid {
  color: #d20000
}

.cmp-dlo .cmp-dlo__default__title {
  font-size: 1rem;
  line-height: 1.625rem;
  padding-bottom: 1.5rem
}

@media screen and (min-width:768px) {
  .cmp-dlo .cmp-dlo__default__title {
    font-size: 1.0625rem;
    line-height: 1.75rem;
    padding-bottom: 2rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-dlo .cmp-dlo__default__title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    padding-bottom: 2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo .cmp-dlo__default__title {
    font-size: 1.1875rem;
    line-height: 1.875rem;
    padding-bottom: 2.5rem
  }
}

.cmp-dlo .cmp-dlo__default__separator {
  color: #262626;
  font-size: .9375rem;
  line-height: 1.5rem;
  padding-bottom: 1rem;
  padding-top: 1rem
}

@media screen and (min-width:768px) {
  .cmp-dlo .cmp-dlo__default__separator {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo .cmp-dlo__default__separator {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
  }
}

.cmp-dlo__default__search-cta {
  background-color: #000;
  border-radius: .1875rem;
  color: #fff;
  display: flex;
  height: 3.25rem;
  margin-top: 1.5rem;
  min-width: 6.375rem;
  padding: .875rem 1.5rem
}

@media screen and (min-width:1024px) {
  .cmp-dlo__default__search-cta {
    margin-top: 2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo__default__search-cta {
    margin-top: 2.5rem
  }
}

.cmp-dlo .cmp-dlo__default__search-cta-spinner__loader {
  animation: spin .7s linear infinite;
  display: inline-block;
  height: 1.25rem;
  margin-right: .5rem;
  vertical-align: middle;
  width: 1.25rem
}

.cmp-dlo .cmp-dlo__default__search-cta--hidden {
  display: none
}

.cmp-dlo .cmp-dlo__default__search-cta--visible {
  display: inline-block
}

.cmp-dlo .cmp-dlo__default__search-cta:disabled,
.cmp-dlo .cmp-dlo__default__search-cta[disabled] {
  background-color: #f2f2f2;
  border-color: #0000;
  color: #bbb;
  cursor: not-allowed;
  pointer-events: none
}

@keyframes spin {
  to {
    transform: rotate(1turn)
  }
}

.cmp-custom-inputtextfield__input {
  color: #262626;
  font-size: .875rem !important;
  height: 3.25rem;
  line-height: 1.375rem !important;
  padding-left: 1.25rem !important;
  padding-right: 3rem !important;
  vertical-align: middle
}

@media screen and (min-width:768px) {
  .cmp-custom-inputtextfield__input {
    font-size: .875rem !important;
    line-height: 1.375rem !important
  }
}

@media screen and (min-width:1024px) {
  .cmp-custom-inputtextfield__input {
    font-size: .9375rem !important;
    line-height: 1.5rem !important
  }
}

@media screen and (min-width:1920px) {
  .cmp-custom-inputtextfield__input {
    font-size: 1rem !important;
    line-height: 1.625rem !important
  }
}

.cmp-custom-inputtextfield__input--invalid {
  background: #f7e7e9;
  background-image: url("");
  background-position: right 1rem center;
  background-repeat: no-repeat;
  background-size: 1.125rem 1.0625rem;
  border: 1px solid #d20000 !important
}

.cmp-custom-inputtextfield__label {
  font-size: .75rem
}

.cmp-custom-inputtextfield__input-container {
  margin-bottom: .25rem !important
}

.pac-container {
  margin: 0 !important;
  padding: 1.5rem !important;
  z-index: 6060
}

@media screen and (min-width:768px) {
  .pac-container {
    padding: 2rem !important
  }
}

@media screen and (min-width:1024px) {
  .pac-container {
    padding: 2rem !important
  }
}

@media screen and (min-width:1920px) {
  .pac-container {
    padding: 2.5rem !important
  }
}

.pac-container .pac-item,
.pac-container .pac-item .pac-item-query,
.pac-container .pac-item .pac-matched {
  border: 0;
  color: #262626;
  cursor: pointer;
  font-family: "bmwTypeNextWeb";
  font-size: .875rem !important;
  letter-spacing: .015625rem;
  line-height: 1.375rem !important;
  padding: 0 0 1rem !important;
  transition: color .3s ease-in-out
}

@media screen and (min-width:768px) {

  .pac-container .pac-item,
  .pac-container .pac-item .pac-item-query,
  .pac-container .pac-item .pac-matched {
    font-size: .9375rem !important;
    line-height: 1.5rem !important
  }
}

@media screen and (min-width:1024px) {

  .pac-container .pac-item,
  .pac-container .pac-item .pac-item-query,
  .pac-container .pac-item .pac-matched {
    font-size: .9375rem !important;
    line-height: 1.5rem !important
  }
}

@media screen and (min-width:1920px) {

  .pac-container .pac-item,
  .pac-container .pac-item .pac-item-query,
  .pac-container .pac-item .pac-matched {
    font-size: 1rem !important;
    line-height: 1.625rem !important
  }
}

.pac-container .pac-item:hover {
  background: none;
  color: #666
}

.pac-container .pac-item-selected {
  background: none !important
}

.pac-container .pac-item .pac-icon {
  display: none
}

.pac-container .pac-item span {
  color: #262626
}

.pac-container .pac-item:hover span {
  color: #666
}

.cmp-dlo__results {
  display: none
}

.cmp-dlo[data-view=results] .cmp-dlo__results {
  display: flex;
  flex-direction: column
}

.cmp-dlo__results-back-cta {
  appearance: none;
  background-color: #fff;
  border: unset;
  border-radius: 3px;
  cursor: pointer;
  display: grid;
  display: none;
  height: 1.5rem;
  padding: 0;
  place-content: center;
  width: 1.5rem
}

.cmp-dlo__results-back-cta:hover {
  color: #1c69d4
}

.cmp-dlo__results-back-cta:disabled {
  color: #bbb
}

.cmp-dlo__results-back-cta:active {
  color: #0653b6
}

@media screen and (min-width:768px) {
  .cmp-dlo__results-back-cta [data-icon]:not([data-icon=""]) {
    font-size: 1.875rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-dlo__results-back-cta [data-icon]:not([data-icon=""]) {
    font-size: 1.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo__results-back-cta [data-icon]:not([data-icon=""]) {
    font-size: 1.875rem
  }
}

.cmp-dlo[data-view=results] .cmp-dlo__results-back-cta {
  display: flex
}

.cmp-dlo__results-heading {
  color: #262626;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  width: clamp(223px, 62%, 475px)
}

@media screen and (min-width:768px) {
  .cmp-dlo__results-heading {
    width: 21.625rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-dlo__results-heading {
    width: 22rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo__results-heading {
    width: 21.375rem
  }
}

.cmp-dlo__results-header {
  align-items: flex-start;
  column-gap: .5rem;
  display: flex;
  margin: 3rem 1.5rem 0;
  width: 86.67%
}

@media screen and (min-width:768px) {
  .cmp-dlo__results-header {
    margin: 4rem 4rem 0;
    width: 73.33%;
    width: 80%
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo__results-header {
    width: 73.33%
  }
}

.cmp-dlo__results-search-form {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  margin: 1.5rem 1.5rem 0;
  min-height: 6.25rem;
  width: 86.66%
}

@media screen and (min-width:768px) {
  .cmp-dlo__results-search-form {
    margin: 1.5rem 4rem 0;
    width: 22rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-dlo__results-search-form {
    margin: 2rem 4rem 0
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo__results-search-form {
    margin: 2.5rem 4rem 0;
    width: 27rem
  }
}

.cmp-dlo-dealer-form--results-view {
  width: 100%
}

.cmp-dlo__zip-city-search-container {
  align-items: flex-start;
  column-gap: .5rem;
  display: flex;
  flex-direction: row;
  width: 100%
}

.cmp-dlo__zip-city-input-container--results-view {
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-dlo__zip-city-input-container--results-view {
    width: 11.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo__zip-city-input-container--results-view {
    width: 16.5rem
  }
}

.cmp-dlo__zip-city-input-container__cta {
  display: none
}

@media screen and (min-width:768px) {
  .cmp-dlo__zip-city-input-container__cta {
    align-items: center;
    align-self: stretch;
    display: flex;
    justify-content: center;
    margin-top: 2.0625rem;
    max-width: 10rem;
    min-width: 10rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo__zip-city-input-container__cta {
    align-items: center;
    align-self: stretch;
    display: flex;
    justify-content: center;
    margin-top: 2.1875rem
  }
}

.cmp-dlo__dealers {
  margin-top: 2rem;
  padding-bottom: 3rem
}

@media screen and (min-width:768px) {
  .cmp-dlo__dealers {
    margin-top: 3rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo__dealers {
    margin-top: 4rem
  }
}

.cmp-dlo__dealers-list {
  display: inline-block;
  height: auto;
  list-style-type: none;
  width: 100%
}

.cmp-dlo__dealers-list .cmp-dlo__dealer-item {
  align-items: center;
  align-self: stretch;
  display: flex
}

.cmp-dlo__dealers-list .cmp-dlo__dealer-item:nth-child(2n) {
  background: #fff
}

.cmp-dlo__dealers-list .cmp-dlo__dealer-item:nth-child(odd) {
  background: #f6f6f6
}

.cmp-dlo__dealer-card {
  align-items: center;
  align-self: stretch;
  column-gap: 5.55%;
  display: flex;
  flex-wrap: wrap;
  padding: 1.5rem;
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-dlo__dealer-card {
    column-gap: 1.25rem;
    padding: 1.5rem 4rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-dlo__dealer-card {
    column-gap: 1.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo__dealer-card {
    column-gap: auto
  }
}

.cmp-dlo__dealer-card-content {
  display: flex;
  flex-direction: column;
  row-gap: .25rem;
  width: 76.6667%
}

@media screen and (min-width:768px) {
  .cmp-dlo__dealer-card-content {
    width: 17.25rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo__dealer-card-content {
    width: 22.25rem
  }
}

.cmp-dlo__dealer-name {
  color: #262626;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height)
}

.cmp-dlo__dealer-address {
  color: #4d4d4d;
  font-size: var(--body-2-font-size);
  font-style: normal;
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-dlo__dealer-address-value {
  display: inline
}

.cmp-dlo__dealer-distance {
  color: #4d4d4d;
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  opacity: .7051
}

.cmp-dlo__m-branding-badge {
  align-items: center;
  column-gap: .5rem;
  display: flex;
  margin: .25rem 0 0
}

.cmp-dlo__m-branding-image {
  height: .75rem
}

.cmp-dlo__m-branding-caption {
  color: #4d4d4d;
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  opacity: .7051
}

.cmp-dlo__dealer-cta {
  align-items: center;
  align-self: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  display: flex;
  flex-shrink: 0;
  height: 3.25rem;
  justify-content: center;
  padding: .625rem;
  width: 3.25rem
}

.cmp-dlo__dealer-cta,
.cmp-dlo__dealer-cta:active,
.cmp-dlo__dealer-cta:focus,
.cmp-dlo__dealer-cta:hover {
  background-color: #262626;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-dlo__dealer-cta:hover {
    background-color: #4d4d4d;
    box-shadow: none;
    color: #fff
  }
}

.cmp-dlo__dealer-cta:focus,
.cmp-dlo__dealer-cta:focus-visible {
  outline: none
}

.cmp-dlo__dealer-cta:focus-visible,
.cmp-dlo__dealer-cta:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-dlo__dealer-cta.focus-visible {
    outline: none
  }

  .cmp-dlo__dealer-cta.focus-visible,
  .cmp-dlo__dealer-cta.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-dlo__dealer-cta:focus-visible {
  color: #fff
}

@supports (display:block) {
  .cmp-dlo__dealer-cta.focus-visible {
    color: #fff
  }
}

.cmp-dlo__dealer-cta:focus-visible {
  background-color: #4d4d4d
}

@supports (display:block) {
  .cmp-dlo__dealer-cta.focus-visible {
    background-color: #4d4d4d
  }
}

.cmp-dlo__dealer-cta:disabled,
.cmp-dlo__dealer-cta[aria-disabled=true] {
  background-color: #bbb;
  pointer-events: none
}

.cmp-dlo__dealer-details {
  display: none;
  flex: 1 1 auto;
  min-height: 0
}

.cmp-dlo[data-view=dealerDetails] .cmp-dlo__dealer-details,
.cmp-dlo__dealer-header {
  display: flex;
  flex-direction: column
}

.cmp-dlo__dealer-header {
  align-items: flex-start;
  align-self: stretch;
  gap: .25rem;
  padding: 3rem 1.5rem 2rem
}

@media screen and (min-width:768px) {
  .cmp-dlo__dealer-header {
    gap: .5rem;
    padding: 4rem 4rem 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-dlo__dealer-header {
    padding: 4rem 3rem 3rem 4rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo__dealer-header {
    padding: 4rem 3rem 4rem 4rem
  }
}

.cmp-dlo__dealer-title {
  font-size: var(--headline-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-3-line-height)
}

.cmp-dlo__actions {
  align-items: flex-start;
  display: flex;
  gap: 1rem
}

.cmp-dlo__actions-cta {
  align-items: center;
  border: 0;
  box-shadow: none;
  display: inline-flex;
  font-size: .875rem;
  gap: .25rem
}

.cmp-dlo__actions-cta,
.cmp-dlo__actions-cta:active,
.cmp-dlo__actions-cta:disabled,
.cmp-dlo__actions-cta:focus,
.cmp-dlo__actions-cta:hover,
.cmp-dlo__actions-cta:visited {
  background: #0000;
  color: #262626
}

.cmp-dlo__actions-cta:hover {
  color: #1c69d4
}

.cmp-dlo__actions-cta:active {
  color: #0653b6
}

.cmp-dlo__actions-cta:disabled {
  color: #bbb
}

.cmp-dlo__actions-cta:focus,
.cmp-dlo__actions-cta:focus-visible {
  outline: none
}

.cmp-dlo__actions-cta:focus-visible,
.cmp-dlo__actions-cta:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-dlo__actions-cta.focus-visible {
    outline: none
  }

  .cmp-dlo__actions-cta.focus-visible,
  .cmp-dlo__actions-cta.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-dlo__actions-cta:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-dlo__actions-cta.focus-visible {
    color: #1c69d4
  }
}

.cmp-dlo__actions-cta:after {
  font-size: 1.5rem;
  font-weight: 400
}

@media screen and (min-width:1280px) {
  .cmp-dlo__actions-cta {
    font-size: .9375rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo__actions-cta {
    font-size: 1rem
  }
}

.cmp-dlo__actions-cta--change-dealer:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrow_repeat";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-dlo__actions-cta--change-dealer:after {
    display: none
  }
}

.cmp-dlo__actions-cta--clear-selection:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "trash_can";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-dlo__actions-cta--clear-selection:after {
    display: none
  }
}

.cmp-dlo__dealer-content {
  align-items: flex-start;
  align-self: stretch;
  border-top: .0625rem solid #e6e6e6;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column
}

.cmp-dlo__accordion {
  padding-top: .5rem;
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-dlo__accordion {
    padding-top: 1.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo__accordion {
    padding-top: 2.5rem
  }
}

.cmp-dlo__accordion__item {
  display: block
}

.cmp-dlo__accordion__item--hidden {
  display: none
}

.cmp-dlo__accordion__header {
  padding: 1.5rem
}

@media screen and (min-width:768px) {
  .cmp-dlo__accordion__header {
    padding: 1.5rem 4rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo__accordion__header {
    padding: 1.5rem 3rem 1.5rem 4rem
  }
}

.cmp-dlo__accordion__title {
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height)
}

.cmp-dlo__accordion__button {
  align-items: center;
  border: 0;
  box-shadow: none;
  display: flex;
  font-weight: var(--default-font-weight);
  justify-content: space-between;
  padding: 0;
  width: 100%
}

.cmp-dlo__accordion__button,
.cmp-dlo__accordion__button:active,
.cmp-dlo__accordion__button:disabled,
.cmp-dlo__accordion__button:focus,
.cmp-dlo__accordion__button:hover,
.cmp-dlo__accordion__button:visited {
  background: #0000;
  color: #262626
}

.cmp-dlo__accordion__button:hover {
  color: #1c69d4
}

.cmp-dlo__accordion__button:active {
  color: #0653b6
}

.cmp-dlo__accordion__button:disabled {
  color: #bbb
}

.cmp-dlo__accordion__button:focus,
.cmp-dlo__accordion__button:focus-visible {
  outline: none
}

.cmp-dlo__accordion__button:focus-visible,
.cmp-dlo__accordion__button:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-dlo__accordion__button.focus-visible {
    outline: none
  }

  .cmp-dlo__accordion__button.focus-visible,
  .cmp-dlo__accordion__button.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-dlo__accordion__button:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-dlo__accordion__button.focus-visible {
    color: #1c69d4
  }
}

.cmp-dlo__accordion__button:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrow_chevron_up";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-dlo__accordion__button:after {
    display: none
  }
}

.cmp-dlo__accordion__button:after {
  margin-left: auto;
  transition: transform .3s ease
}

.cmp-dlo__accordion__button[aria-expanded=false]:after {
  transform: rotate(180deg)
}

.cmp-dlo__accordion__panel {
  display: none;
  flex-direction: column;
  padding: 0 1.5rem 1.5rem;
  row-gap: 2rem
}

@media screen and (min-width:768px) {
  .cmp-dlo__accordion__panel {
    padding: 0 4rem 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-dlo__accordion__panel {
    row-gap: 2.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo__accordion__panel {
    padding: 0 3rem 1.5rem 4rem;
    row-gap: 2.5rem
  }
}

.cmp-dlo__accordion__panel--open {
  display: flex
}

.cmp-dlo__accordion__divider {
  align-self: stretch;
  background: #e6e6e6;
  height: .0625rem;
  margin: 0 1.5rem
}

@media screen and (min-width:768px) {
  .cmp-dlo__accordion__divider {
    margin: 0 3rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo__accordion__divider {
    margin: 0 3rem 0 4rem
  }
}

.cmp-dlo__accordion__divider--hidden {
  display: none
}

.cmp-dlo__contact {
  color: #262626;
  font-style: normal
}

.cmp-dlo__contact-wrapper {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: .5rem
}

@media screen and (min-width:768px) {
  .cmp-dlo__contact-wrapper {
    gap: 1rem
  }
}

.cmp-dlo__icon--location-map {
  color: #262626;
  margin-top: .125rem
}

.cmp-dlo__contact-info {
  color: #262626
}

.cmp-dlo__contact-address,
.cmp-dlo__contact-phone-web {
  color: #262626;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height)
}

@media screen and (min-width:1920px) {
  .cmp-dlo__contact-phone-web {
    margin-top: .5rem
  }
}

.cmp-dlo__contact-phone {
  color: #262626;
  cursor: pointer;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  text-decoration: none
}

.cmp-dlo__contact-phone:focus,
.cmp-dlo__contact-phone:hover {
  text-decoration: underline
}

.cmp-dlo__contact-web {
  border: 0;
  box-shadow: none;
  color: #262626;
  cursor: pointer;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  font-weight: var(--input-font-weight);
  line-height: var(--body-1-line-height);
  white-space: nowrap
}

.cmp-dlo__contact-web,
.cmp-dlo__contact-web:active,
.cmp-dlo__contact-web:disabled,
.cmp-dlo__contact-web:focus,
.cmp-dlo__contact-web:hover,
.cmp-dlo__contact-web:visited {
  background: #0000;
  color: #262626
}

.cmp-dlo__contact-web:hover {
  color: #1c69d4
}

.cmp-dlo__contact-web:active {
  color: #0653b6
}

.cmp-dlo__contact-web:disabled {
  color: #bbb
}

.cmp-dlo__contact-web:focus,
.cmp-dlo__contact-web:focus-visible {
  outline: none
}

.cmp-dlo__contact-web:focus-visible,
.cmp-dlo__contact-web:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-dlo__contact-web.focus-visible {
    outline: none
  }

  .cmp-dlo__contact-web.focus-visible,
  .cmp-dlo__contact-web.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-dlo__contact-web:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-dlo__contact-web.focus-visible {
    color: #1c69d4
  }
}

.cmp-dlo__bullet-separator {
  font-style: normal;
  font-weight: var(--clickable-font-weight)
}

.cmp-dlo__bullet-separator:before {
  content: "•"
}

@media screen and (min-width:1920px) {
  .cmp-dlo__contact-map {
    margin-top: .5rem
  }
}

.cmp-dlo__map-link {
  border: 0;
  box-shadow: none;
  color: #262626;
  display: inline-flex;
  font-weight: var(--input-font-weight);
  text-decoration: none
}

.cmp-dlo__map-link,
.cmp-dlo__map-link:active,
.cmp-dlo__map-link:disabled,
.cmp-dlo__map-link:focus,
.cmp-dlo__map-link:hover,
.cmp-dlo__map-link:visited {
  background: #0000;
  color: #262626
}

.cmp-dlo__map-link:hover {
  color: #1c69d4
}

.cmp-dlo__map-link:active {
  color: #0653b6
}

.cmp-dlo__map-link:disabled {
  color: #bbb
}

.cmp-dlo__map-link:focus,
.cmp-dlo__map-link:focus-visible {
  outline: none
}

.cmp-dlo__map-link:focus-visible,
.cmp-dlo__map-link:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-dlo__map-link.focus-visible {
    outline: none
  }

  .cmp-dlo__map-link.focus-visible,
  .cmp-dlo__map-link.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-dlo__map-link:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-dlo__map-link.focus-visible {
    color: #1c69d4
  }
}

.cmp-dlo__map-link:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrow_up_right";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-dlo__map-link:after {
    display: none
  }
}

.cmp-dlo__hours,
.cmp-dlo__map-link:visited {
  color: #262626
}

.cmp-dlo__hours__wrapper {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: .5rem
}

@media screen and (min-width:768px) {
  .cmp-dlo__hours__wrapper {
    gap: 1rem
  }
}

.cmp-dlo__hours-list {
  justify-content: space-between;
  list-style-type: none
}

@media screen and (min-width:1920px) {
  .cmp-dlo__hours-list {
    display: flex;
    flex-flow: column;
    row-gap: .5rem
  }
}

.cmp-dlo__hours-item {
  display: flex
}

.cmp-dlo__day {
  flex: 1 0 0;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  white-space: nowrap;
  width: 30.56%
}

@media screen and (min-width:768px) {
  .cmp-dlo__day {
    width: 22.92%
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo__day {
    width: 47.08%
  }
}

.cmp-dlo__time {
  flex: 1 0 0;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  white-space: nowrap;
  width: 47.22%
}

@media screen and (min-width:768px) {
  .cmp-dlo__time {
    width: 19.64%
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo__time {
    width: 48.93%
  }
}

.cmp-dlo__icon--clock {
  margin-top: .125rem
}

.cmp-dlo__certifications {
  color: #262626
}

.cmp-dlo__certifications__wrapper {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: .5rem
}

@media screen and (min-width:768px) {
  .cmp-dlo__certifications__wrapper {
    gap: 1rem
  }
}

.cmp-dlo__list-certifications {
  list-style-type: none
}

@media screen and (min-width:1920px) {
  .cmp-dlo__list-certifications {
    display: flex;
    flex-flow: column;
    row-gap: .5rem
  }
}

.cmp-dlo__list-item {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height)
}

.cmp-dlo__icon--notepad {
  margin-top: .125rem
}

.cmp-dlo__dealer-footer {
  background: #fff;
  border: .0625rem solid #e6e6e6;
  border-top-width: 0;
  bottom: 0;
  box-shadow: 0 1.5rem 5rem 0 #00000029, 0 0 .0625rem 0 #00000029;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  height: 10rem;
  margin-top: 3rem;
  padding: 1.5rem;
  position: relative;
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-dlo__dealer-footer {
    align-items: center;
    flex-direction: row;
    flex-shrink: 0;
    gap: 1rem;
    padding: 1.5rem 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-dlo__dealer-footer {
    height: 6.3125rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-dlo__dealer-footer {
    height: 6.375rem
  }
}

.cmp-dlo__footer-cta {
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
  display: inline-flex;
  flex: 1 0 0;
  font-weight: var(--input-font-weight);
  justify-content: center;
  min-height: 3.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap
}

.cmp-dlo__footer-cta--primary {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset)
}

.cmp-dlo__footer-cta--primary,
.cmp-dlo__footer-cta--primary:active,
.cmp-dlo__footer-cta--primary:focus,
.cmp-dlo__footer-cta--primary:hover {
  background-color: #1c69d4;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-dlo__footer-cta--primary:hover {
    background-color: #0653b6;
    box-shadow: none;
    color: #fff
  }
}

.cmp-dlo__footer-cta--primary:focus,
.cmp-dlo__footer-cta--primary:focus-visible {
  outline: none
}

.cmp-dlo__footer-cta--primary:focus-visible,
.cmp-dlo__footer-cta--primary:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-dlo__footer-cta--primary.focus-visible {
    outline: none
  }

  .cmp-dlo__footer-cta--primary.focus-visible,
  .cmp-dlo__footer-cta--primary.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-dlo__footer-cta--primary:focus-visible {
  color: #fff
}

@supports (display:block) {
  .cmp-dlo__footer-cta--primary.focus-visible {
    color: #fff
  }
}

.cmp-dlo__footer-cta--primary:focus-visible {
  background-color: #0653b6
}

@supports (display:block) {
  .cmp-dlo__footer-cta--primary.focus-visible {
    background-color: #0653b6
  }
}

.cmp-dlo__footer-cta--primary:disabled,
.cmp-dlo__footer-cta--primary[aria-disabled=true] {
  background-color: #bbd2f3;
  pointer-events: none
}

.cmp-dlo__footer-cta--secondary {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset)
}

.cmp-dlo__footer-cta--secondary,
.cmp-dlo__footer-cta--secondary:active,
.cmp-dlo__footer-cta--secondary:disabled,
.cmp-dlo__footer-cta--secondary:focus,
.cmp-dlo__footer-cta--secondary:hover {
  --border-color: #262626;
  background-color: #0000;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-dlo__footer-cta--secondary:hover {
    --border-width: 2px;
    box-shadow: inset 0 0 0 var(--border-width, 2px) var(--border-color, unset)
  }
}

.cmp-dlo__footer-cta--secondary:disabled,
.cmp-dlo__footer-cta--secondary[aria-disabled=true] {
  --border-color: #e6e6e6;
  color: #bbb;
  pointer-events: none
}

.cmp-dlo__footer-cta--secondary:disabled:focus-visible,
.cmp-dlo__footer-cta--secondary[aria-disabled=true]:focus-visible {
  color: #bbb
}

@supports (display:block) {

  .cmp-dlo__footer-cta--secondary:disabled.focus-visible,
  .cmp-dlo__footer-cta--secondary[aria-disabled=true].focus-visible {
    color: #bbb
  }
}

.cmp-dlo__footer-cta--secondary:focus,
.cmp-dlo__footer-cta--secondary:focus-visible {
  outline: none
}

.cmp-dlo__footer-cta--secondary:focus-visible,
.cmp-dlo__footer-cta--secondary:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-dlo__footer-cta--secondary.focus-visible {
    outline: none
  }

  .cmp-dlo__footer-cta--secondary.focus-visible,
  .cmp-dlo__footer-cta--secondary.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-directentry {
  background: #f6f6f6;
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem 2.25rem;
  text-align: center
}

@media screen and (min-width:1024px) {
  .cmp-directentry {
    padding: 5rem 15rem
  }
}

.cmp-directentry__breadcrumb {
  display: flex;
  justify-content: center;
  padding-bottom: .5rem;
  width: 100%
}

.cmp-directentry__headline {
  display: flex;
  justify-content: center;
  padding-bottom: 2rem;
  width: 100%
}

@media screen and (min-width:1024px) {
  .cmp-directentry__headline {
    padding-bottom: 3rem
  }
}

.cmp-directentry__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr
}

.cmp-directentry__buttons button {
  width: auto
}

.cmp-directentry__buttons-long {
  display: grid;
  grid-template-columns: 1fr
}

.cmp-directentry__buttons-long button {
  width: 100%
}

@media screen and (min-width:1024px) {
  .cmp-directentry__buttons-long button {
    width: auto
  }

  .cmp-directentry__buttons-long {
    grid-template-columns: 1fr 1fr
  }
}

.cmp-directentry__small-buttons button {
  font-size: var(--body-3-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-3-line-height);
  min-height: 2.25rem !important;
  min-width: 5rem !important
}

.cmp-directentry__button-left {
  padding-right: .25rem;
  text-align: right
}

.cmp-directentry__button-right {
  padding-left: .25rem;
  text-align: left
}

.cmp-directentry__button-left-spaced {
  padding-bottom: .75rem
}

@media screen and (min-width:1024px) {
  .cmp-directentry__button-left-spaced {
    padding-bottom: 0;
    padding-right: .75rem;
    text-align: right
  }
}

.cmp-directentry__button-right-spaced {
  padding-bottom: .75rem
}

@media screen and (min-width:1024px) {
  .cmp-directentry__button-right-spaced {
    padding-bottom: 0;
    padding-left: .75rem;
    text-align: left
  }
}

.cmp-directentry__selection {
  display: flex;
  flex-direction: column;
  padding-bottom: 1.5rem
}

@media screen and (min-width:1024px) {
  .cmp-directentry__selection {
    flex-direction: row
  }
}

.cmp-directentry__selection-cell {
  align-items: center;
  display: flex;
  width: 100%
}

.cmp-directentry__selection-cell>* {
  flex-grow: 1;
  padding-left: .75rem;
  padding-right: .75rem
}

.cmp-contenttable {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%
}

.cmp-contenttable__table {
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
  margin: 0 -1.5rem;
  -webkit-mask: linear-gradient(90deg, #fff0 0, #fff 1.5rem) left, linear-gradient(270deg, #fff0 0, #fff 1.5rem) right;
  mask: linear-gradient(90deg, #fff0 0, #fff 1.5rem) left, linear-gradient(270deg, #fff0 0, #fff 1.5rem) right;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 50% 100%;
  mask-size: 50% 100%;
  overflow: auto;
  width: calc(100% + 3rem)
}

@media screen and (min-width:768px) {
  .cmp-contenttable__table {
    margin: 0 -3rem;
    -webkit-mask: linear-gradient(90deg, #fff0 0, #fff 3rem) left, linear-gradient(270deg, #fff0 0, #fff 3rem) right;
    mask: linear-gradient(90deg, #fff0 0, #fff 3rem) left, linear-gradient(270deg, #fff0 0, #fff 3rem) right;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 50% 100%;
    mask-size: 50% 100%;
    width: calc(100% + 6rem)
  }
}

.cmp-contenttable__caption {
  left: 0;
  padding: 0 1.5rem;
  position: sticky;
  top: 0
}

@media screen and (min-width:768px) {
  .cmp-contenttable__caption {
    padding: 0 3rem
  }
}

.cmp-contenttable__caption--screenreader-only {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  display: inline;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.cmp-contenttable__caption-body,
.cmp-contenttable__caption-headline {
  display: inline-block
}

.cmp-contenttable__caption-headline {
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height)
}

.cmp-contenttable__row {
  grid-column-gap: 1rem;
  box-sizing: initial;
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(1, 1fr);
  min-width: 13.5rem;
  padding: 0 1.5rem;
  position: relative
}

@media screen and (min-width:768px) {
  .cmp-contenttable__row {
    grid-column-gap: 1.5rem;
    padding: 0 3rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-contenttable--with-1-column .cmp-contenttable__row {
    grid-template-columns: repeat(2, 1fr)
  }
}

.cmp-contenttable--with-2-columns .cmp-contenttable__row {
  grid-template-columns: repeat(2, 1fr);
  min-width: 27rem
}

.cmp-contenttable--with-3-columns .cmp-contenttable__row {
  grid-template-columns: repeat(3, 1fr);
  min-width: 40.5rem;
  width: calc(150% - 9rem)
}

@media (min-width:46.5rem) {
  .cmp-contenttable--with-3-columns .cmp-contenttable__row {
    width: calc(100% - 6rem)
  }
}

@media screen and (min-width:1024px) {
  .cmp-contenttable--with-3-columns .cmp-contenttable__row {
    min-width: unset;
    width: auto
  }
}

.cmp-contenttable--with-4-columns .cmp-contenttable__row {
  grid-template-columns: repeat(4, 1fr);
  min-width: 54rem;
  width: calc(200% - 12rem)
}

@media (min-width:46.5rem) {
  .cmp-contenttable--with-4-columns .cmp-contenttable__row {
    width: calc(133.33333% - 8rem)
  }
}

@media (min-width:60rem) {
  .cmp-contenttable--with-4-columns .cmp-contenttable__row {
    width: calc(100% - 6rem)
  }
}

@media screen and (min-width:1024px) {
  .cmp-contenttable--with-4-columns .cmp-contenttable__row {
    min-width: unset;
    width: auto
  }
}

.cmp-contenttable--with-5-columns .cmp-contenttable__row {
  grid-template-columns: repeat(5, 1fr);
  min-width: 67.5rem;
  width: calc(250% - 15rem)
}

@media (min-width:46.5rem) {
  .cmp-contenttable--with-5-columns .cmp-contenttable__row {
    width: calc(166.66667% - 10rem)
  }
}

@media (min-width:60rem) {
  .cmp-contenttable--with-5-columns .cmp-contenttable__row {
    width: calc(125% - 7.5rem)
  }
}

@media (min-width:73.5rem) {
  .cmp-contenttable--with-5-columns .cmp-contenttable__row {
    width: calc(100% - 6rem)
  }
}

@media screen and (min-width:1024px) {
  .cmp-contenttable--with-5-columns .cmp-contenttable__row {
    min-width: unset;
    width: auto
  }
}

.cmp-contenttable__cell {
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  flex-direction: column;
  hyphens: auto;
  padding: .75rem 0;
  position: relative;
  width: 100%;
  word-break: break-word
}

.cmp-contenttable__cell:not(:last-child):after {
  background: #e6e6e6;
  bottom: -1px;
  content: "";
  display: block;
  height: 1px;
  left: 100%;
  position: absolute;
  width: 1.5rem
}

@media screen and (min-width:1024px) {
  .cmp-contenttable__cell {
    min-width: auto
  }
}

.cmp-contenttable__cell--align-horizontal-start {
  align-items: flex-start;
  text-align: start
}

.cmp-contenttable__cell--align-vertical-start {
  justify-content: flex-start
}

.cmp-contenttable__cell--align-horizontal-center {
  align-items: center;
  text-align: center
}

.cmp-contenttable__cell--align-vertical-center {
  justify-content: center
}

.cmp-contenttable__cell--align-horizontal-end {
  align-items: flex-end;
  text-align: end
}

.cmp-contenttable__cell--align-vertical-end {
  justify-content: flex-end
}

.cmp-contenttable__row--background .cmp-contenttable__cell,
.cmp-contenttable__row--zebra:not(.cmp-contenttable__row--background) .cmp-contenttable__cell {
  background: #f2f2f2
}

.cmp-contenttable__row--background .cmp-contenttable__cell:not(:last-child):before,
.cmp-contenttable__row--zebra:not(.cmp-contenttable__row--background) .cmp-contenttable__cell:not(:last-child):before {
  background: inherit;
  content: "";
  display: block;
  height: 100%;
  left: 100%;
  position: absolute;
  top: 0;
  width: 1.5rem
}

.cmp-contenttable__body .cmp-contenttable__cell--without-border,
.cmp-contenttable__foot .cmp-contenttable__cell--without-border {
  border: unset
}

.cmp-contenttable__body .cmp-contenttable__cell--without-border:after,
.cmp-contenttable__foot .cmp-contenttable__cell--without-border:after {
  content: unset
}

.cmp-contenttable__head .cmp-contenttable__cell--heading {
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-2-line-height)
}

.cmp-contenttable__body .cmp-contenttable__cell--heading,
.cmp-contenttable__cell--data,
.cmp-contenttable__foot .cmp-contenttable__cell--heading {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height)
}

.cmp-contenttable .cmp-button,
.cmp-contenttable .cmp-image,
.cmp-contenttable__button,
.cmp-contenttable__image,
.cmp-contenttable__text,
.cmp-contenttable__title {
  width: 100%
}

.cmp-contenttable__button .button:not(.style-button--as-link) {
  margin: .1875rem 0
}

@media screen and (min-width:768px) {
  .cmp-contenttable__button {
    max-width: inherit
  }
}

.cmp-contenttable__image :first-child,
.cmp-contenttable__text :first-child,
.cmp-contenttable__title :first-child {
  margin-top: 0;
  padding-top: 0
}

.cmp-contenttable__image :last-child,
.cmp-contenttable__text :last-child,
.cmp-contenttable__title :last-child {
  margin-bottom: 0;
  padding-bottom: 0
}

.cmp-contenttable .cmp-button,
.cmp-contenttable .cmp-image,
.cmp-contenttable .cmp-text,
.cmp-contenttable .cmp-title {
  margin-bottom: 0
}

.cmp-contenttable__cell--data .cmp-contenttable__text--size-s,
.cmp-contenttable__cell--data .cmp-contenttable__title--size-s {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height)
}

.cmp-contenttable__cell--data .cmp-contenttable__text--size-xs,
.cmp-contenttable__cell--data .cmp-contenttable__title--size-xs {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

.style-container--background-light .cmp-contenttable__row--background .cmp-contenttable__cell,
.style-container--background-light .cmp-contenttable__row--zebra:not(.cmp-contenttable__row--background) .cmp-contenttable__cell {
  background: #fff
}

.cmp-contenttable__table--author {
  padding: 4em 0
}

.cmp-contenttable__author-output {
  color: #8e8e8e;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height)
}

.cmp-contenttable__author-output--column {
  border-bottom: 1px solid #e6e6e6;
  padding: .75rem 0
}

.cmp-contenttable__row--for-columns-author {
  bottom: 0;
  left: -1.5rem;
  position: absolute;
  right: -1.5rem;
  top: 0
}

@media screen and (min-width:768px) {
  .cmp-contenttable__row--for-columns-author {
    left: -3rem;
    right: -3rem
  }
}

.cmp-contenttable__row--author {
  margin: 0;
  width: 100%
}

.cmp-contenttable--with-2-columns .cmp-contenttable__author-output--row,
.cmp-contenttable--with-3-columns .cmp-contenttable__author-output--row,
.cmp-contenttable--with-4-columns .cmp-contenttable__author-output--row,
.cmp-contenttable--with-5-columns .cmp-contenttable__author-output--row {
  grid-template-columns: auto;
  margin-top: 1em
}

.cmp-contenttable__author-output--cell {
  padding-bottom: 1em
}

.cmp-contenttable--hide-author-output .cmp-contenttable__table--author {
  padding: 3em 0
}

.cmp-contenttable--hide-author-output .cmp-contenttable__author-output,
.cmp-contenttable--hide-author-output .cmp-contenttable__author-output--row {
  display: none
}

.cmp-contenttable--hide-author-output .cmp-contenttable__row {
  margin-bottom: .75rem;
  margin-top: .75rem
}

.cmp-contentnavigation--hide,
.cmp-contentnavigation__list-item--hide {
  display: none
}

.cmp-contentnavigation {
  flex-direction: column;
  position: sticky;
  top: 0;
  z-index: 100
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation {
    flex-direction: row
  }
}

.cmp-contentnavigation__list {
  background-color: #fff;
  flex-direction: column;
  flex-wrap: nowrap;
  float: left;
  left: 0;
  list-style: none;
  overflow: hidden;
  transition: padding .25s ease-in;
  white-space: nowrap;
  width: 100%
}

.cmp-contentnavigation__list.touch-device {
  -ms-overflow-style: none;
  float: none;
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: none;
  width: 100%
}

.cmp-contentnavigation__list.touch-device::-webkit-scrollbar {
  background: #0000;
  display: none;
  width: 0
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation__list {
    background-color: initial;
    display: flex;
    flex-direction: row;
    height: inherit;
    padding: 0;
    position: relative;
    transition: none;
    width: auto
  }
}

.cmp-contentnavigation__background {
  display: block;
  height: calc(100% + 1px);
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  transition: opacity .25s ease-in;
  width: 100vw;
  z-index: -10
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation__background {
    background-color: #fffffff2;
    border-bottom: .0625rem solid #e6e6e6;
    opacity: 1;
    transition: none
  }

  @supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
    .cmp-contentnavigation__background {
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      background: #ffffffbf
    }

    body[data-wcag-aa] .cmp-contentnavigation__background {
      background: #ffffffe6
    }
  }
}

.cmp-contentnavigation__wrapper {
  clip-path: inset(0 0 100% 0);
  overflow-x: hidden;
  overflow: hidden;
  position: absolute;
  transition: clip-path ease-in;
  transition-delay: .1s;
  transition-duration: .4s;
  visibility: hidden;
  width: 100%;
  will-change: clip-path
}

.cmp-contentnavigation--active .cmp-contentnavigation__wrapper {
  clip-path: inset(0 0 0 0);
  height: 100%;
  visibility: visible
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation__wrapper {
    clip-path: none;
    height: 4rem;
    position: relative;
    visibility: visible;
    width: auto
  }
}

.cmp-contentnavigation__arrow-left,
.cmp-contentnavigation__arrow-right {
  align-items: center;
  display: flex;
  height: 100%
}

.cmp-contentnavigation__arrow-left {
  cursor: pointer;
  display: none;
  font-size: 2rem;
  height: 100%;
  left: 0;
  position: absolute;
  visibility: hidden;
  z-index: 10
}

.cmp-contentnavigation__arrow-left:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrow_chevron_left";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-contentnavigation__arrow-left:before {
    display: none
  }
}

.cmp-contentnavigation__arrow-left:before {
  font-size: 1.25rem;
  font-weight: 400
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation__arrow-left {
    display: flex
  }
}

.cmp-contentnavigation__arrow-right {
  cursor: pointer;
  display: none;
  font-size: 2rem;
  height: 100%;
  position: absolute;
  right: 0;
  visibility: hidden;
  z-index: 10
}

.cmp-contentnavigation__arrow-right:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrow_chevron_right";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-contentnavigation__arrow-right:before {
    display: none
  }
}

.cmp-contentnavigation__arrow-right:before {
  font-size: 1.25rem;
  font-weight: 400
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation__arrow-right {
    display: flex
  }

  .cmp-contentnavigation.arrow-left-active .cmp-contentnavigation__wrapper {
    -webkit-mask: linear-gradient(90deg, #fff0 0, #fff0 35px, #fff 107px);
    mask: linear-gradient(90deg, #fff0 0, #fff0 35px, #fff 107px)
  }
}

.cmp-contentnavigation.arrow-right-active .cmp-contentnavigation__wrapper {
  -webkit-mask: linear-gradient(270deg, #fff0 0, #fff0 35px, #fff 107px);
  mask: linear-gradient(270deg, #fff0 0, #fff0 35px, #fff 107px)
}

.cmp-contentnavigation.arrow-left-active.arrow-right-active .cmp-contentnavigation__wrapper {
  -webkit-mask: linear-gradient(90deg, #fff0 0, #fff0 35px, #fff 107px) left, linear-gradient(270deg, #fff0 0, #fff0 35px, #fff 107px) right;
  mask: linear-gradient(90deg, #fff0 0, #fff0 35px, #fff 107px) left, linear-gradient(270deg, #fff0 0, #fff0 35px, #fff 107px) right;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 50% 100%;
  mask-size: 50% 100%
}

.cmp-contentnavigation--active {
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%
}

.cmp-contentnavigation--active .cmp-contentnavigation__background {
  background-color: #000c;
  opacity: 1;
  position: fixed
}

.cmp-contentnavigation--active .cmp-contentnavigation__selected-value {
  border: 0;
  border-radius: 0;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  margin-left: 0;
  padding: .25rem 1.5rem;
  width: 100%
}

.cmp-contentnavigation--active .cmp-contentnavigation__selected-value,
.cmp-contentnavigation--active .cmp-contentnavigation__selected-value:active,
.cmp-contentnavigation--active .cmp-contentnavigation__selected-value:focus,
.cmp-contentnavigation--active .cmp-contentnavigation__selected-value:hover {
  background-color: #fff;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-contentnavigation--active .cmp-contentnavigation__selected-value:hover {
    background-color: #fff;
    box-shadow: none;
    color: #262626
  }
}

.cmp-contentnavigation--active .cmp-contentnavigation__selected-value:focus-visible,
.cmp-contentnavigation--active .cmp-contentnavigation__selected-value:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-contentnavigation--active .cmp-contentnavigation__selected-value.focus-visible {
    outline: none
  }

  .cmp-contentnavigation--active .cmp-contentnavigation__selected-value.focus-visible,
  .cmp-contentnavigation--active .cmp-contentnavigation__selected-value.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-contentnavigation--active .cmp-contentnavigation__selected-value:focus-visible {
  color: #262626
}

@supports (display:block) {
  .cmp-contentnavigation--active .cmp-contentnavigation__selected-value.focus-visible {
    color: #262626
  }
}

.cmp-contentnavigation--active .cmp-contentnavigation__selected-value:focus-visible {
  background-color: #fff
}

@supports (display:block) {
  .cmp-contentnavigation--active .cmp-contentnavigation__selected-value.focus-visible {
    background-color: #fff
  }
}

.cmp-contentnavigation--active .cmp-contentnavigation__selected-value:disabled,
.cmp-contentnavigation--active .cmp-contentnavigation__selected-value[aria-disabled=true] {
  background-color: #fff;
  color: #bbb;
  pointer-events: none
}

.cmp-contentnavigation--active .cmp-contentnavigation__selected-value:disabled:focus-visible,
.cmp-contentnavigation--active .cmp-contentnavigation__selected-value[aria-disabled=true]:focus-visible {
  color: #bbb
}

@supports (display:block) {

  .cmp-contentnavigation--active .cmp-contentnavigation__selected-value:disabled.focus-visible,
  .cmp-contentnavigation--active .cmp-contentnavigation__selected-value[aria-disabled=true].focus-visible {
    color: #bbb
  }
}

.cmp-contentnavigation--active .cmp-contentnavigation__selected-value:focus,
.cmp-contentnavigation--active .cmp-contentnavigation__selected-value:focus-visible {
  outline: none
}

.cmp-contentnavigation--active .cmp-contentnavigation__selected-value:focus-visible,
.cmp-contentnavigation--active .cmp-contentnavigation__selected-value:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .cmp-contentnavigation--active .cmp-contentnavigation__selected-value.focus-visible {
    outline: none
  }

  .cmp-contentnavigation--active .cmp-contentnavigation__selected-value.focus-visible,
  .cmp-contentnavigation--active .cmp-contentnavigation__selected-value.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.cmp-contentnavigation--active .cmp-contentnavigation__selected-value:before {
  left: 0;
  z-index: 100
}

.cmp-contentnavigation--active .cmp-contentnavigation__selected-value:after {
  transform: rotate(-180deg)
}

.cmp-contentnavigation--active .cmp-contentnavigation__list {
  background-color: #fff;
  max-height: calc(100% - 3rem);
  overflow-y: auto;
  padding: 1rem 0 1.25rem
}

.cmp-contentnavigation--active .cmp-contentnavigation__list-link {
  border-color: #0000;
  padding: .75rem 1.5rem;
  pointer-events: all
}

.cmp-contentnavigation--active .cmp-contentnavigation__list-link--active {
  border-left: .25rem solid #4d4d4d;
  outline: none;
  padding: .75rem 1.25rem
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--active .cmp-contentnavigation__selected-value {
    padding: .25rem 2.25rem
  }

  .cmp-contentnavigation--active .cmp-contentnavigation__list-link {
    padding: .75rem 2.25rem
  }
}

.cmp-contentnavigation__list-item {
  width: 100%
}

.cmp-contentnavigation__list-link {
  align-items: center;
  border: 0;
  border-color: #0000;
  border-radius: 3px;
  border-radius: 0;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  display: flex;
  justify-content: center;
  justify-content: flex-start;
  margin-bottom: 0;
  min-height: 3.25rem;
  padding: .75rem 0;
  text-align: center;
  text-decoration: none;
  width: 100%
}

.cmp-contentnavigation__list-link,
.cmp-contentnavigation__list-link:active,
.cmp-contentnavigation__list-link:focus,
.cmp-contentnavigation__list-link:hover {
  background-color: #0000;
  color: #666
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-contentnavigation__list-link:hover {
    background-color: #0000;
    box-shadow: none;
    color: #262626
  }
}

.cmp-contentnavigation__list-link:focus,
.cmp-contentnavigation__list-link:focus-visible {
  outline: none
}

.cmp-contentnavigation__list-link:focus-visible,
.cmp-contentnavigation__list-link:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-contentnavigation__list-link.focus-visible {
    outline: none
  }

  .cmp-contentnavigation__list-link.focus-visible,
  .cmp-contentnavigation__list-link.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-contentnavigation__list-link:focus-visible {
  color: #262626
}

@supports (display:block) {
  .cmp-contentnavigation__list-link.focus-visible {
    color: #262626
  }
}

.cmp-contentnavigation__list-link:focus-visible {
  background-color: #0000
}

@supports (display:block) {
  .cmp-contentnavigation__list-link.focus-visible {
    background-color: #0000
  }
}

.cmp-contentnavigation__list-link:disabled,
.cmp-contentnavigation__list-link[aria-disabled=true] {
  background-color: #0000;
  color: #bbb;
  pointer-events: none
}

.cmp-contentnavigation__list-link:disabled:focus-visible,
.cmp-contentnavigation__list-link[aria-disabled=true]:focus-visible {
  color: #bbb
}

@supports (display:block) {

  .cmp-contentnavigation__list-link:disabled.focus-visible,
  .cmp-contentnavigation__list-link[aria-disabled=true].focus-visible {
    color: #bbb
  }
}

@media screen and (max-width:767px) {

  .cmp-contentnavigation__list-link:focus,
  .cmp-contentnavigation__list-link:focus-visible {
    outline: none
  }

  .cmp-contentnavigation__list-link:focus-visible,
  .cmp-contentnavigation__list-link:focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }

  @supports (display:block) {
    .cmp-contentnavigation__list-link.focus-visible {
      outline: none
    }

    .cmp-contentnavigation__list-link.focus-visible,
    .cmp-contentnavigation__list-link.focus-visible:hover {
      box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
    }
  }

  .cmp-contentnavigation__list-link:focus-visible {
    border-width: 0
  }

  @supports (display:block) {
    .cmp-contentnavigation__list-link.focus-visible {
      border-width: 0
    }
  }

  .cmp-contentnavigation__list-link:focus-visible {
    padding-left: 1.5rem
  }

  @supports (display:block) {
    .cmp-contentnavigation__list-link.focus-visible {
      padding-left: 1.5rem
    }
  }
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation__list-item {
    min-height: 100%;
    width: auto
  }

  .cmp-contentnavigation__list-link {
    border-color: #0000;
    border-style: solid;
    border-width: .25rem 0;
    font-size: var(--body-2-font-size);
    font-weight: var(--clickable-font-weight);
    justify-content: center;
    line-height: var(--body-2-line-height);
    margin: 0;
    min-height: inherit;
    min-width: 0;
    padding: 0 1rem;
    pointer-events: all;
    width: auto
  }

  .cmp-contentnavigation__list-link:focus,
  .cmp-contentnavigation__list-link:focus-visible {
    outline: none
  }

  .cmp-contentnavigation__list-link:focus-visible,
  .cmp-contentnavigation__list-link:focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }

  @supports (display:block) {
    .cmp-contentnavigation__list-link.focus-visible {
      outline: none
    }

    .cmp-contentnavigation__list-link.focus-visible,
    .cmp-contentnavigation__list-link.focus-visible:hover {
      box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
    }
  }

  .cmp-contentnavigation__list-link:focus-visible {
    border-bottom-width: 0
  }

  @supports (display:block) {
    .cmp-contentnavigation__list-link.focus-visible {
      border-bottom-width: 0
    }
  }

  .cmp-contentnavigation__list-link:focus-visible {
    padding-bottom: .25rem
  }

  @supports (display:block) {
    .cmp-contentnavigation__list-link.focus-visible {
      padding-bottom: .25rem
    }
  }

  .cmp-contentnavigation__list-link.cmp-contentnavigation__list-link--active,
  .cmp-contentnavigation__list-link:active,
  .cmp-contentnavigation__list-link:focus {
    border-bottom-color: #4d4d4d;
    color: #262626
  }
}

@media screen and (min-width:768px) and (hover:hover) and (pointer:fine) {
  .cmp-contentnavigation__list-link:hover {
    border-bottom-color: #4d4d4d
  }
}

.cmp-contentnavigation__selected-value {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  justify-content: space-between;
  margin-left: -1rem;
  min-height: 3.25rem;
  padding: .25rem 1rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: none;
  width: calc(100% + 1rem);
  z-index: 10
}

.cmp-contentnavigation__selected-value,
.cmp-contentnavigation__selected-value:active,
.cmp-contentnavigation__selected-value:focus,
.cmp-contentnavigation__selected-value:hover {
  background-color: #fffffff2;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-contentnavigation__selected-value:hover {
    background-color: #fffffff2;
    box-shadow: none;
    color: #262626
  }
}

.cmp-contentnavigation__selected-value:focus,
.cmp-contentnavigation__selected-value:focus-visible {
  outline: none
}

.cmp-contentnavigation__selected-value:focus-visible,
.cmp-contentnavigation__selected-value:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-contentnavigation__selected-value.focus-visible {
    outline: none
  }

  .cmp-contentnavigation__selected-value.focus-visible,
  .cmp-contentnavigation__selected-value.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-contentnavigation__selected-value:focus-visible {
  color: #262626
}

@supports (display:block) {
  .cmp-contentnavigation__selected-value.focus-visible {
    color: #262626
  }
}

.cmp-contentnavigation__selected-value:focus-visible {
  background-color: #fffffff2
}

@supports (display:block) {
  .cmp-contentnavigation__selected-value.focus-visible {
    background-color: #fffffff2
  }
}

.cmp-contentnavigation__selected-value:disabled,
.cmp-contentnavigation__selected-value[aria-disabled=true] {
  background-color: #0000;
  color: #bbb;
  pointer-events: none
}

.cmp-contentnavigation__selected-value:disabled:focus-visible,
.cmp-contentnavigation__selected-value[aria-disabled=true]:focus-visible {
  color: #bbb
}

@supports (display:block) {

  .cmp-contentnavigation__selected-value:disabled.focus-visible,
  .cmp-contentnavigation__selected-value[aria-disabled=true].focus-visible {
    color: #bbb
  }
}

.cmp-contentnavigation__selected-value:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrow_chevron_down";
  direction: ltr;
  display: block;
  display: inline-flex;
  font-family: "bmw_next_icons";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  margin-right: -1rem;
  outline: 1px solid #0000;
  position: relative;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  transition: transform .5s ease-in-out;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-contentnavigation__selected-value:after {
    display: none
  }
}

.cmp-contentnavigation__selected-value:before {
  background-color: #e6e6e6;
  bottom: -1px;
  content: "";
  display: block;
  height: 1px;
  left: -1.5rem;
  position: absolute;
  width: calc(100% + 2rem)
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation__selected-value:before {
    left: -3rem
  }

  .cmp-contentnavigation__selected-value {
    display: none
  }
}

.cmp-contentnavigation .style-page--print,
.style-page--print .cmp-contentnavigation {
  display: none
}

@media print {
  .cmp-contentnavigation {
    display: none
  }
}

.cmp-contentnavigation--v3 {
  display: flex;
  opacity: 1;
  transition: opacity .25s ease-in-out;
  word-break: normal;
  z-index: 6010
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__spinner {
  --size: 3rem;
  --factor: 1;
  background: #fff;
  bottom: 0;
  left: 0;
  position: absolute;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity .5s ease-in-out;
  z-index: 6020
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__spinner:before {
  animation-duration: 1.2s, 1.2s, .6s;
  animation-iteration-count: infinite, 1, 1;
  animation-name: spin, fade-in, grow;
  animation-timing-function: linear;
  border-color: #0000 #262626;
  border-radius: 50%;
  border-style: solid;
  border-width: calc(var(--size)*var(--factor)/6);
  bottom: 0;
  box-sizing: border-box;
  content: "";
  height: calc(var(--size)*var(--factor));
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(45deg);
  width: calc(var(--size)*var(--factor));
  z-index: 11
}

@media screen and (min-width:1024px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__spinner:before {
    --factor: 1.33
  }
}

@media screen and (min-width:1280px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__spinner:before {
    --factor: 1.66
  }
}

@keyframes fade-in {
  0% {
    background-color: #0000
  }

  to {
    background-color: #ffffffd6
  }
}

@keyframes spin {
  0% {
    transform: rotate(45deg)
  }

  to {
    transform: rotate(405deg)
  }
}

@keyframes grow {
  0% {
    height: calc(var(--size)*var(--factor)*.5);
    width: calc(var(--size)*var(--factor)*.5)
  }

  to {
    height: calc(var(--size)*var(--factor));
    width: calc(var(--size)*var(--factor))
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__spinner--loaded {
  opacity: 0;
  pointer-events: none
}

.cmp-contentnavigation--v3+.cmp-contentnavigation__wrapper--placeholder {
  display: none
}

.cmp-contentnavigation--v3:not(.cmp-contentnavigation--active, .cmp-contentnavigation--fixed) {
  position: relative
}

.cmp-contentnavigation--v3.cmp-contentnavigation--fixed[data-tracking-regionid] {
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 6020
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__dropdown-list {
  background-color: #fff;
  display: flex;
  gap: 0;
  justify-content: space-between;
  position: relative;
  transition: none;
  z-index: 10
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__dropdown-list {
    display: none
  }
}

@media screen and (max-width:767px) {
  .cmp-contentnavigation--v3.cmp-contentnavigation--fixed:not(.cmp-contentnavigation--active) .cmp-contentnavigation__dropdown-list {
    padding: 0 1.5rem
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__outer-wrapper {
  flex-grow: 1;
  overflow: hidden;
  position: relative
}

@media screen and (max-width:767px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__wrapper {
    overflow-y: auto
  }
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__wrapper {
    height: 3.25rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__wrapper {
    height: 5.25rem
  }
}

@media screen and (max-width:1279px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__title {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    display: inline;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
  }
}

@media screen and (min-width:1280px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__title {
    align-items: center;
    display: flex;
    font-size: var(--body-1-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--body-1-line-height);
    margin-right: 3rem
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list--primary {
  gap: .5rem;
  white-space: unset
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list--primary {
    white-space: nowrap
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list-item {
  align-items: center;
  display: flex
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list-link {
  border-left: .25rem solid;
  font-size: var(--body-2-font-size);
  font-weight: var(--input-font-weight);
  line-height: var(--body-2-line-height);
  padding: .75rem calc(var(--grid-full) - .25rem);
  pointer-events: all
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link {
    border-left: 0;
    padding: 0 .5rem
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list-link:not(.cmp-contentnavigation__list-link--cta-primary) {
  min-width: auto;
  text-align: start;
  width: auto
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link:not(.cmp-contentnavigation__list-link--cta-primary) {
    text-align: center
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--active {
  border-bottom-color: #262626;
  color: #262626
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list-link:not(.cmp-contentnavigation__list-link--active) {
  border-color: #0000
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__selected-value {
  color: #666;
  font-size: var(--body-2-font-size);
  font-weight: var(--input-font-weight);
  gap: .5rem;
  line-height: var(--body-2-line-height);
  margin: 0;
  padding: 0;
  padding-right: var(--grid-margin);
  text-align: start;
  width: 100%
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__selected-value:after {
  content: unset
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__selected-value {
    font-size: var(--body-2-font-size);
    font-weight: var(--clickable-font-weight);
    line-height: var(--body-2-line-height);
    text-align: center
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__selected-value-icon {
  font-size: 1.5rem;
  transition: transform .5s ease-in-out
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__selected-value-icon:before {
  font-size: inherit;
  font-weight: 400
}

.cmp-contentnavigation--v3.cmp-contentnavigation--active .cmp-contentnavigation__selected-value-icon {
  transform: rotate(-180deg)
}

@media screen and (min-width:768px) {
  .style--mask-left .cmp-contentnavigation__wrapper {
    -webkit-mask: linear-gradient(to right, #fff0 0, #fff calc(var(--grid-full)*3));
    mask: linear-gradient(to right, #fff0 0, #fff calc(var(--grid-full)*3));
    visibility: visible
  }

  .style--mask-right .cmp-contentnavigation__wrapper {
    -webkit-mask: linear-gradient(to left, #fff0 0, #fff calc(var(--grid-full)*3));
    mask: linear-gradient(to left, #fff0 0, #fff calc(var(--grid-full)*3));
    visibility: visible
  }

  .style--mask-left.style--mask-right .cmp-contentnavigation__wrapper {
    -webkit-mask: linear-gradient(to left, #fff0 0, #fff calc(var(--grid-full)*3)) right, linear-gradient(to right, #fff0 0, #fff calc(var(--grid-full)*3)) left;
    mask: linear-gradient(to left, #fff0 0, #fff calc(var(--grid-full)*3)) right, linear-gradient(to right, #fff0 0, #fff calc(var(--grid-full)*3)) left;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 51% 100%;
    mask-size: 51% 100%;
    visibility: visible
  }

  .style--mask-left .cmp-contentnavigation__arrow-left,
  .style--mask-right .cmp-contentnavigation__arrow-right {
    background: #0000;
    border: 0;
    padding: 0;
    visibility: visible
  }
}

.style-contentnavigation__background--solid-white .cmp-contentnavigation__background {
  background: #fff
}

.style-contentnavigation--hide .cmp-contentnavigation--v3 {
  left: 0;
  opacity: 0;
  
  position: fixed;
  width: 100%
}

.style-contentnavigation--hide .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link,
.style-contentnavigation--hide .cmp-contentnavigation--v3 .cmp-contentnavigation__selected-value {
  pointer-events: none
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__wrapper--secondary {
  position: relative
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__wrapper--secondary {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    padding-left: 3rem
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary:after {
  background: #e6e6e6;
  content: "";
  height: 1px;
  left: 1.5rem;
  margin-left: .25rem;
  position: absolute;
  right: 1.5rem;
  top: 0
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary:after {
    content: none
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset)
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link,
.cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:active,
.cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:focus,
.cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:hover {
  background-color: #0000;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:hover {
    background-color: #0000;
    box-shadow: none;
    color: #666
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:focus-visible,
.cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link.focus-visible {
    outline: none
  }

  .cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link.focus-visible,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:focus-visible {
  color: #666
}

@supports (display:block) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link.focus-visible {
    color: #666
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:focus-visible {
  background-color: #0000
}

@supports (display:block) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link.focus-visible {
    background-color: #0000
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:disabled,
.cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link[aria-disabled=true] {
  background-color: #0000;
  color: #bbb;
  pointer-events: none
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:disabled:focus-visible,
.cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link[aria-disabled=true]:focus-visible {
  color: #bbb
}

@supports (display:block) {

  .cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:disabled.focus-visible,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link[aria-disabled=true].focus-visible {
    color: #bbb
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:focus,
.cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:focus-visible {
  outline: none
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:focus-visible,
.cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link.focus-visible {
    outline: none
  }

  .cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link.focus-visible,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link {
    padding: 0 1.25rem
  }

  .cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary {
    background: #fff;
    box-shadow: 0 .25rem .75rem 0 #00000029, 0 0 .0625rem 0 #0000003d;
    flex-direction: column;
    float: none;
    height: 0;
    left: unset;
    margin-top: .25rem;
    padding: 1rem 0;
    position: absolute;
    right: 0;
    top: 100%;
    visibility: hidden;
    width: -moz-fit-content;
    width: fit-content
  }

  .cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-item:not(:last-child) {
    margin: 0 0 1rem
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__icon {
  margin-right: .25rem
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__dropdown-list:before {
  background-color: #e6e6e6;
  bottom: -1px;
  content: "";
  display: block;
  height: 1px;
  left: -1.5rem;
  position: absolute;
  width: calc(100% + 3rem)
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__list-item {
  max-width: 50%
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__list-item:nth-child(2) {
  justify-content: flex-end
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__selected-value {
  justify-content: flex-start;
  max-width: 100%;
  min-width: auto
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__selected-value-label {
  -webkit-line-clamp: var(--singleline-support, 2);
  -webkit-box-orient: vertical;
  display: var(--singleline-support, -webkit-box);
  overflow: hidden;
  text-overflow: ellipsis
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__list-link--cta-primary {
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
  display: inline-flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  justify-content: center;
  line-height: var(--body-2-line-height);
  margin-right: 0;
  max-width: 100%;
  min-height: 2.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  width: auto
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__link-label,
.cmp-contentnavigation--v3 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__link-label--small {
  overflow: hidden;
  text-overflow: ellipsis
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__list-link--cta-primary:after {
  margin-left: .25rem
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__dropdown-list--no-cta-mobile .cmp-contentnavigation__list-item {
  max-width: 100%
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__dropdown-list--no-cta-mobile .cmp-contentnavigation__selected-value {
  justify-content: space-between;
  padding: 0
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__dropdown-list--no-cta-mobile .cmp-contentnavigation__selected-value-label {
  width: auto
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__link-label--small {
    display: none
  }
}

@media screen and (max-width:767px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__link-label--large {
    display: none
  }
}

.cmp-contentnavigation--v3.cmp-contentnavigation--active .cmp-contentnavigation__dropdown-list {
  padding: 0 1.5rem
}

.cmp-contentnavigation--v3.cmp-contentnavigation--active .cmp-contentnavigation__list--cta .cmp-contentnavigation__list-link--cta-primary {
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
  display: inline-flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  justify-content: center;
  line-height: var(--body-2-line-height);
  margin: .5rem 1.75rem;
  min-height: 3.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap
}

.cmp-contentnavigation--v3.cmp-contentnavigation--active .cmp-contentnavigation__wrapper--secondary .cmp-contentnavigation__list-link--cta-primary {
  display: none
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle--active+.cmp-contentnavigation__list--cta,
.cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle--active+.cmp-contentnavigation__list--secondary {
  height: inherit;
  visibility: visible
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle {
  display: none
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle .cmp-contentnavigation__dot {
  background: currentColor;
  border-radius: 50%;
  font-size: .25rem;
  height: 1em;
  margin: .25em;
  width: 1em
}

@media screen and (min-width:1280px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle .cmp-contentnavigation__dot {
    font-size: .375rem
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle.cmp-contentnavigation__contextual-links-toggle--active:not(:hover) {
  color: #0653b6
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle {
    align-items: center;
    border: 0;
    border-radius: 3px;
    box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
    cursor: pointer;
    display: inline-flex;
    display: flex;
    justify-content: center;
    min-height: 2.25rem;
    padding: .5rem;
    text-align: center;
    text-decoration: none;
    white-space: nowrap
  }

  .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle:active,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle:focus,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle:hover {
    background-color: #0000;
    color: #262626
  }
}

@media screen and (min-width:768px) and (hover:hover) and (pointer:fine) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle:hover {
    background-color: #0000;
    box-shadow: none;
    color: #1c69d4
  }
}

@media screen and (min-width:768px) {

  .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle:focus,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle:focus-visible {
    outline: none
  }

  .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle:focus-visible,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle:focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

@media screen and (min-width:768px) {
  @supports (display:block) {
    .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle.focus-visible {
      outline: none
    }

    .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle.focus-visible,
    .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle.focus-visible:hover {
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle:focus-visible {
    color: #1c69d4
  }
}

@media screen and (min-width:768px) {
  @supports (display:block) {
    .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle.focus-visible {
      color: #1c69d4
    }
  }
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle:focus-visible {
    background-color: #0000
  }
}

@media screen and (min-width:768px) {
  @supports (display:block) {
    .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle.focus-visible {
      background-color: #0000
    }
  }
}

@media screen and (min-width:768px) {

  .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle:disabled,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle[aria-disabled=true] {
    background-color: #0000;
    color: #bbb;
    pointer-events: none
  }

  .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle:disabled:focus-visible,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle[aria-disabled=true]:focus-visible {
    color: #bbb
  }

  @supports (display:block) {

    .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle:disabled.focus-visible,
    .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle[aria-disabled=true].focus-visible {
      color: #bbb
    }
  }
}

@media screen and (min-width:1280px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle {
    min-height: 3.25rem;
    padding: .75rem
  }

  .cmp-contentnavigation--v3 .cmp-contentnavigation__contextual-links-toggle[data-linkcount="2"] {
    display: none
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list--cta {
  overflow: visible;
  padding: 0
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list--cta .cmp-contentnavigation__list-item:not(:last-child) {
  margin: 0
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list--cta {
    margin: 0 .5rem
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-item:first-child {
  display: none
}

@media screen and (min-width:1280px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-item:nth-child(2) {
    display: none
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list-item--cta:not(:last-child) {
  margin: 0
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-primary {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  justify-content: center;
  line-height: var(--body-2-line-height);
  min-height: 2.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-primary,
.cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-primary:active,
.cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-primary:focus,
.cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-primary:hover {
  background-color: #1c69d4;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-primary:hover {
    background-color: #0653b6;
    box-shadow: none;
    color: #fff
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-primary:focus,
.cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-primary:focus-visible {
  outline: none
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-primary:focus-visible,
.cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-primary:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-primary.focus-visible {
    outline: none
  }

  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-primary.focus-visible,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-primary.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-primary:focus-visible {
  color: #fff
}

@supports (display:block) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-primary.focus-visible {
    color: #fff
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-primary:focus-visible {
  background-color: #0653b6
}

@supports (display:block) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-primary.focus-visible {
    background-color: #0653b6
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-primary:disabled,
.cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-primary[aria-disabled=true] {
  background-color: #bbd2f3;
  pointer-events: none
}

@media screen and (min-width:1280px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-primary {
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    min-height: 3.25rem;
    padding: .25rem;
    text-align: center;
    text-decoration: none;
    white-space: nowrap
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary {
  display: none
}

@media screen and (min-width:1280px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary {
    align-items: center;
    border: 0;
    border-radius: 3px;
    box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
    cursor: pointer;
    display: inline-flex;
    display: flex;
    justify-content: center;
    min-height: 3.25rem;
    padding: .25rem;
    text-align: center;
    text-decoration: none;
    white-space: nowrap
  }

  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary:active,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary:focus,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary:hover {
    background-color: #0000;
    color: #262626
  }
}

@media screen and (min-width:1280px) and (hover:hover) and (pointer:fine) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary:hover {
    background-color: #0000;
    box-shadow: none;
    color: #666
  }
}

@media screen and (min-width:1280px) {

  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary:focus,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary:focus-visible {
    outline: none
  }

  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary:focus-visible,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary:focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

@media screen and (min-width:1280px) {
  @supports (display:block) {
    .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary.focus-visible {
      outline: none
    }

    .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary.focus-visible,
    .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary.focus-visible:hover {
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }
}

@media screen and (min-width:1280px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary:focus-visible {
    color: #666
  }
}

@media screen and (min-width:1280px) {
  @supports (display:block) {
    .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary.focus-visible {
      color: #666
    }
  }
}

@media screen and (min-width:1280px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary:focus-visible {
    background-color: #0000
  }
}

@media screen and (min-width:1280px) {
  @supports (display:block) {
    .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary.focus-visible {
      background-color: #0000
    }
  }
}

@media screen and (min-width:1280px) {

  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary:disabled,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary[aria-disabled=true] {
    background-color: #0000;
    color: #bbb;
    pointer-events: none
  }

  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary:disabled:focus-visible,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary[aria-disabled=true]:focus-visible {
    color: #bbb
  }

  @supports (display:block) {

    .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary:disabled.focus-visible,
    .cmp-contentnavigation--v3 .cmp-contentnavigation__list-link--cta-secondary[aria-disabled=true].focus-visible {
      color: #bbb
    }
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__list-link--cta-primary,
.cmp-contentnavigation--v3 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__list-link--cta-secondary,
.cmp-contentnavigation--v3 .cmp-contentnavigation__list--cta .cmp-contentnavigation__list-link--cta-primary,
.cmp-contentnavigation--v3 .cmp-contentnavigation__list--cta .cmp-contentnavigation__list-link--cta-secondary {
  padding-left: .75rem;
  padding-right: .75rem
}

@media screen and (min-width:768px) {

  .cmp-contentnavigation--v3 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__list-link--cta-primary,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__list-link--cta-secondary,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list--cta .cmp-contentnavigation__list-link--cta-primary,
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list--cta .cmp-contentnavigation__list-link--cta-secondary {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}

.cmp-contentnavigation--v3 .cmp-contentnavigation__list-item--cta .cmp-contentnavigation__icon {
  display: none
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v3 .cmp-contentnavigation__list-item--cta .cmp-contentnavigation__icon {
    display: inline-flex;
    margin-right: .25rem
  }
}

.cmp-contentnavigation .style-page--print,
.style-page--print .cmp-contentnavigation {
  display: none
}

@media print {
  .cmp-contentnavigation {
    display: none
  }
}

.cmp-contentnavigation--v2 {
  display: flex;
  opacity: 1;
  transition: opacity .25s ease-in-out;
  word-break: normal;
  z-index: 6010
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__spinner {
  --size: 3rem;
  --factor: 1;
  background: #fff;
  bottom: 0;
  left: 0;
  position: absolute;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity .5s ease-in-out;
  z-index: 6020
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__spinner:before {
  animation-duration: 1.2s, 1.2s, .6s;
  animation-iteration-count: infinite, 1, 1;
  animation-name: spin, fade-in, grow;
  animation-timing-function: linear;
  border-color: #0000 #262626;
  border-radius: 50%;
  border-style: solid;
  border-width: calc(var(--size)*var(--factor)/6);
  bottom: 0;
  box-sizing: border-box;
  content: "";
  height: calc(var(--size)*var(--factor));
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(45deg);
  width: calc(var(--size)*var(--factor));
  z-index: 11
}

@media screen and (min-width:1024px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__spinner:before {
    --factor: 1.33
  }
}

@media screen and (min-width:1280px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__spinner:before {
    --factor: 1.66
  }
}

@keyframes fade-in {
  0% {
    background-color: #0000
  }

  to {
    background-color: #ffffffd6
  }
}

@keyframes spin {
  0% {
    transform: rotate(45deg)
  }

  to {
    transform: rotate(405deg)
  }
}

@keyframes grow {
  0% {
    height: calc(var(--size)*var(--factor)*.5);
    width: calc(var(--size)*var(--factor)*.5)
  }

  to {
    height: calc(var(--size)*var(--factor));
    width: calc(var(--size)*var(--factor))
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__spinner--loaded {
  opacity: 0;
  pointer-events: none
}

.cmp-contentnavigation--v2+.cmp-contentnavigation__wrapper--placeholder {
  display: none
}

.cmp-contentnavigation--v2:not(.cmp-contentnavigation--active, .cmp-contentnavigation--fixed) {
  position: relative
}

.cmp-contentnavigation--v2.cmp-contentnavigation--fixed[data-tracking-regionid] {
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 6020
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__dropdown-list {
  background-color: #fff;
  display: flex;
  gap: 0;
  justify-content: space-between;
  position: relative;
  transition: none;
  z-index: 10
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__dropdown-list {
    display: none
  }
}

@media screen and (max-width:767px) {
  .cmp-contentnavigation--v2.cmp-contentnavigation--fixed:not(.cmp-contentnavigation--active) .cmp-contentnavigation__dropdown-list {
    padding: 0 1.5rem
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__outer-wrapper {
  flex-grow: 1;
  overflow: hidden;
  position: relative
}

@media screen and (max-width:767px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__wrapper {
    overflow-y: auto
  }
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__wrapper {
    height: 3.25rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__wrapper {
    height: 5.25rem
  }
}

@media screen and (max-width:1279px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__title {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    display: inline;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
  }
}

@media screen and (min-width:1280px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__title {
    align-items: center;
    display: flex;
    font-size: var(--body-1-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--body-1-line-height);
    margin-right: 3rem
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list--primary {
  white-space: unset
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list--primary {
    white-space: nowrap
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list-item {
  align-items: center;
  display: flex
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-item:not(:last-child) {
    margin-right: .5rem
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list-link {
  border-left: .25rem solid;
  font-size: var(--body-2-font-size);
  font-weight: var(--input-font-weight);
  line-height: var(--body-2-line-height);
  padding: .75rem calc(var(--grid-full) - .25rem);
  pointer-events: all
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link {
    border-left: 0;
    padding: 0 .5rem
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list-link:not(.cmp-contentnavigation__list-link--cta-primary) {
  min-width: auto;
  text-align: start;
  width: auto
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link:not(.cmp-contentnavigation__list-link--cta-primary) {
    text-align: center
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--active {
  border-bottom-color: #262626;
  color: #262626
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list-link:not(.cmp-contentnavigation__list-link--active) {
  border-color: #0000
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__selected-value {
  color: #666;
  font-size: var(--body-2-font-size);
  font-weight: var(--input-font-weight);
  gap: .5rem;
  line-height: var(--body-2-line-height);
  margin: 0;
  padding: 0;
  padding-right: var(--grid-margin);
  text-align: start;
  width: 100%
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__selected-value:after {
  content: unset
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__selected-value {
    font-size: var(--body-2-font-size);
    font-weight: var(--clickable-font-weight);
    line-height: var(--body-2-line-height);
    text-align: center
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__selected-value-icon {
  font-size: 1.5rem;
  transition: transform .5s ease-in-out
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__selected-value-icon:before {
  font-size: inherit;
  font-weight: 400
}

.cmp-contentnavigation--v2.cmp-contentnavigation--active .cmp-contentnavigation__selected-value-icon {
  transform: rotate(-180deg)
}

@media screen and (min-width:768px) {
  .style--mask-left .cmp-contentnavigation__wrapper {
    -webkit-mask: linear-gradient(to right, #fff0 0, #fff calc(var(--grid-full)*3));
    mask: linear-gradient(to right, #fff0 0, #fff calc(var(--grid-full)*3));
    visibility: visible
  }

  .style--mask-right .cmp-contentnavigation__wrapper {
    -webkit-mask: linear-gradient(to left, #fff0 0, #fff calc(var(--grid-full)*3));
    mask: linear-gradient(to left, #fff0 0, #fff calc(var(--grid-full)*3));
    visibility: visible
  }

  .style--mask-left.style--mask-right .cmp-contentnavigation__wrapper {
    -webkit-mask: linear-gradient(to left, #fff0 0, #fff calc(var(--grid-full)*3)) right, linear-gradient(to right, #fff0 0, #fff calc(var(--grid-full)*3)) left;
    mask: linear-gradient(to left, #fff0 0, #fff calc(var(--grid-full)*3)) right, linear-gradient(to right, #fff0 0, #fff calc(var(--grid-full)*3)) left;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 51% 100%;
    mask-size: 51% 100%;
    visibility: visible
  }

  .style--mask-left .cmp-contentnavigation__arrow-left,
  .style--mask-right .cmp-contentnavigation__arrow-right {
    background: #0000;
    border: 0;
    padding: 0;
    visibility: visible
  }
}

.style-contentnavigation__background--solid-white .cmp-contentnavigation__background {
  background: #fff
}

.style-contentnavigation--hide .cmp-contentnavigation--v2 {
  left: 0;
  opacity: 0;
  
  position: fixed;
  width: 100%
}

.style-contentnavigation--hide .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link,
.style-contentnavigation--hide .cmp-contentnavigation--v2 .cmp-contentnavigation__selected-value {
  pointer-events: none
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__wrapper--secondary {
  position: relative
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__wrapper--secondary {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    padding-left: 3rem
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary:after {
  background: #e6e6e6;
  content: "";
  height: 1px;
  left: 1.5rem;
  margin-left: .25rem;
  position: absolute;
  right: 1.5rem;
  top: 0
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary:after {
    content: none
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset)
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link,
.cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:active,
.cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:focus,
.cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:hover {
  background-color: #0000;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:hover {
    background-color: #0000;
    box-shadow: none;
    color: #666
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:focus-visible,
.cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link.focus-visible {
    outline: none
  }

  .cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link.focus-visible,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:focus-visible {
  color: #666
}

@supports (display:block) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link.focus-visible {
    color: #666
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:focus-visible {
  background-color: #0000
}

@supports (display:block) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link.focus-visible {
    background-color: #0000
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:disabled,
.cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link[aria-disabled=true] {
  background-color: #0000;
  color: #bbb;
  pointer-events: none
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:disabled:focus-visible,
.cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link[aria-disabled=true]:focus-visible {
  color: #bbb
}

@supports (display:block) {

  .cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:disabled.focus-visible,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link[aria-disabled=true].focus-visible {
    color: #bbb
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:focus,
.cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:focus-visible {
  outline: none
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:focus-visible,
.cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link.focus-visible {
    outline: none
  }

  .cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link.focus-visible,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-link {
    padding: 0 1.25rem
  }

  .cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary {
    background: #fff;
    box-shadow: 0 .25rem .75rem 0 #00000029, 0 0 .0625rem 0 #0000003d;
    flex-direction: column;
    float: none;
    height: 0;
    left: unset;
    margin-top: .25rem;
    padding: 1rem 0;
    position: absolute;
    right: 0;
    top: 100%;
    visibility: hidden;
    width: -moz-fit-content;
    width: fit-content
  }

  .cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-item:not(:last-child) {
    margin: 0 0 1rem
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__icon {
  margin-right: .25rem
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__dropdown-list:before {
  background-color: #e6e6e6;
  bottom: -1px;
  content: "";
  display: block;
  height: 1px;
  left: -1.5rem;
  position: absolute;
  width: calc(100% + 3rem)
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__list-item {
  max-width: 50%
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__list-item:nth-child(2) {
  justify-content: flex-end
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__selected-value {
  justify-content: flex-start;
  max-width: 100%;
  min-width: auto
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__selected-value-label {
  -webkit-line-clamp: var(--singleline-support, 2);
  -webkit-box-orient: vertical;
  display: var(--singleline-support, -webkit-box);
  overflow: hidden;
  text-overflow: ellipsis
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__list-link--cta-primary {
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
  display: inline-flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  justify-content: center;
  line-height: var(--body-2-line-height);
  margin-right: 0;
  max-width: 100%;
  min-height: 2.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  width: auto
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__link-label,
.cmp-contentnavigation--v2 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__link-label--small {
  overflow: hidden;
  text-overflow: ellipsis
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__list-link--cta-primary:after {
  margin-left: .25rem
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__dropdown-list--no-cta-mobile .cmp-contentnavigation__list-item {
  max-width: 100%
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__dropdown-list--no-cta-mobile .cmp-contentnavigation__selected-value {
  justify-content: space-between;
  padding: 0
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__dropdown-list--no-cta-mobile .cmp-contentnavigation__selected-value-label {
  width: auto
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__link-label--small {
    display: none
  }
}

@media screen and (max-width:767px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__link-label--large {
    display: none
  }
}

.cmp-contentnavigation--v2.cmp-contentnavigation--active .cmp-contentnavigation__dropdown-list {
  padding: 0 1.5rem
}

.cmp-contentnavigation--v2.cmp-contentnavigation--active .cmp-contentnavigation__list--cta .cmp-contentnavigation__list-link--cta-primary {
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
  display: inline-flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  justify-content: center;
  line-height: var(--body-2-line-height);
  margin: .5rem 1.75rem;
  min-height: 3.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap
}

.cmp-contentnavigation--v2.cmp-contentnavigation--active .cmp-contentnavigation__wrapper--secondary .cmp-contentnavigation__list-link--cta-primary {
  display: none
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle--active+.cmp-contentnavigation__list--cta,
.cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle--active+.cmp-contentnavigation__list--secondary {
  height: inherit;
  visibility: visible
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle {
  display: none
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle .cmp-contentnavigation__dot {
  background: currentColor;
  border-radius: 50%;
  font-size: .25rem;
  height: 1em;
  margin: .25em;
  width: 1em
}

@media screen and (min-width:1280px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle .cmp-contentnavigation__dot {
    font-size: .375rem
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle.cmp-contentnavigation__contextual-links-toggle--active:not(:hover) {
  color: #0653b6
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle {
    align-items: center;
    border: 0;
    border-radius: 3px;
    box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
    cursor: pointer;
    display: inline-flex;
    display: flex;
    justify-content: center;
    min-height: 2.25rem;
    padding: .5rem;
    text-align: center;
    text-decoration: none;
    white-space: nowrap
  }

  .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle:active,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle:focus,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle:hover {
    background-color: #0000;
    color: #262626
  }
}

@media screen and (min-width:768px) and (hover:hover) and (pointer:fine) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle:hover {
    background-color: #0000;
    box-shadow: none;
    color: #1c69d4
  }
}

@media screen and (min-width:768px) {

  .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle:focus,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle:focus-visible {
    outline: none
  }

  .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle:focus-visible,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle:focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

@media screen and (min-width:768px) {
  @supports (display:block) {
    .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle.focus-visible {
      outline: none
    }

    .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle.focus-visible,
    .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle.focus-visible:hover {
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle:focus-visible {
    color: #1c69d4
  }
}

@media screen and (min-width:768px) {
  @supports (display:block) {
    .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle.focus-visible {
      color: #1c69d4
    }
  }
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle:focus-visible {
    background-color: #0000
  }
}

@media screen and (min-width:768px) {
  @supports (display:block) {
    .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle.focus-visible {
      background-color: #0000
    }
  }
}

@media screen and (min-width:768px) {

  .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle:disabled,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle[aria-disabled=true] {
    background-color: #0000;
    color: #bbb;
    pointer-events: none
  }

  .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle:disabled:focus-visible,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle[aria-disabled=true]:focus-visible {
    color: #bbb
  }

  @supports (display:block) {

    .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle:disabled.focus-visible,
    .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle[aria-disabled=true].focus-visible {
      color: #bbb
    }
  }
}

@media screen and (min-width:1280px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle {
    min-height: 3.25rem;
    padding: .75rem
  }

  .cmp-contentnavigation--v2 .cmp-contentnavigation__contextual-links-toggle[data-linkcount="2"] {
    display: none
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list--cta {
  overflow: visible;
  padding: 0
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list--cta .cmp-contentnavigation__list-item:not(:last-child) {
  margin: 0
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list--cta {
    margin: 0 .5rem
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-item:first-child {
  display: none
}

@media screen and (min-width:1280px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list--secondary .cmp-contentnavigation__list-item:nth-child(2) {
    display: none
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list-item--cta:not(:last-child) {
  margin: 0
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-primary {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  justify-content: center;
  line-height: var(--body-2-line-height);
  min-height: 2.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-primary,
.cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-primary:active,
.cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-primary:focus,
.cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-primary:hover {
  background-color: #1c69d4;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-primary:hover {
    background-color: #0653b6;
    box-shadow: none;
    color: #fff
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-primary:focus,
.cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-primary:focus-visible {
  outline: none
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-primary:focus-visible,
.cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-primary:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-primary.focus-visible {
    outline: none
  }

  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-primary.focus-visible,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-primary.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-primary:focus-visible {
  color: #fff
}

@supports (display:block) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-primary.focus-visible {
    color: #fff
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-primary:focus-visible {
  background-color: #0653b6
}

@supports (display:block) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-primary.focus-visible {
    background-color: #0653b6
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-primary:disabled,
.cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-primary[aria-disabled=true] {
  background-color: #bbd2f3;
  pointer-events: none
}

@media screen and (min-width:1280px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-primary {
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    min-height: 3.25rem;
    padding: .25rem;
    text-align: center;
    text-decoration: none;
    white-space: nowrap
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary {
  display: none
}

@media screen and (min-width:1280px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary {
    align-items: center;
    border: 0;
    border-radius: 3px;
    box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
    cursor: pointer;
    display: inline-flex;
    display: flex;
    justify-content: center;
    min-height: 3.25rem;
    padding: .25rem;
    text-align: center;
    text-decoration: none;
    white-space: nowrap
  }

  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary:active,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary:focus,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary:hover {
    background-color: #0000;
    color: #262626
  }
}

@media screen and (min-width:1280px) and (hover:hover) and (pointer:fine) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary:hover {
    background-color: #0000;
    box-shadow: none;
    color: #666
  }
}

@media screen and (min-width:1280px) {

  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary:focus,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary:focus-visible {
    outline: none
  }

  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary:focus-visible,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary:focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

@media screen and (min-width:1280px) {
  @supports (display:block) {
    .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary.focus-visible {
      outline: none
    }

    .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary.focus-visible,
    .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary.focus-visible:hover {
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }
}

@media screen and (min-width:1280px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary:focus-visible {
    color: #666
  }
}

@media screen and (min-width:1280px) {
  @supports (display:block) {
    .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary.focus-visible {
      color: #666
    }
  }
}

@media screen and (min-width:1280px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary:focus-visible {
    background-color: #0000
  }
}

@media screen and (min-width:1280px) {
  @supports (display:block) {
    .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary.focus-visible {
      background-color: #0000
    }
  }
}

@media screen and (min-width:1280px) {

  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary:disabled,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary[aria-disabled=true] {
    background-color: #0000;
    color: #bbb;
    pointer-events: none
  }

  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary:disabled:focus-visible,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary[aria-disabled=true]:focus-visible {
    color: #bbb
  }

  @supports (display:block) {

    .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary:disabled.focus-visible,
    .cmp-contentnavigation--v2 .cmp-contentnavigation__list-link--cta-secondary[aria-disabled=true].focus-visible {
      color: #bbb
    }
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__list-link--cta-primary,
.cmp-contentnavigation--v2 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__list-link--cta-secondary,
.cmp-contentnavigation--v2 .cmp-contentnavigation__list--cta .cmp-contentnavigation__list-link--cta-primary,
.cmp-contentnavigation--v2 .cmp-contentnavigation__list--cta .cmp-contentnavigation__list-link--cta-secondary {
  padding-left: .75rem;
  padding-right: .75rem
}

@media screen and (min-width:768px) {

  .cmp-contentnavigation--v2 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__list-link--cta-primary,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__dropdown-list .cmp-contentnavigation__list-link--cta-secondary,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list--cta .cmp-contentnavigation__list-link--cta-primary,
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list--cta .cmp-contentnavigation__list-link--cta-secondary {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}

.cmp-contentnavigation--v2 .cmp-contentnavigation__list-item--cta .cmp-contentnavigation__icon {
  display: none
}

@media screen and (min-width:768px) {
  .cmp-contentnavigation--v2 .cmp-contentnavigation__list-item--cta .cmp-contentnavigation__icon {
    display: inline-flex;
    margin-right: .25rem
  }
}

.cmp-contentfragmentenumeration__list {
  list-style-type: none
}

.cmp-contentfragmentenumeration__content {
  margin-bottom: .5rem
}

.cmp-contentfragmentenumeration__counter {
  float: left;
  font-size: 0
}

.cmp-contentfragmentenumeration__counter-item {
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height)
}

.cmp-contentfragmentenumeration__counter-item:last-child {
  margin-right: .25em
}

.cmp-contentfragmentenumeration__list--numbered .cmp-contentfragmentenumeration__counter-item,
.style-contentfragmentenumeration--typo-small .cmp-contentfragmentenumeration__content {
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height)
}

.cmp-contentfragment__element-value ol,
.cmp-contentfragment__element-value ul {
  padding-left: 1.25em
}

.cmp-contentfragment__element-value ul {
  list-style: disc
}

.cmp-contentfragment__element-value ul ul {
  list-style: circle
}

.style-container--hide-inside-popover .style-page--print,
.style-page--print .style-container--hide-inside-popover {
  display: none
}

@media print {
  .style-container--hide-inside-popover {
    display: none
  }
}

.cmp-container--config-style {
  padding-left: calc(var(--container-spacing-left, 0)*(var(--grid-addtional-spacing) - var(--grid-gutter)*2));
  padding-right: calc(var(--container-spacing-right, 0)*(var(--grid-addtional-spacing) - var(--grid-gutter)*2))
}

.style-container--start>.cmp-container:not(.cmp-container--config-style) {
  --container-text-align: start
}

.style-container--end>.cmp-container:not(.cmp-container--config-style) {
  --container-text-align: end
}

.style-container--center>.cmp-container:not(.cmp-container--config-style) {
  --container-text-align: center
}

.cmp-container {
  text-align: var(--container-text-align, start)
}

.cmp-container .cmp-button,
.cmp-container .cmp-title {
  justify-content: var(--container-text-align)
}

.cmp-container.cmp-container--flex-column>.aem-Grid>.aem-GridColumn {
  align-self: var(--container-text-align)
}

.cmp-container[data-valid-anchor=true] {
  scroll-margin-top: 3.25rem
}

@media screen and (min-width:1280px) {
  .cmp-container[data-valid-anchor=true] {
    scroll-margin-top: 5.25rem
  }
}

.cmp-container--clickable,
.cmp-container--has-shop-the-look {
  position: relative
}

@media screen and (min-width:1024px) {
  .style-container--shop-the-look-desktop-top .cmp-stl {
    bottom: auto;
    top: 2rem
  }
}

@media screen and (max-width:1023px) {
  .style-container--shop-the-look-mobile-bottom .cmp-stl {
    bottom: calc(25% - 2.9375rem);
    top: auto
  }
}

.cmp-container--layout-flex {
  display: flex
}

.cmp-container--layout-flex>.aem-Grid {
  display: flex;
  flex-wrap: wrap
}

.cmp-container--layout-flex>.aem-Grid .aem-Grid-newComponent {
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-container--layout-flex>.aem-Grid {
    flex-direction: row
  }
}

.cmp-container--layout-flex.cmp-container--flex-child-width-auto>.aem-Grid .aem-GridColumn {
  width: auto
}

.cmp-container--layout-flex.cmp-container--flex-child-spacing-right-2>.aem-Grid .aem-GridColumn:not(:last-child) {
  margin-right: 2rem
}

.cmp-container--layout-flex.cmp-container--flex-child-spacing-right-4>.aem-Grid .aem-GridColumn:not(:last-child) {
  margin-right: 4rem
}

.cmp-container--layout-flex.cmp-container--flex-child-spacing-right-6>.aem-Grid .aem-GridColumn:not(:last-child) {
  margin-right: 6rem
}

.cmp-container--flex-flex-start,
.cmp-container--flex-flex-start>.aem-Grid {
  justify-content: flex-start
}

.cmp-container--flex-center,
.cmp-container--flex-center>.aem-Grid {
  justify-content: center
}

.cmp-container--flex-flex-end,
.cmp-container--flex-flex-end>.aem-Grid {
  justify-content: flex-end
}

.cmp-container--flex-space-between,
.cmp-container--flex-space-between>.aem-Grid {
  justify-content: space-between
}

.cmp-container--flex-space-around,
.cmp-container--flex-space-around>.aem-Grid {
  justify-content: space-around
}

.cmp-container--flex-space-evenly,
.cmp-container--flex-space-evenly>.aem-Grid {
  justify-content: space-evenly
}

.cmp-container--flex-align-flex-start,
.cmp-container--flex-align-flex-start>.aem-Grid {
  align-items: flex-start
}

.cmp-container--flex-align-center,
.cmp-container--flex-align-center>.aem-Grid {
  align-items: center
}

.cmp-container--flex-align-flex-end,
.cmp-container--flex-align-flex-end>.aem-Grid {
  align-items: flex-end
}

.cmp-container--flex-align-stretch,
.cmp-container--flex-align-stretch>.aem-Grid {
  align-items: stretch
}

.cmp-container--flex-align-stretch>.aem-Grid>.aem-GridColumn>* {
  height: 100%
}

.cmp-container--flex-align-baseline,
.cmp-container--flex-align-baseline>.aem-Grid {
  align-items: baseline
}

.cmp-container--flex-row,
.cmp-container--flex-row>.aem-Grid {
  flex-direction: row
}

.cmp-container--flex-column,
.cmp-container--flex-column>.aem-Grid {
  flex-direction: column
}

.cmp-container--flex-row-reverse,
.cmp-container--flex-row-reverse>.aem-Grid {
  flex-direction: row-reverse
}

.cmp-container--flex-column-reverse,
.cmp-container--flex-column-reverse>.aem-Grid {
  flex-direction: column-reverse
}

.cmp-container--flex-wrap,
.cmp-container--flex-wrap>.aem-Grid {
  flex-wrap: wrap
}

.cmp-container--flex-nowrap,
.cmp-container--flex-nowrap>.aem-Grid {
  flex-wrap: nowrap
}

.style-container--disable-hscroll {
  overflow-x: hidden
}

.style-container--fixed {
  clear: both !important;
  display: block;
  float: none !important;
  margin-left: var(--grid-margin) !important;
  margin-right: var(--grid-margin) !important;
  max-width: 100%;
  width: auto !important
}

@media screen and (min-width:1920px) {
  .style-container--fixed:not(.style-container--fixed-narrow) {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 109.5rem !important
  }
}

.style-container--fixed-margins {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
  max-width: 100%;
  width: auto !important
}

@media screen and (min-width:768px) {
  .style-container--fixed-margins {
    margin-left: 2.25rem !important;
    margin-right: 2.25rem !important
  }
}

@media screen and (min-width:1280px) {
  .style-container--fixed-margins {
    margin-left: 5.25rem !important;
    margin-right: 5.25rem !important
  }
}

@media screen and (min-width:1920px) {
  .style-container--fixed-margins:not(.style-container--fixed-narrow) {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 109.5rem !important
  }
}

.style-container--fixed-narrow {
  clear: both !important;
  display: block;
  float: none !important
}

@media screen and (min-width:1024px) {
  .style-container--fixed-narrow {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 80rem !important;
    padding: 0 2.25rem
  }
}

@media screen and (min-width:1920px) {
  .style-container--fullwidth {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 109.5rem
  }
}

.style-container--section-spacing {
  margin-bottom: 1rem
}

@media screen and (min-width:1024px) {
  .style-container--section-spacing {
    margin-bottom: 3rem
  }
}

.style-container--top-spacing {
  margin-top: 1.5rem
}

@media screen and (min-width:768px) {
  .style-container--top-spacing {
    margin-top: 2rem
  }
}

@media screen and (min-width:1024px) {
  .style-container--top-spacing {
    margin-top: 4rem
  }
}

.style-container--border>.cmp-container {
  position: relative
}

.style-container--border>.cmp-container:after {
  border: 0 solid #e6e6e6;
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: calc(100% - var(--grid-gutter)*2);
  z-index: -10
}

@media screen and (min-width:1920px) {
  .style-container--border:not(.style-container--border-fullwidth)>.cmp-container:after {
    max-width: 120rem
  }
}

.style-container--border.style-container--border-top>.cmp-container:after {
  border-top-width: 1px
}

.style-container--border.style-container--border-bottom>.cmp-container:after {
  border-bottom-width: 1px
}

.style-container--border.style-container--border-fullwidth>.cmp-container:after {
  width: 100vw
}

.style-container--background {
  width: 100%
}

.style-container--background>.cmp-container {
  padding-top: 3rem;
  position: relative
}

@media screen and (min-width:1024px) {
  .style-container--background>.cmp-container {
    padding-top: 5rem
  }
}

.style-container--background>.cmp-container:before {
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100vw;
  z-index: -20
}

.style-container--background.style-container--background-light__without-spacing-top>.cmp-container {
  padding-top: 0
}

.style-container--background.style-container--background-light>.cmp-container:before,
.style-container--background.style-container--background-light__without-spacing-top>.cmp-container:before {
  background-color: #f6f6f6
}

@media screen and (min-width:1920px) {
  .style-container--background:not(.style-container--background-fullwidth)>.cmp-container:before {
    max-width: 120rem
  }
}

.style-container--background-normalwidth.style-container--background-normalwidth-light {
  background-color: #f6f6f6
}

.style-container--top {
  position: absolute;
  top: 0
}

.style-container--bottom {
  bottom: 0;
  position: absolute
}

.style-container--middle {
  contain: layout;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.style-container--end .cmp-button {
  float: right
}

.style-container--start .cmp-button {
  float: left
}

.style-container--center .cmp-button {
  margin-left: auto;
  margin-right: auto
}

.style-container--flexible-copyright-list>.cmp-container>.aem-Grid {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  min-height: 2rem;
  padding-bottom: 1rem;
  padding-top: 2rem
}

.style-container--flexible-copyright-list>.cmp-container>.aem-Grid,
.style-container--flexible-copyright-list>.cmp-container>.aem-Grid .cmp-list {
  justify-content: center
}

.style-container--flexible-copyright-list>.cmp-container>.aem-Grid:after,
.style-container--flexible-copyright-list>.cmp-container>.aem-Grid:before {
  content: unset
}

.style-container--flexible-copyright-list>.cmp-container>.aem-Grid .aem-GridColumn {
  width: auto
}

.style-container--flexible-copyright-list>.cmp-container>.aem-Grid .aem-Grid-newComponent {
  width: 100%
}

@media screen and (min-width:768px) {
  .style-container--flexible-copyright-list>.cmp-container>.aem-Grid {
    flex-direction: row;
    justify-content: space-between;
    padding: 0
  }
}

.style-container--multilevel-gridColumn-12 {
  width: 100% !important
}

@media screen and (min-width:768px) {
  .style-container--price-tag .cmp-container {
    flex-direction: row
  }
}

.style-container--price-tag .cmp-text {
  pointer-events: all;
  white-space: nowrap
}

.style-container--price-tag .cmp-text .cmp-infoi__icon-element:before {
  font-size: 1.25rem;
  font-weight: 400
}

@media screen and (max-width:1279px) {
  .style-container--price-tag .cmp-text .cmp-infoi__icon-element {
    font-size: 1rem
  }

  .style-container--price-tag .cmp-text .cmp-infoi__icon-element:before {
    font-size: inherit;
    font-weight: 400
  }
}

.style-container--price-tag .aem-Grid .container {
  width: auto
}

.style-container--price-tag .cmp-container .aem-GridColumn {
  align-items: center;
  display: inherit;
  padding: 0 1rem
}

.style-container--price-tag .cmp-container .aem-GridColumn:first-child {
  padding-bottom: 0
}

.style-container--price-tag .cmp-container .aem-GridColumn:first-child .cmp-text {
  font-size: var(--headline-2-font-size);
  font-weight: var(--price-font-weight);
  line-height: var(--headline-2-line-height)
}

.style-container--price-tag .cmp-container .aem-GridColumn:first-child .cmp-infoi__icon--superscript {
  transform: translate(-20%)
}

.style-container--price-tag .cmp-container .aem-GridColumn:first-child .cmp-infoi__icon--center {
  transform: translate(-20%, -15%)
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .style-container--price-tag .cmp-container .aem-GridColumn:first-child {
    padding-right: .25rem
  }
}

@media screen and (max-width:767px) {
  .style-container--price-tag .cmp-container .aem-GridColumn:first-child {
    padding-bottom: 0;
    padding-top: .5rem
  }
}

@media screen and (min-width:768px) {
  .style-container--price-tag .cmp-container .aem-GridColumn:first-child {
    padding-bottom: .5rem;
    padding-right: .25rem
  }
}

@media screen and (min-width:1024px) {
  .style-container--price-tag .cmp-container .aem-GridColumn:first-child {
    padding-bottom: .75rem
  }
}

@media screen and (min-width:1920px) {
  .style-container--price-tag .cmp-container .aem-GridColumn:first-child {
    padding-bottom: .5rem
  }
}

.style-container--price-tag .cmp-container .aem-GridColumn:last-child {
  padding-bottom: .5rem;
  padding-left: .25rem
}

.style-container--price-tag .cmp-container .aem-GridColumn:last-child .cmp-text {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  text-align: left !important
}

@media screen and (max-width:767px) {
  .style-container--price-tag .cmp-container .aem-GridColumn:last-child .cmp-text {
    text-align: center !important;
    white-space: normal
  }
}

.style-container--price-tag .cmp-container .aem-GridColumn:last-child .cmp-infoi__icon--center {
  transform: translateY(-15%)
}

@media screen and (max-width:767px) {
  .style-container--price-tag .cmp-container .aem-GridColumn:last-child {
    padding-bottom: .5rem;
    padding-right: .25rem;
    padding-top: 0
  }
}

@media screen and (min-width:768px) {
  .style-container--price-tag .cmp-container .aem-GridColumn:last-child {
    padding-bottom: .5rem
  }
}

@media screen and (min-width:1024px) {
  .style-container--price-tag .cmp-container .aem-GridColumn:last-child {
    padding-bottom: .75rem
  }

  .style-container--price-tag .cmp-container .aem-GridColumn:last-child .cmp-infoi__icon--center {
    transform: translate(20%, -20%)
  }

  .style-container--price-tag .cmp-container .aem-GridColumn:last-child .cmp-infoi__icon--superscript {
    transform: translate(20%)
  }
}

@media screen and (min-width:1920px) {
  .style-container--price-tag .cmp-container .aem-GridColumn:last-child {
    padding-bottom: .5rem
  }
}

.style-container--price-tag .cmp-container--flex-column>.aem-Grid>.aem-GridColumn {
  align-self: auto
}

@media screen and (min-width:768px) {
  .style-container--price-tag .cmp-container>.aem-Grid {
    align-items: stretch;
    flex-direction: row;
    justify-content: left
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .style-container--price-tag .cmp-container>.aem-Grid {
    justify-content: center
  }
}

@media screen and (min-width:768px) {
  .style-container--price-tag .cmp-container:dir(rtl)>.aem-Grid {
    justify-content: right
  }
}

.cmp-container__click-area {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.cmp-container__click-area:focus,
.cmp-container__click-area:focus-visible {
  outline: none
}

.cmp-container__click-area:focus-visible,
.cmp-container__click-area:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-container__click-area.focus-visible {
    outline: none
  }

  .cmp-container__click-area.focus-visible,
  .cmp-container__click-area.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

body:not(.stlpopover-is-open) .cmp-container__click-area+div {
  
  position: relative;
  z-index: 10
}

body:not(.stlpopover-is-open) .cmp-container__click-area+div a,
body:not(.stlpopover-is-open) .cmp-container__click-area+div button {
  pointer-events: all
}

.stlpopover-is-open .cmp-container__click-area {
  display: none
}

.cmp-comparetable {
  margin-bottom: 1.5rem;
  width: 100%
}

.cmp-comparetable__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr)
}

.cmp-comparetable__row:first-child {
  padding-top: 1.5rem
}

.cmp-comparetable__row:first-child .cmp-comparetable__row-title {
  padding: 0 1.5rem .25rem
}

@media screen and (min-width:1024px) {
  .cmp-comparetable__row:first-child .cmp-comparetable__row-title {
    padding: 0 1.5rem .25rem 2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-comparetable__row:first-child .cmp-comparetable__row-title {
    padding: 0 2rem .25rem
  }
}

.cmp-comparetable__row[data-identical=true],
.cmp-comparetable__row[data-is-dash=true],
.cmp-comparetable__row[data-is-null=true] {
  display: none
}

.cmp-comparetable__row:nth-child(odd of :not([data-identical=true]):not([data-is-null=true], [data-is-dash=true])) {
  background-color: #f6f6f6
}

@media screen and (min-width:1024px) {
  .cmp-comparetable__row {
    grid-template-columns: repeat(3, 1fr)
  }
}

.cmp-comparetable__row-title {
  color: #666;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  grid-column: 1/span 3;
  line-height: var(--label-1-line-height);
  padding: 1.25rem 1.5rem .25rem;
  text-align: left
}

@media screen and (min-width:1024px) {
  .cmp-comparetable__row-title {
    padding: 1.5rem 1.5rem .25rem 2rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-comparetable__row-title {
    padding: 2rem 1.5rem .25rem 2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-comparetable__row-title {
    padding: 2rem 2rem .25rem
  }
}

.cmp-comparetable__item {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  padding: 0 1.5rem 1.25rem
}

.cmp-comparetable__item:last-child {
  display: none
}

@media screen and (min-width:1024px) {
  .cmp-comparetable__item {
    padding: 0 1.5rem 1.5rem 2rem
  }

  .cmp-comparetable__item:last-child {
    display: block
  }
}

@media screen and (min-width:1280px) {
  .cmp-comparetable__item {
    padding: 0 1.5rem 2rem 2rem
  }
}

.cmp-compare__accordion-item {
  border-top: 0 !important
}

.cmp-compare__accordion-panel {
  padding-bottom: 0 !important;
  padding-top: 0 !important
}

.cmp-compare__footnotes {
  align-self: flex-start;
  counter-reset: disclaimers;
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  list-style-type: none;
  margin-top: 3rem;
  opacity: .7051
}

.cmp-compare__footnotes-item {
  display: block;
  padding-inline-start: 1rem
}

.cmp-compare__footnotes-item:before {
  speak: none;
  content: attr(data-counter);
  margin-inline-start: -1rem;
  position: absolute;
  width: 1rem
}

.cmp-compare__footnotes-item:is(:focus-within) {
  box-shadow: none
}

.cmp-comparetable__footnotebacklink {
  text-decoration: none
}

.cmp-comparetable__footnotebacklinkicon {
  position: relative;
  top: .125rem
}

.cmp-compare__footnotes-back-reference {
  color: #666;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  text-decoration: none
}

.cmp-compare__footnotereference {
  color: inherit;
  cursor: default;
  text-decoration: none
}

.cmp-compare__footnotereference:focus-visible,
.cmp-compare__footnotereference:focus-visible:hover {
  box-shadow: none
}

@supports (display:block) {
  .cmp-compare__footnotereference.focus-visible {
    outline: none
  }

  .cmp-compare__footnotereference.focus-visible,
  .cmp-compare__footnotereference.focus-visible:hover {
    box-shadow: none
  }
}

.cmp-compare__footnotereference:focus,
.cmp-compare__footnotereference:focus-visible {
  outline: none
}

.cmp-compare__footnotereference:focus-visible:after,
.cmp-compare__footnotereference:focus-visible:hover:after {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-compare__footnotereference.focus-visible {
    outline: none
  }

  .cmp-compare__footnotereference.focus-visible:after,
  .cmp-compare__footnotereference.focus-visible:hover:after {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-compare__footnotereference:after {
  content: counter(disclaimers);
  cursor: pointer;
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  margin-left: .25rem;
  opacity: .7051;
  vertical-align: text-top
}

.cmp-comparetable__footnotelink {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none
}

.cmp-compare__footnotes--pointer {
  cursor: pointer
}

.cmp-toggleswitch[aria-pressed] {
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: block;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  margin-bottom: 1.5rem;
  margin-top: 2.5rem;
  padding: .125rem 0 .125rem 4rem;
  position: relative
}

.cmp-toggleswitch[aria-pressed]:after,
.cmp-toggleswitch[aria-pressed]:before {
  content: "";
  display: inline-block;
  position: absolute;
  transition: all .15s ease
}

.cmp-toggleswitch[aria-pressed]:before {
  background: #8e8e8e;
  border-radius: 1.5rem;
  height: 1.75rem;
  left: 0;
  top: 0;
  width: 3.25rem
}

@media screen and (min-width:1024px) {
  .cmp-toggleswitch[aria-pressed]:before {
    height: 2rem;
    width: 3.75rem
  }
}

.cmp-toggleswitch[aria-pressed]:after {
  background-color: #fff;
  border-radius: 50%;
  height: 1.5rem;
  left: .125rem;
  width: 1.5rem
}

@media screen and (min-width:1024px) {
  .cmp-toggleswitch[aria-pressed]:after {
    height: 1.75rem;
    top: .125rem;
    width: 1.75rem
  }
}

.cmp-toggleswitch[aria-pressed]:hover:before {
  background-color: #666
}

@media screen and (min-width:1024px) {
  .cmp-toggleswitch[aria-pressed] {
    margin-top: 3rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-toggleswitch[aria-pressed] {
    margin-bottom: 2.5rem;
    margin-top: 4rem;
    padding: .25rem 0 .25rem 4.5rem
  }
}

.cmp-toggleswitch--active[aria-pressed=true]:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "checkmark";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-toggleswitch--active[aria-pressed=true]:after {
    display: none
  }
}

.cmp-toggleswitch--active[aria-pressed=true]:before {
  background-color: #1c69d4
}

.cmp-toggleswitch--active[aria-pressed=true]:after {
  color: #1c69d4;
  display: inline-block;
  height: 1.5rem;
  left: 1.625rem;
  line-height: calc(100% + .188rem);
  text-indent: .125rem;
  width: 1.5rem
}

@media screen and (min-width:1024px) {
  .cmp-toggleswitch--active[aria-pressed=true]:after {
    height: 1.75rem;
    left: 1.875rem;
    top: .125rem;
    width: 1.75rem
  }
}

.cmp-toggleswitch--active[aria-pressed=true]:hover:before {
  background-color: #0653b6
}

@media screen and (max-width:1023px) {
  .cmp-toggleswitch--active[aria-pressed=true]:after {
    font-size: 1.25rem;
    font-weight: 400
  }
}

@media screen and (min-width:1024px) {
  .cmp-toggleswitch--active[aria-pressed=true]:after {
    font-size: 1.5rem;
    font-weight: 400
  }
}

.cmp-toggleswitch--disabled[aria-disabled=true] {
  color: #bbb;
  pointer-events: none
}

.cmp-toggleswitch--disabled[aria-disabled=true]:before {
  background-color: #e6e6e6
}

.cmp-toggleswitch--disabled[aria-disabled=true]:after {
  color: #bbb
}

.cmp-compare__tabs-popover.cmp-popover {
  --tabspopover-buttonspacing: 1.5rem;
  --popover-close-button-position: absolute
}

.cmp-compare__tabs-popover__main {
  margin: 0;
  padding: 0
}

.cmp-compare__tabs-popover .cmp-popover__wrapper {
  aspect-ratio: 16/9;
  margin: 0
}

.style-tabs--compare-inner .cmp-tabs__tablist,
.style-tabs--compare-outer .cmp-tabs__tablist {
  margin: 0;
  padding: 0
}

.style-container--fixed .cmp-tabs__navigation--compare {
  display: block;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto
}

.style-container--fixed .cmp-tabs__navigation--compare.cmp-tabs__navigation--compare-inner {
  left: .5rem;
  padding: 1rem;
  position: absolute
}

.cmp-tabspopover__tab-text {
  -webkit-line-clamp: var(--singleline-support, 1);
  -webkit-box-orient: vertical;
  display: var(--singleline-support, -webkit-box);
  display: block;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  overflow: hidden;
  text-overflow: ellipsis
}

.style-tabs--compare-inner .cmp-tabs__navigation:focus,
.style-tabs--compare-inner .cmp-tabs__navigation:focus-visible,
.style-tabs--compare-inner .cmp-tabs__tablist:focus,
.style-tabs--compare-inner .cmp-tabs__tablist:focus-visible {
  outline: none
}

.style-tabs--compare-inner .cmp-tabs__navigation:focus-visible,
.style-tabs--compare-inner .cmp-tabs__navigation:focus-visible:hover,
.style-tabs--compare-inner .cmp-tabs__tablist:focus-visible,
.style-tabs--compare-inner .cmp-tabs__tablist:focus-visible:hover {
  box-shadow: none
}

@supports (display:block) {

  .style-tabs--compare-inner .cmp-tabs__navigation.focus-visible,
  .style-tabs--compare-inner .cmp-tabs__tablist.focus-visible {
    outline: none
  }

  .style-tabs--compare-inner .cmp-tabs__navigation.focus-visible,
  .style-tabs--compare-inner .cmp-tabs__navigation.focus-visible:hover,
  .style-tabs--compare-inner .cmp-tabs__tablist.focus-visible,
  .style-tabs--compare-inner .cmp-tabs__tablist.focus-visible:hover {
    box-shadow: none
  }
}

.style-tabs--compare-outer>.cmp-tabs>.cmp-tabs__navigation {
  left: 0;
  margin: .5rem;
  padding: 1rem;
  position: absolute;
  right: 6.5rem;
  top: 0;
  z-index: 10
}

.style-container--fixed .cmp-tabs__tablist--compare {
  column-gap: 1rem;
  overflow: visible
}

.style-container--fixed .cmp-tabs__tablist--compare:before {
  display: none
}

.cmp-tabs__item--compare-outer {
  width: 33%
}

.cmp-tabs__item--compare-hidden {
  display: none
}

.cmp-tabs__tab.cmp-tabs__tab--compare {
  background: #fffffff2;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  column-gap: .5rem;
  display: flex;
  height: 3.25rem;
  justify-content: flex-start;
  overflow: visible;
  padding: .5rem;
  position: relative;
  width: 100%
}

.cmp-tabs__tab.cmp-tabs__tab--compare.cmp-tabs__tab--active {
  border-color: #262626
}

.cmp-tabs__tab.cmp-tabs__tab--compare.cmp-tabs__tab--active:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  background-color: #262626;
  border-radius: 50%;
  color: #fff;
  content: "checkmark";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  position: absolute;
  right: 0;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  top: 0;
  transform: translate(.5rem, -.5rem);
  white-space: nowrap;
  width: auto;
  z-index: 10
}

@media aural,
reader,
speech {
  .cmp-tabs__tab.cmp-tabs__tab--compare.cmp-tabs__tab--active:before {
    display: none
  }
}

.cmp-tabs__tab.cmp-tabs__tab--compare:hover {
  background-color: #fffffff2
}

.cmp-tabspopover__tab-image {
  height: 100%
}

.cmp-tabspopover__tab-image img {
  height: 100%;
  width: auto
}

.cmp-tabs__tabpanel--compare {
  padding-top: 0
}

.cmp-tabs--compare-inner {
  align-items: center;
  aspect-ratio: 16/9;
  background-color: #f6f6f6;
  display: grid;
  position: relative
}

.style-tabs--buttons.style-tabs--compare-inner .cmp-tabs__tab {
  border: 0;
  display: grid;
  height: 2.25rem;
  min-height: unset;
  padding: 0;
  width: 2.25rem
}

.style-tabs--buttons.style-tabs--compare-inner .cmp-tabs__tab:active {
  color: #0653b6
}

.cmp-tabs__navigation.focus-visible:after,
.cmp-tabs__tablist.focus-visible:after {
  left: 0;
  right: 0;
  z-index: 10
}

.style-tabs--compare-inner .cmp-tabs__tablist {
  background-color: #f2f2f2;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  flex-direction: column;
  overflow: visible
}

.style-tabs--buttons.style-tabs--compare-inner .cmp-tabs__tablist {
  padding: 0
}

.style-tabs--compare-inner .cmp-tabs__item:focus,
.style-tabs--compare-inner .cmp-tabs__item:focus-visible {
  outline: none
}

.style-tabs--compare-inner .cmp-tabs__item:focus-visible,
.style-tabs--compare-inner .cmp-tabs__item:focus-visible:hover {
  box-shadow: none
}

.style-tabs--compare-inner .cmp-tabs__item:focus-visible:after,
.style-tabs--compare-inner .cmp-tabs__item:focus-visible:hover:after {
  bottom: 0;
  box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
  content: " ";
  display: block;
  left: 0;
  
  position: absolute;
  right: 0;
  top: 0
}

@supports (display:block) {
  .style-tabs--compare-inner .cmp-tabs__item.focus-visible {
    outline: none
  }

  .style-tabs--compare-inner .cmp-tabs__item.focus-visible,
  .style-tabs--compare-inner .cmp-tabs__item.focus-visible:hover {
    box-shadow: none
  }

  .style-tabs--compare-inner .cmp-tabs__item.focus-visible:after,
  .style-tabs--compare-inner .cmp-tabs__item.focus-visible:hover:after {
    bottom: 0;
    box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
    content: " ";
    display: block;
    left: 0;
    
    position: absolute;
    right: 0;
    top: 0
  }
}

.style-tabs--compare-inner .cmp-view360.cmp-view360--exterior {
  margin: 0 var(--tabspopover-buttonspacing)
}

.style-tabs--compare-inner .cmp-tabs__item:has(.cmp-tabs__tab--active) {
  z-index: 10
}

.style-tabs--compare-inner .style--mask-left,
.style-tabs--compare-inner .style--mask-right,
.style-tabs--compare-outer .style--mask-left,
.style-tabs--compare-outer .style--mask-right {
  -webkit-mask: none;
  mask: none
}

.cmp-compare-tabspopover__footer {
  background-color: #fffffff2;
  bottom: 0;
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  position: absolute;
  width: 100%
}

.cmp-compare-tabspopover__footer:has(.is-hidden) {
  background-color: initial
}

.cmp-compare-tabspopover__footer__disclaimer-text {
  flex-grow: 1;
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  opacity: .7051
}

@media screen and (max-width:1023px) {
  .cmp-compare__tabs-popover-trigger {
    display: none
  }
}

.cmp-popover:not(.cmp-popover--is-open) .cmp-tabs__tablist--compare.style--mask-right {
  visibility: hidden
}

:root {
  --scroll-behavior: smooth
}

.cmp-compare__header {
  margin-bottom: var(--compare-header-margin, 3rem)
}

@media screen and (min-width:1024px) {
  .cmp-compare__header {
    --compare-header-margin: 4rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-compare__header {
    --compare-header-margin: 5rem
  }
}

.cmp-compare__header--is-selected .cmp-compare__delete-button:not(.cmp-compare__delete-button--stickyheader) {
  visibility: visible
}

.cmp-compare__header-area {
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  height: 100% !important
}

.cmp-compare__header-area .cmp-compare__column-description>:last-child {
  margin-bottom: 1.5rem
}

.style-title__text--h2 {
  hyphens: none;
  word-break: normal
}

.cmp-text .cmp-infoi {
  margin-inline-start: 0
}

.cmp-compare__header [data-column-index]:nth-child(2n) {
  order: 1
}

.cmp-compare__cosyimage {
  max-width: 100%
}

.cmp-cosyimage--shadow img {
  filter: brightness(0) grayscale(1) opacity(.7)
}

.cmp-cosyimage--hidden {
  visibility: hidden
}

.cmp-compare__placeholder {
  margin-top: 1rem
}

.cmp-compare__from {
  margin-right: 6px
}

.cmp-compare .is-hidden {
  display: none
}

.cmp-compare .is-hidden-column {
  visibility: hidden
}

.cmp-compare__title-image-branding {
  display: block;
  height: 1rem;
  margin-right: 0;
  max-width: 3rem
}

.cmp-compare__title-image-branding:is(:not([src]), [src=""]) {
  width: 0
}

.cmp-compare__column-title {
  flex-grow: 1
}

.cmp-compare__column-price {
  width: 100%
}

.cmp-compare__column-cta:has(.cmp-globalstatelink--hidden) {
  display: none
}

@media screen and (max-width:767px) {
  .cmp-compare__column-cta.style-button--compact-flex {
    max-width: 100%
  }

  .cmp-compare__column-cta.style-button--compact-flex .cmp-button {
    max-width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: auto
  }

  .cmp-compare .cmp-energylabel__foot {
    -webkit-line-clamp: var(--singleline-support, 2);
    -webkit-box-orient: vertical;
    display: var(--singleline-support, -webkit-box);
    overflow: hidden;
    text-overflow: ellipsis
  }
}

.cmp-compare .cmp-accordion__title {
  font-size: var(--subsection-1-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--subsection-1-line-height)
}

@media screen {
  .cmp-compare .cmp-energylabel {
    --energylabel-columns: 3;
    --energylabel-column-width: calc(var(--grid-main-container-width)/var(--energylabel-columns) - var(--grid-gutter))
  }
}

@media screen and (min-width:1024px) {
  .cmp-compare .cmp-energylabel {
    --energylabel-columns: 4;
    --energylabel-column-width: calc(var(--grid-main-container-width)/var(--energylabel-columns) - var(--grid-gutter))
  }
}

@media screen and (min-width:1280px) {
  .cmp-compare .cmp-energylabel {
    --energylabel-columns: 6;
    --energylabel-column-width: calc(var(--grid-main-container-width)/var(--energylabel-columns) - var(--grid-gutter))
  }
}

@media screen and (min-width:1920px) {
  .cmp-compare .cmp-energylabel {
    --energylabel-columns: 8;
    --energylabel-column-width: calc(var(--grid-main-container-width)/var(--energylabel-columns) - var(--grid-gutter))
  }
}

.cmp-compare__cosycontainer {
  position: relative
}

.cmp-compare__delete-button {
  appearance: none;
  background-color: #fff;
  background: #0000;
  border: unset;
  border-radius: 3px;
  cursor: pointer;
  display: grid;
  height: 2.75rem;
  padding: 0;
  place-content: center;
  position: absolute;
  right: .625rem;
  top: 0;
  visibility: hidden;
  width: 2.75rem
}

.cmp-compare__delete-button:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "close";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-compare__delete-button:before {
    display: none
  }
}

.cmp-compare__delete-button:before {
  font-size: 1.5rem;
  font-weight: 400
}

.cmp-compare__delete-button:hover {
  color: #1c69d4
}

.cmp-compare__delete-button:disabled {
  color: #bbb
}

.cmp-compare__delete-button:active {
  color: #0653b6
}

.cmp-compare__delete-button--stickyheader {
  right: -.625rem;
  top: -.625rem
}

.cmp-compare__experience-section-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.cmp-compare__experience-section-buttons {
  column-gap: 1.25rem;
  display: inline-flex;
  flex-wrap: wrap
}

.cmp-compare__cosycontainer {
  container-type: inline-size
}

.cmp-compare__icon {
  aspect-ratio: 1/1;
  color: #1c69d4;
  font-size: 20cqw;
  position: absolute;
  top: 20%;
  width: 20cqw;
  z-index: -10
}

.cmp-compare__icon:before {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap
}

@media aural,
reader,
speech {
  .cmp-compare__icon:before {
    display: none
  }
}

.cmp-compare__icon:before {
  font-size: 2rem;
  font-size: inherit;
  font-weight: 400;
  font-weight: var(--default-font-weight)
}

.cmp-compare__icon--beve:before {
  content: "fuel_type_bev";
  width: auto
}

.cmp-compare__icon--phev:before {
  content: "fuel_type_phev";
  width: auto
}

.cmp-compare__popover .cmp-popover__action-link {
  margin: 0;
  width: 100%
}

.cmp-compare__popover .cmp-popover__action-link .cmp-button {
  padding: .125rem 1.5rem;
  width: 100%
}

@media screen and (min-width:1280px) {
  .cmp-compare__popover .cmp-popover__action-link {
    padding: 0
  }

  .cmp-compare__popover-footer {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr 1fr
  }
}

.cmp-compare__popover .cmp-popover__wrapper {
  max-width: var(--popover-width, auto)
}

@media screen and (max-width:767px) {
  .cmp-compare__popover .cmp-popover__wrapper {
    bottom: 0;
    height: auto;
    position: absolute
  }
}

@media screen and (min-width:768px) {
  .cmp-compare__popover .cmp-popover__wrapper {
    --popover-width: 440px
  }
}

@media screen and (min-width:1024px) {
  .cmp-compare__popover .cmp-popover__wrapper {
    --popover-width: 640px
  }
}

@media screen and (min-width:1280px) {
  .cmp-compare__popover .cmp-popover__wrapper {
    --popover-width: 800px
  }
}

.cmp-compare__form {
  background-color: #f6f6f6;
  padding: 1rem
}

@media screen and (min-width:768px) {
  .cmp-compare__form {
    padding: 1.5rem
  }
}

.cmp-compare__selection-set {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: .01em 0 0
}

body:not(:-moz-handler-blocked) .cmp-compare__selection-set {
  display: table-cell
}

.cmp-compare__dropdown {
  margin-bottom: 1.25rem
}

.cmp-compare__dropdown.cmp-compare__dropdown--is-single-option {
  display: none
}

.cmp-compare__dropdown-text-only {
  margin-bottom: 1.25rem
}

.cmp-compare__dropdown-text-only:not(.cmp-compare__dropdown--is-single-option) {
  display: none
}

.cmp-compare__dropdown--is-single-option span {
  align-items: center;
  display: flex;
  min-height: 2.25rem
}

.cmp-compare__transmission-text {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-compare__transmission-text:not(.cmp-compare__transmission-text--is-shown) {
  display: none
}

.cmp-compare__legend {
  align-items: center;
  color: #666;
  display: flex;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  padding: .5rem 0
}

.cmp-compare__legend--hidden {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  display: inline;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.cmp-compare__radiolabel {
  display: grid;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  gap: .75rem;
  grid-template-columns: 1.5rem auto;
  line-height: var(--body-2-line-height);
  margin-bottom: .5rem;
  word-break: break-word
}

.cmp-compare__radiolabel input[type=radio] {
  appearance: none;
  background-color: var(--radio-background-color, #fff);
  border: var(--radio-outline-width, .125rem) solid var(--radio-outline-color, #bbb);
  border-radius: 50%;
  height: 1.5rem;
  margin: 0;
  width: 1.5rem
}

.cmp-compare__radiolabel input[type=radio]+span {
  color: var(--radio-text-color, #262626)
}

@media (prefers-reduced-motion:no-preference) {
  .cmp-compare__radiolabel input[type=radio] {
    transition: border-color .2s, border-width .2s
  }
}

.cmp-compare__radiolabel input[type=radio]:checked {
  --radio-outline-color: #262626;
  --radio-outline-width: 0.5rem
}

.cmp-compare__radiolabel input[type=radio]:disabled {
  --radio-outline-color: #f2f2f2
}

.cmp-compare__radiolabel input[type=radio]:disabled+span {
  --radio-text-color: #bbb
}

.cmp-compare__radiolabel input[type=radio]:hover {
  --radio-outline-color: #8e8e8e
}

.cmp-compare__radiolabel input[type=radio]:active {
  --radio-outline-color: #bbb
}

.cmp-compare__radiolabel input[type=radio]:disabled:hover {
  --radio-outline-color: #f2f2f2
}

.cmp-compare__radiolabel input[type=radio]:checked:hover {
  --radio-outline-color: #4d4d4d
}

.cmp-compare__radiolabel input[type=radio]:checked:active {
  --radio-outline-color: #262626;
  --radio-background-color: #e6e6e6
}

.cmp-compare__radiolabel input[type=radio]:checked:disabled,
.cmp-compare__radiolabel input[type=radio]:checked:disabled:hover {
  --radio-outline-color: #bbb
}

.cmp-compare__stickyheader {
  --compare-sticky-icon-spacer: 0;
  --compare-sticky-padding: 0.75rem;
  animation: compare-slide-out-up .2s;
  animation-delay: 0s;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  box-shadow: 0 0 1px 0 #0000003d, 0 4px 9pt 0 #00000029;
  display: none;
  left: 0;
  opacity: 0;
  padding: var(--compare-sticky-padding) 0;
  
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 30
}

.cmp-compare__stickyheader .cmp-cosyimage--shadow {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.cmp-compare__stickyheader .cmp-cosyimage--shadow:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "plus";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-style: normal;
  height: 1em;
  line-height: 1;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .cmp-compare__stickyheader .cmp-cosyimage--shadow:after {
    display: none
  }
}

.cmp-compare__stickyheader .cmp-cosyimage--shadow:after {
  bottom: 0;
  color: #fff;
  display: grid;
  font-size: 2rem;
  font-weight: 400;
  height: auto;
  left: 0;
  place-content: center;
  position: absolute;
  right: 0;
  top: 0
}

@media screen and (min-width:768px) {
  .cmp-compare__stickyheader {
    --compare-sticky-icon-spacer: 0.75rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-compare__stickyheader {
    --compare-sticky-icon-spacer: 0.5rem;
    --compare-sticky-padding: 1rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-compare__stickyheader {
    --compare-sticky-icon-spacer: 0.75rem
  }
}

.cmp-compare__stickyheader--is-visible {
  animation: compare-slide-in-down .2s;
  animation-delay: 0s;
  display: block;
  opacity: 1;
  pointer-events: auto;
  visibility: visible
}

.cmp-compare__stickyheader--is-visible .cmp-compare__header--is-selected .cmp-compare__delete-button--stickyheader {
  visibility: visible
}

.cmp-compare__stickyheader-content {
  display: grid;
  grid-template-areas: "image delete" "title title" "link link";
  grid-template-columns: 1fr 1.5rem;
  grid-template-rows: repeat(2, auto)
}

@media screen and (orientation:landscape) {
  .cmp-compare__stickyheader-content {
    grid-template-areas: "image delete . ." "image delete . title" "image delete . .";
    grid-template-columns: 1fr 1.5rem var(--compare-sticky-icon-spacer) 2fr;
    grid-template-rows: auto auto 1fr
  }
}

.cmp-compare__stickyheader-image {
  aspect-ratio: 16/9;
  grid-area: image;
  position: relative
}

.cmp-compare__stickyheader-delete {
  grid-area: delete;
  position: relative
}

.cmp-compare__column-description {
  height: 100%;
  max-width: 100%
}

.cmp-compare__column-description,
.cmp-compare__placeholder {
  display: flex;
  flex-direction: column;
  grid-area: title;
  position: relative
}

.cmp-compare__placeholder--is-sticky {
  margin-top: 0
}

.cmp-compare__column-description--area {
  flex-grow: 1
}

.cmp-compare__stickyheader-link,
.cmp-compare_stickytoplink {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.cmp-compare__stickyheader .cmp-title__text {
  -webkit-line-clamp: var(--singleline-support, 1);
  -webkit-box-orient: vertical;
  display: var(--singleline-support, -webkit-box);
  overflow: hidden;
  text-overflow: ellipsis
}

.cmp-compare__stickyheader .cmp-title__text,
.grid-title .cmp-button__text {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height)
}

@keyframes compare-slide-in-down {
  0% {
    opacity: 0;
    transform: translateY(-100%)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes compare-slide-out-up {
  0% {
    opacity: 1;
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0)
  }
}

.cmp-compare-tabs__navigation {
  margin-bottom: 2rem
}

.cmp-compare__galleryimage {
  margin-block-end: 1rem;
  position: relative;
  transition: filter .2s ease-in-out
}

@media screen and (min-width:768px) {
  .cmp-compare__galleryimage {
    margin-block-end: 1.5rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-compare__galleryimage {
    margin-block-end: 0
  }
}

.cmp-compare__galleryimage--active-drag {
  z-index: 10
}

.cmp-compare__galleryimage--sibling-drag {
  filter: blur(.25rem)
}

.cmp-compare__tabs-popover-trigger {
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  padding: .25rem;
  position: absolute;
  right: 2rem;
  top: .75rem;
  z-index: 10
}

.cmp-compare__tabs-popover-trigger,
.cmp-compare__tabs-popover-trigger:active,
.cmp-compare__tabs-popover-trigger:focus,
.cmp-compare__tabs-popover-trigger:hover {
  background-color: #fff;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-compare__tabs-popover-trigger:hover {
    background-color: #bbb;
    box-shadow: none
  }
}

.cmp-compare__tabs-popover-trigger:focus,
.cmp-compare__tabs-popover-trigger:focus-visible {
  outline: none
}

.cmp-compare__tabs-popover-trigger:focus-visible,
.cmp-compare__tabs-popover-trigger:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-compare__tabs-popover-trigger.focus-visible {
    outline: none
  }

  .cmp-compare__tabs-popover-trigger.focus-visible,
  .cmp-compare__tabs-popover-trigger.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-compare__tabs-popover-trigger:focus-visible {
  background-color: #bbb
}

@supports (display:block) {
  .cmp-compare__tabs-popover-trigger.focus-visible {
    background-color: #bbb
  }
}

.cmp-compare__tabs-popover-trigger:disabled,
.cmp-compare__tabs-popover-trigger[aria-disabled=true] {
  background-color: #8e8e8e;
  color: #666;
  pointer-events: none
}

.cmp-compare__tabs-popover-trigger:disabled:focus-visible,
.cmp-compare__tabs-popover-trigger[aria-disabled=true]:focus-visible {
  color: #666
}

@supports (display:block) {

  .cmp-compare__tabs-popover-trigger:disabled.focus-visible,
  .cmp-compare__tabs-popover-trigger[aria-disabled=true].focus-visible {
    color: #666
  }
}

@media screen and (min-width:1920px) {
  .cmp-compare__tabs-popover-trigger {
    right: 2.5rem
  }
}

.cmp-compare .cmp-view360.cmp-view360--exterior {
  --view360-ratio: 16/9 !important;
  position: relative
}

.cmp-compare .cmp-view360--exterior.cmp-view360--transparent:before {
  width: 100%
}

.cmp-globalstatelink--hidden {
  display: none !important
}

.cmp-colorswitch {
  --colorswitch-container-width: auto;
  --colorswitch-image-width: auto;
  --colorswitch-image-aspect-ratio: unset;
  --colorswitch-image-container-align: right;
  --colorswitch-image-height: 100vh;
  --colorswitch-image-wrapper-scale: none;
  --colorswitch-cursor: grab
}

.style-container--fixed .cmp-colorswitch {
  margin-left: calc(var(--grid-full)*-1);
  margin-right: calc(var(--grid-full)*-1);
  max-width: 120rem;
  width: calc(100% + var(--grid-full)*2)
}

@media screen and (orientation:landscape) {
  .cmp-colorswitch {
    --colorswitch-container-width: 100%;
    --colorswitch-image-height: 120vh;
    --colorswitch-image-width: 100%;
    --colorswitch-image-container-align: center
  }
}

@media screen and (min-width:1024px) {
  .cmp-colorswitch {
    --colorswitch-container-width: 83.33%;
    --colorswitch-image-width: 100%;
    --colorswitch-image-container-align: center;
    --colorswitch-image-aspect-ratio: 17/8;
    --colorswitch-cursor: default
  }
}

@media screen and (min-width:1280px) {
  .cmp-colorswitch {
    --colorswitch-container-width: 83.33%;
    --colorswitch-image-aspect-ratio: 16/6
  }
}

@media screen and (min-width:1920px) {
  .cmp-colorswitch {
    --colorswitch-container-width: 66.66%;
    --colorswitch-image-aspect-ratio: 16/5
  }
}

.cmp-colorswitch--exterior {
  --colorswitch-component-exterior-aspect-ratio: 1.3/1
}

.cmp-colorswitch__wrapper {
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative
}

.cmp-colorswitch__image-container {
  aspect-ratio: var(--colorswitch-image-aspect-ratio);
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: var(--colorswitch-image-container-align);
  overflow: hidden;
  overscroll-behavior-x: contain;
  position: relative;
  width: calc(100% + var(--grid-full)*2)
}

.cmp-colorswitch__image-container:focus,
.cmp-colorswitch__image-container:focus-visible {
  outline: none
}

.cmp-colorswitch__image-container:focus-visible,
.cmp-colorswitch__image-container:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-colorswitch__image-container.focus-visible {
    outline: none
  }

  .cmp-colorswitch__image-container.focus-visible,
  .cmp-colorswitch__image-container.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-colorswitch__image-wrapper {
  align-items: center;
  cursor: var(--colorswitch-cursor);
  display: grid;
  height: 100%;
  justify-content: right;
  position: relative;
  scale: var(--colorswitch-image-wrapper-scale);
  transform: translateX(0);
  width: auto;
  will-change: transform
}

@media screen and (orientation:landscape) {
  .cmp-colorswitch__image-wrapper {
    justify-content: unset;
    width: 100%
  }
}

@media screen and (min-width:1920px) {
  .cmp-colorswitch__image-wrapper {
    --colorswitch-image-wrapper-scale: .85
  }
}

.cmp-colorswitch__image-container:focus-visible {
  position: relative;
  z-index: 20
}

@media potrait and (max-width:1023px) {
  .cmp-colorswitch--tilt {
    --colorswitch-image-height: 92vh;
    --colorswitch-image-wrapper-scale: 1.2
  }
}

@media potrait and (max-width:767px) {
  .cmp-colorswitch--tilt {
    --colorswitch-image-wrapper-scale: 1
  }
}

@media potrait and (max-width:1023px) {
  .cmp-colorswitch--no-tilt {
    --colorswitch-image-height: 87vh;
    --colorswitch-image-wrapper-scale: 1.1
  }
}

@media potrait and (max-width:767px) {
  .cmp-colorswitch--no-tilt {
    --colorswitch-image-wrapper-scale: 1
  }
}

@media potrait and (max-width:1023px) {
  .cmp-colorswitch[is-draggable=true] .cmp-colorswitch__image-wrapper:hover {
    cursor: grab
  }

  .cmp-colorswitch[is-draggable=true] .cmp-colorswitch__image-wrapper:active {
    cursor: grabbing
  }
}

.cmp-colorswitch__picture {
  grid-column-start: 1;
  grid-row-start: 1;
  height: auto;
  width: auto
}

.cmp-colorswitch__picture-standard {
  transform: scaleX(-1)
}

.cmp-colorswitch__image {
  --colorswitch-image-aspect-ratio: 1/1;
  aspect-ratio: var(--colorswitch-image-aspect-ratio);
  display: var(--colorswitch-image-display, none);
  height: var(--colorswitch-image-height);
  object-fit: cover;
  opacity: 0;
  
  transition-duration: 1.5s;
  transition-property: opacity;
  -webkit-user-select: none;
  user-select: none;
  width: var(--colorswitch-image-width);
  will-change: opacity
}

.cmp-colorswitch__image.cmp-colorswitch__image-selected {
  display: block
}

@media screen and (min-width:768px) {
  .cmp-colorswitch__image {
    --colorswitch-image-aspect-ratio: 16/9
  }
}

@media screen and (min-width:1024px) {
  .cmp-colorswitch__image {
    --colorswitch-image-aspect-ratio: 16/7;
    --colorswitch-image-height: 100%
  }
}

@media screen and (max-width:1023px) {

  .cmp-colorswitch__image.focus-visible:focus,
  .cmp-colorswitch__image.focus-visible:focus-visible {
    outline: none
  }

  .cmp-colorswitch__image.focus-visible:focus-visible,
  .cmp-colorswitch__image.focus-visible:focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }

  @supports (display:block) {
    .cmp-colorswitch__image.focus-visible.focus-visible {
      outline: none
    }

    .cmp-colorswitch__image.focus-visible.focus-visible,
    .cmp-colorswitch__image.focus-visible.focus-visible:hover {
      box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
    }
  }
}

@media screen and (max-width:767px) {
  .cmp-colorswitch--exterior .cmp-colorswitch__image {
    aspect-ratio: var(--colorswitch-component-exterior-aspect-ratio)
  }
}

@media screen and (min-width:1024px) {

  .cmp-colorswitch.cmp-colorswitch--interior,
  .cmp-colorswitch.cmp-colorswitch--interior .cmp-colorswitch__image {
    --colorswitch-image-aspect-ratio: 16/9
  }
}

@media screen and (min-width:1280px) {
  .cmp-colorswitch.cmp-colorswitch--interior {
    --colorswitch-image-aspect-ratio: 16/7
  }
}

@media screen and (min-width:1920px) {

  .cmp-colorswitch.cmp-colorswitch--interior,
  .cmp-colorswitch.cmp-colorswitch--interior .cmp-colorswitch__image {
    --colorswitch-image-aspect-ratio: 16/7
  }
}

:is(.cmp-colorswitch[data-initialized=true]) .cmp-colorswitch__image {
  display: block
}

.cmp-colorswitch__image-selected {
  opacity: 1;
  transition-duration: .5s
}

.cmp-colorswitch {
  --colorswitch-disclaimer-width: 100%;
  --colorswitch-swatches-width: 100%;
  --colorswitch-linear-gradient-height: 12rem;
  --colorswitch-justify-content: center;
  --colorswitch-flex-direction: column;
  --colorswitch-text-align: center;
  --colorswitch-bottom-elements-gap: 1.5rem;
  --colorswitch-container-padding-bottom: 2.5rem;
  --colorswitch-container-gap: 1rem;
  --colorswitch-swatch-text-self-align: center;
  --colorswitch-cta-button-icon-margin-bottom: 0
}

@media screen and (min-width:768px) {
  .cmp-colorswitch {
    --colorswitch-linear-gradient-height: 10.75rem
  }
}

@media screen and (orientation:landscape) {
  .cmp-colorswitch {
    --colorswitch-disclaimer-width: 40%;
    --colorswitch-swatches-width: 60%;
    --colorswitch-container-padding: 10%;
    --colorswitch-linear-gradient-height: 12rem;
    --colorswitch-justify-content: left;
    --colorswitch-text-align: left;
    --colorswitch-flex-direction: row;
    --colorswitch-swatch-text-self-align: self-start
  }
}

@media screen and (min-width:1024px) {
  .cmp-colorswitch {
    --colorswitch-disclaimer-width: 40%;
    --colorswitch-swatches-width: 60%;
    --colorswitch-container-padding: 10%;
    --colorswitch-linear-gradient-height: 12rem;
    --colorswitch-justify-content: left;
    --colorswitch-text-align: left;
    --colorswitch-flex-direction: row;
    --colorswitch-swatch-text-self-align: self-start;
    --colorswitch-cta-button-icon-margin-bottom: 0.125rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-colorswitch {
    --colorswitch-disclaimer-width: 50%;
    --colorswitch-swatches-width: 50%;
    --colorswitch-linear-gradient-height: 8rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-colorswitch {
    --colorswitch-disclaimer-width: 50%;
    --colorswitch-swatches-width: 50%;
    --colorswitch-linear-gradient-height: 18.75rem;
    --colorswitch-container-padding-bottom: 5rem;
    --colorswitch-container-gap: 1.5rem
  }
}

.cmp-colorswitch__container-wrapper {
  align-items: center;
  bottom: 0;
  justify-content: center;
  overflow-y: visible;
  padding-bottom: var(--colorswitch-container-padding-bottom);
  padding-left: var(--colorswitch-container-padding);
  padding-right: var(--colorswitch-container-padding);
  position: absolute;
  width: 100%;
  z-index: 10
}

.cmp-colorswitch__container-wrapper,
.cmp-colorswitch__content-container {
  display: flex;
  flex-direction: column;
  height: auto;
  max-height: -moz-fit-content;
  max-height: fit-content
}

.cmp-colorswitch__content-container {
  align-content: center;
  cursor: default;
  gap: var(--colorswitch-container-gap);
  padding: 0 1.5rem;
  width: var(--colorswitch-container-width);
  z-index: 20
}

.cmp-colorswitch__text-container {
  align-self: var(--colorswitch-swatch-text-self-align);
  justify-content: var(--colorswitch-justify-content);
  text-align: var(--colorswitch-text-align)
}

.cmp-colorswitch__title {
  display: inline;
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-2-line-height)
}

.cmp-colorswitch__infoi {
  margin-left: .5rem
}

.cmp-colorswitch__infoi:has(.cmp-colorswitch--is-hidden) {
  margin-left: 0
}

.cmp-colorswitch__bottom-container {
  display: flex;
  flex-direction: var(--colorswitch-flex-direction);
  gap: var(--colorswitch-bottom-elements-gap);
  height: auto;
  justify-content: space-between;
  max-height: -moz-fit-content;
  max-height: fit-content;
  padding: 0
}

.cmp-colorswitch__cta-button {
  text-wrap: nowrap;
  width: unset !important
}

.cmp-colorswitch__cta-button:focus,
.cmp-colorswitch__cta-button:focus-visible {
  outline: none
}

.cmp-colorswitch__cta-button:focus-visible,
.cmp-colorswitch__cta-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-colorswitch__cta-button.focus-visible {
    outline: none
  }

  .cmp-colorswitch__cta-button.focus-visible,
  .cmp-colorswitch__cta-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-colorswitch__cta-button .cmp-button__icon {
  margin-bottom: var(--colorswitch-cta-button-icon-margin-bottom) !important;
  margin-top: .25rem
}

.cmp-colorswitch__cta-button-container {
  align-items: start !important;
  justify-content: var(--colorswitch-justify-content)
}

.cmp-colorswitch__button-disclaimer {
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-colorswitch__disclaimer {
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  height: 4.5rem;
  line-height: var(--body-3-line-height);
  max-height: -moz-fit-content;
  max-height: fit-content;
  opacity: .7051;
  text-align: var(--colorswitch-text-align);
  width: var(--colorswitch-disclaimer-width)
}

.cmp-colorswitch--is-hidden {
  display: none
}

@keyframes color-switch-hotspot-pulse {
  0% {
    box-shadow: 0 0 .0625rem 0 #ffffffb3
  }

  50% {
    box-shadow: 0 0 .0625rem .625rem #fff0
  }

  to {
    box-shadow: 0 0 .0625rem .625rem #fff0
  }
}

@keyframes color-switch-hotspot-fade-in {
  0% {
    opacity: 0;
    visibility: visible
  }

  to {
    opacity: 1;
    visibility: visible
  }
}

.cmp-colorswitch__hotspot-grid {
  grid-gap: 1rem;
  --colorswitch-hotspot-button-width: 2.25rem;
  --colorswitch-hotspot-button-height: 2.25rem;
  display: grid;
  grid-template-areas: "top-left top-center top-right" "middle-left middle-center middle-right" "bottom-left bottom-center bottom-right";
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  height: 55%;
  padding: 7.75rem 1.5rem 0;
  
  position: absolute;
  width: 100%
}

@media screen and (orientation:landscape) {
  .cmp-colorswitch__hotspot-grid {
    height: 60%;
    padding: 2rem 1.5rem 0
  }
}

@media screen and (min-width:768px) {
  .cmp-colorswitch__hotspot-grid {
    grid-gap: 1.5rem;
    height: 60%;
    padding: 7.75rem 10rem 0
  }
}

@media screen and (min-width:1024px) {
  .cmp-colorswitch__hotspot-grid {
    height: 70%;
    padding: 7.75rem 12rem 0
  }
}

@media screen and (min-width:1280px) {
  .cmp-colorswitch__hotspot-grid {
    height: 65%;
    padding: 6.25rem 12rem 0
  }
}

@media screen and (min-width:1920px) {
  .cmp-colorswitch__hotspot-grid {
    grid-gap: 2rem;
    padding: 6.25rem 15rem 0
  }
}

.cmp-colorswitch__hotspot-button {
  align-self: center;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 .0625rem .625rem #fff;
  color: #000;
  cursor: pointer;
  display: grid;
  height: var(--colorswitch-hotspot-button-height);
  margin: 0 auto;
  opacity: 0;
  place-content: center;
  pointer-events: auto;
  text-decoration: none;
  visibility: hidden;
  width: var(--colorswitch-hotspot-button-width);
  z-index: 10
}

.cmp-colorswitch__hotspot-button:focus,
.cmp-colorswitch__hotspot-button:focus-visible {
  outline: none
}

.cmp-colorswitch__hotspot-button:focus-visible,
.cmp-colorswitch__hotspot-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-colorswitch__hotspot-button.focus-visible {
    outline: none
  }

  .cmp-colorswitch__hotspot-button.focus-visible,
  .cmp-colorswitch__hotspot-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-colorswitch__hotspot-button:focus-visible,
.cmp-colorswitch__hotspot-button:hover {
  color: #1c69d4
}

.cmp-colorswitch__hotspot-button--visible {
  animation: color-switch-hotspot-fade-in .5s, color-switch-hotspot-pulse 2s infinite;
  animation-delay: 2.5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease
}

@media screen and (min-width:1024px) {
  .cmp-colorswitch__hotspot-button--visible {
    animation-delay: unset
  }
}

@media screen and (orientation:landscape) {
  .cmp-colorswitch__hotspot-button--visible {
    animation-delay: unset
  }
}

.cmp-colorswitch__hotspot-button--top-left {
  grid-area: top-left
}

.cmp-colorswitch__hotspot-button--top-center {
  grid-area: top-center
}

.cmp-colorswitch__hotspot-button--top-right {
  grid-area: top-right
}

.cmp-colorswitch__hotspot-button--middle-left {
  grid-area: middle-left
}

.cmp-colorswitch__hotspot-button--middle-center {
  grid-area: middle-center
}

.cmp-colorswitch__hotspot-button--middle-right {
  grid-area: middle-right
}

.cmp-colorswitch__hotspot-button--bottom-left {
  grid-area: bottom-left
}

.cmp-colorswitch__hotspot-button--bottom-center {
  grid-area: bottom-center
}

.cmp-colorswitch__hotspot-button--bottom-right {
  grid-area: bottom-right
}

.cmp-colorswitch__swatches-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: var(--colorswitch-swatches-width)
}

@media screen and (orientation:landscape) {
  .cmp-colorswitch__swatches-container {
    flex-direction: row
  }
}

@media screen and (min-width:1024px) {
  .cmp-colorswitch__swatches-container {
    flex-direction: row
  }
}

.cmp-colorswitch--vertical-flex .cmp-colorswitch__swatches-container {
  display: flex;
  flex-direction: column;
  height: 4.5rem
}

@media screen and (min-width:1024px) {
  .cmp-colorswitch--vertical-flex .cmp-colorswitch__swatches-container {
    height: 3.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-colorswitch--vertical-flex .cmp-colorswitch__swatches-container {
    height: 5rem
  }
}

.cmp-colorswitch__swatches-elements {
  display: flex;
  flex-direction: row;
  gap: .75rem;
  justify-content: var(--colorswitch-justify-content);
  list-style: none
}

.cmp-colorswitch__swatch {
  background-color: #4d4d4d;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 1.75rem;
  padding: 0;
  position: relative;
  width: 1.75rem
}

.cmp-colorswitch--exterior .cmp-colorswitch__swatch--is-selected:before,
.cmp-colorswitch__swatch--is-selected:before,
.cmp-colorswitch__swatch:hover:before {
  border: .0625rem solid #262626;
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  scale: 1.3;
  width: 100%
}

.cmp-colorswitch--interior .cmp-colorswitch__swatch--is-selected:before,
.cmp-colorswitch--interior .cmp-colorswitch__swatch:hover:before {
  border: .0625rem solid #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  scale: 1.3;
  width: 100%
}

.cmp-colorswitch__swatch:after {
  background-color: #262626;
  border-radius: .1875rem;
  color: #fff;
  content: attr(data-title);
  display: none;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  font-weight: var(--input-font-weight);
  left: 50%;
  line-height: var(--label-1-line-height);
  line-height: 1rem;
  margin-block-start: .5rem;
  padding: .18rem .38rem;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: max-content
}

.cmp-colorswitch__swatch:hover:after {
  display: block
}

@media screen and (max-width:1023px) {
  .cmp-colorswitch__swatch:hover:after {
    display: none
  }
}

.cmp-colorswitch__swatch-image {
  border-radius: inherit;
  height: inherit;
  width: inherit
}

.cmp-colorswitch__button-disclaimer {
  display: flex;
  justify-content: var(--colorswitch-justify-content)
}

@media screen and (max-width:1023px) {
  .cmp-colorswitch__button-disclaimer {
    height: 1.5rem
  }
}

.cmp-colorswitch--is-hidden {
  display: none !important;
  visibility: hidden;
  width: 0
}

.cmp-colorswitch__gesture-hint {
  color: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: 30
}

.cmp-colorswitch__gesture-hint:before {
  text-shadow: 1px 2px 5px #262626
}

.cmp-colorswitch__gesture-hint-arrow {
  transform: translateY(65%);
  translate: 80%
}

.cmp-colorswitch__gesture-hint--visible .cmp-colorswitch__gesture-hint-arrow {
  animation-name: color-switch-gesture-hint-fade-in, move-right-5px
}

.cmp-colorswitch__gesture-hint--visible .cmp-colorswitch__gesture-hint-hand {
  animation-name: color-switch-gesture-hint-fade-in, rotate-right-45deg
}

.cmp-colorswitch__gesture-hint--visible :is(.cmp-colorswitch__gesture-hint-arrow, .cmp-colorswitch__gesture-hint-hand) {
  animation-delay: .25s;
  animation-duration: 4s, 3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease
}

@media (prefers-reduced-motion:reduce) {
  .cmp-colorswitch__gesture-hint--visible :is(.cmp-colorswitch__gesture-hint-arrow, .cmp-colorswitch__gesture-hint-hand) {
    animation-name: color-switch-reduced-animation;
    transition: none
  }
}

.cmp-colorswitch__gesture-hint-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  
  position: absolute;
  top: -5.125rem;
  width: 100%
}

@media screen and (min-width:1024px) {

  .cmp-colorswitch__gesture-hint,
  .cmp-colorswitch__gesture-hint--visible {
    display: none !important
  }
}

@media screen and (orientation:landscape) {

  .cmp-colorswitch__gesture-hint,
  .cmp-colorswitch__gesture-hint--visible {
    display: none !important
  }
}

@keyframes color-switch-gesture-hint-fade-in {
  0% {
    opacity: 0;
    visibility: visible
  }

  20% {
    opacity: 1;
    visibility: visible
  }

  30% {
    opacity: 1;
    visibility: visible
  }

  40% {
    opacity: 1;
    visibility: visible
  }

  60% {
    opacity: 1;
    visibility: visible
  }

  70% {
    opacity: 1;
    visibility: visible
  }

  80% {
    opacity: 1;
    visibility: visible
  }

  to {
    opacity: 0;
    visibility: hidden
  }
}

@keyframes move-right-5px {

  0%,
  20%,
  50%,
  90%,
  to {
    translate: 80%
  }

  40%,
  70% {
    translate: 100%
  }
}

@keyframes rotate-right-45deg {

  0%,
  20%,
  50%,
  90%,
  to {
    transform: rotate(0deg)
  }

  40%,
  70% {
    transform: rotate(15deg)
  }
}

@keyframes color-switch-reduced-animation {
  0% {
    opacity: 1;
    visibility: visible
  }

  99% {
    opacity: 1;
    visibility: visible
  }

  to {
    opacity: 0;
    visibility: hidden
  }
}

.cmp-colorswitch {
  --colorswitch-slideout-container-width: 100%;
  --colorswitch-slideout-padding: 1.5rem;
  --colorswitch-slideout-image-aspect-ratio: 1/1;
  --colorswitch-slideout-anim-duration: .6s;
  --colorswitch-slideout-anim-timing-function: ease-in-out;
  --colorswitch-slideout-anim-translate-end: translate(0, 0);
  --colorswitch-slideout-anim-translate-start: translate(0, 100%)
}

.cmp-colorswitch:before {
  background-color: #000000ad;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 20
}

@media screen and (min-width:768px) {
  .cmp-colorswitch {
    --colorswitch-slideout-container-width: 60cqw;
    --colorswitch-slideout-image-aspect-ratio: 4/3;
    --colorswitch-slideout-anim-translate-end: translate(0, 0);
    --colorswitch-slideout-anim-translate-start: translate(-100%, 0)
  }
}

@media screen and (orientation:landscape) {
  .cmp-colorswitch {
    --colorswitch-slideout-container-width: 45cqw;
    --colorswitch-slideout-image-aspect-ratio: 3/2
  }
}

@media screen and (min-width:1024px) {
  .cmp-colorswitch {
    --colorswitch-slideout-container-width: 45cqw;
    --colorswitch-slideout-image-aspect-ratio: 3/2
  }
}

@media screen and (min-width:1280px) {
  .cmp-colorswitch {
    --colorswitch-slideout-container-width: 40cqw;
    --colorswitch-slideout-padding: 2rem;
    --colorswitch-slideout-image-aspect-ratio: 16/9
  }
}

@media screen and (min-width:1920px) {
  .cmp-colorswitch {
    --colorswitch-slideout-container-width: 30cqw;
    --colorswitch-slideout-image-aspect-ratio: 3/2
  }
}

.cmp-colorswitch__slideout-content-container {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: var(--colorswitch-slideout-padding)
}

.cmp-colorswitch__slideout-title {
  font-size: var(--headline-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-3-line-height)
}

.cmp-colorswitch__slideout-text {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height)
}

.cmp-colorswitch__slideout-image .cmp-image__image {
  aspect-ratio: var(--colorswitch-slideout-image-aspect-ratio);
  height: auto;
  object-fit: cover;
  width: 100%
}

.cmp-colorswitch__slideout-wrapper {
  background: #fff;
  display: none;
  height: 100%;
  left: 0;
  overflow-y: auto;
  pointer-events: auto;
  position: fixed;
  top: 0;
  width: 100%
}

.cmp-colorswitch__slideout-wrapper:focus-visible:focus,
.cmp-colorswitch__slideout-wrapper:focus-visible:focus-visible {
  outline: none
}

.cmp-colorswitch__slideout-wrapper:focus-visible:focus-visible,
.cmp-colorswitch__slideout-wrapper:focus-visible:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-colorswitch__slideout-wrapper:focus-visible.focus-visible {
    outline: none
  }

  .cmp-colorswitch__slideout-wrapper:focus-visible.focus-visible,
  .cmp-colorswitch__slideout-wrapper:focus-visible.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-colorswitch__slideout--active {
  display: block
}

.cmp-colorswitch__slideout--active.focus-visible {
  box-shadow: none
}

.cmp-colorswitch__slideout {
  background: #fff;
  border-bottom: 1px solid #bbb;
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  transform: var(--colorswitch-slideout-anim-translate-start);
  transition: .6s ease;
  visibility: hidden;
  width: var(--colorswitch-slideout-container-width);
  z-index: 40
}

.cmp-colorswitch.cmp-colorswitch--slideout-visible {
  position: relative
}

.cmp-colorswitch.cmp-colorswitch--slideout-visible .cmp-colorswitch__slideout {
  transform: var(--colorswitch-slideout-anim-translate-end);
  visibility: visible
}

.cmp-colorswitch.cmp-colorswitch--slideout-visible:before {
  opacity: 1;
  transition: opacity .6s ease-in-out, visibility 0s;
  visibility: visible
}

.cmp-colorswitch__slideout-close-button {
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  margin: 1.5rem 1.5rem 0 0;
  padding: .5rem;
  position: absolute;
  right: 0;
  z-index: 40
}

.cmp-colorswitch__slideout-close-button,
.cmp-colorswitch__slideout-close-button:active,
.cmp-colorswitch__slideout-close-button:focus,
.cmp-colorswitch__slideout-close-button:hover {
  background-color: #fff;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-colorswitch__slideout-close-button:hover {
    background-color: #bbb;
    box-shadow: none
  }
}

.cmp-colorswitch__slideout-close-button:focus,
.cmp-colorswitch__slideout-close-button:focus-visible {
  outline: none
}

.cmp-colorswitch__slideout-close-button:focus-visible,
.cmp-colorswitch__slideout-close-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-colorswitch__slideout-close-button.focus-visible {
    outline: none
  }

  .cmp-colorswitch__slideout-close-button.focus-visible,
  .cmp-colorswitch__slideout-close-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-colorswitch__slideout-close-button:focus-visible {
  background-color: #bbb
}

@supports (display:block) {
  .cmp-colorswitch__slideout-close-button.focus-visible {
    background-color: #bbb
  }
}

.cmp-colorswitch__slideout-close-button:disabled,
.cmp-colorswitch__slideout-close-button[aria-disabled=true] {
  background-color: #8e8e8e;
  color: #666;
  pointer-events: none
}

.cmp-colorswitch__slideout-close-button:disabled:focus-visible,
.cmp-colorswitch__slideout-close-button[aria-disabled=true]:focus-visible {
  color: #666
}

@supports (display:block) {

  .cmp-colorswitch__slideout-close-button:disabled.focus-visible,
  .cmp-colorswitch__slideout-close-button[aria-disabled=true].focus-visible {
    color: #666
  }
}

@media screen and (min-width:1280px) {
  .cmp-colorswitch__slideout-close-button {
    padding: 1rem
  }
}

.cmp-colorswitch__slideout-close-button-icon {
  font-size: 1.5rem
}

.cmp-colorswitch__slideout-close-button-icon:before {
  font-size: inherit;
  font-weight: 400
}

@media screen and (min-width:1280px) {
  .cmp-colorswitch__slideout-close-button-icon {
    font-size: 2rem
  }

  .cmp-colorswitch__slideout-close-button-icon:before {
    font-size: inherit;
    font-weight: 400
  }
}

.cmp-colorswitch.cmp-colorswitch--exterior {
  --colorswitch-image-wrapper-padding-bottom: 0
}

.cmp-colorswitch.cmp-colorswitch--exterior .cmp-colorswitch__image-wrapper {
  padding-bottom: var(--colorswitch-image-wrapper-padding-bottom);
  width: var(--colorswitch-container-width)
}

.cmp-colorswitch.cmp-colorswitch--exterior .cmp-colorswitch__container-wrapper {
  background: linear-gradient(0deg, #fff 0, #0000)
}

@media screen and (orientation:landscape) {
  .cmp-colorswitch.cmp-colorswitch--exterior {
    --colorswitch-image-wrapper-padding-bottom: 2rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-colorswitch.cmp-colorswitch--exterior {
    --colorswitch-image-wrapper-padding-bottom: 2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-colorswitch.cmp-colorswitch--exterior.cmp-colorswitch--tilt {
    --colorswitch-image-wrapper-padding-bottom: 4rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-colorswitch.cmp-colorswitch--exterior.cmp-colorswitch--tilt .cmp-colorswitch__container-wrapper {
    bottom: -2.5rem
  }
}

.cmp-colorswitch.cmp-colorswitch--interior .cmp-colorswitch__image-wrapper {
  height: 100%;
  scale: 1
}

.cmp-colorswitch.cmp-colorswitch--interior .cmp-colorswitch__swatch-image {
  transform: rotate(-30deg)
}

.cmp-colorswitch.cmp-colorswitch--interior .cmp-colorswitch__container-wrapper {
  background-color: #000c;
  color: #fff
}

.cmp-colorswitch.cmp-colorswitch--interior .cmp-colorswitch__container-wrapper:before {
  background: linear-gradient(180deg, #0000, #0000, #000c);
  bottom: 100%;
  content: "";
  height: var(--colorswitch-linear-gradient-height);
  left: 0;
  
  position: absolute;
  width: 100%
}

.cmp-colorswitch.cmp-colorswitch--interior .cmp-colorswitch__configuration-error {
  color: #fff
}

body:not([data-wcag-aa]) .cmp-descriptive__carousel-wrapper .cmp-video__video {
  pointer-events: none
}

.cmp-descriptive {
  margin-bottom: 2.5rem;
  margin-top: -1.5rem
}

.cmp-descriptive .cmp-descriptive__icon:before {
  font-size: 1.25rem;
  font-weight: 400
}

@media screen and (min-width:1024px) {
  .cmp-descriptive {
    margin-top: -2.5rem
  }
}

.cmp-descriptive__wrapper {
  display: flex
}

@media screen and (min-width:1024px) {
  .cmp-descriptive__wrapper {
    align-items: flex-end
  }
}

.swiper-slide.cmp-descriptive__slide {
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: flex-end
}

@media screen and (min-width:1024px) {
  .swiper-slide.cmp-descriptive__slide.cmp-descriptive__slide--active {
    border-bottom: .0625rem solid #e6e6e6;
    display: block
  }

  .swiper-slide.cmp-descriptive__slide {
    border-bottom: .0625rem solid #e6e6e6
  }
}

.cmp-descriptive__title {
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-2-line-height);
  text-align: start
}

.cmp-descriptive__popup {
  background: #fff;
  border: .0625rem solid #e6e6e6;
  color: #000;
  cursor: default;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 1.25rem 1.5rem 1.5rem
}

.cmp-descriptive__slide:not(.cmp-descriptive__slide--active) .cmp-descriptive__popup {
  pointer-events: none
}

@media screen and (min-width:1024px) {
  .cmp-descriptive__popup {
    height: auto;
    opacity: 0
  }
}

.cmp-descriptive__item {
  cursor: pointer;
  display: none;
  padding-bottom: 1rem;
  padding-left: 1.5rem
}

.cmp-descriptive__item:focus,
.cmp-descriptive__item:focus-visible {
  outline: none
}

.cmp-descriptive__item:focus-visible,
.cmp-descriptive__item:focus-visible:hover {
  box-shadow: none
}

.cmp-descriptive__item:focus-visible:after,
.cmp-descriptive__item:focus-visible:hover:after {
  bottom: 0;
  box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
  content: " ";
  display: block;
  left: 0;
  
  position: absolute;
  right: 0;
  top: 0
}

@supports (display:block) {
  .cmp-descriptive__item.focus-visible {
    outline: none
  }

  .cmp-descriptive__item.focus-visible,
  .cmp-descriptive__item.focus-visible:hover {
    box-shadow: none
  }

  .cmp-descriptive__item.focus-visible:after,
  .cmp-descriptive__item.focus-visible:hover:after {
    bottom: 0;
    box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
    content: " ";
    display: block;
    left: 0;
    
    position: absolute;
    right: 0;
    top: 0
  }
}

.cmp-descriptive__item:active,
.cmp-descriptive__item:focus,
.cmp-descriptive__item:hover {
  background-color: #0000;
  color: #000
}

@media screen and (min-width:1024px) {
  .cmp-descriptive__item {
    align-items: center;
    background: unset;
    border: 0;
    color: #000;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
  }
}

.cmp-descriptive__item--active {
  display: flex
}

.cmp-descriptive__description {
  color: #262626;
  padding: 1rem 0
}

.cmp-descriptive__description ol,
.cmp-descriptive__description ul {
  padding-left: 1.25em
}

.cmp-descriptive__description ul {
  list-style: disc
}

.cmp-descriptive__description ul ul {
  list-style: circle
}

.cmp-descriptive__description a {
  border: 0;
  border-bottom: 1px solid;
  box-shadow: none;
  cursor: pointer;
  display: inline;
  line-height: inherit;
  text-decoration: none
}

.cmp-descriptive__description a,
.cmp-descriptive__description a:active,
.cmp-descriptive__description a:disabled,
.cmp-descriptive__description a:focus,
.cmp-descriptive__description a:hover,
.cmp-descriptive__description a:visited {
  background: #0000;
  color: #262626
}

.cmp-descriptive__description a:hover {
  color: #1c69d4
}

.cmp-descriptive__description a:active {
  color: #0653b6
}

.cmp-descriptive__description a:disabled {
  color: #bbb
}

.cmp-descriptive__description a:focus,
.cmp-descriptive__description a:focus-visible {
  outline: none
}

.cmp-descriptive__description a:focus-visible,
.cmp-descriptive__description a:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-descriptive__description a.focus-visible {
    outline: none
  }

  .cmp-descriptive__description a.focus-visible,
  .cmp-descriptive__description a.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-descriptive__description a:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-descriptive__description a.focus-visible {
    color: #1c69d4
  }
}

.cmp-descriptive__details {
  align-items: center;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height);
  text-decoration: none
}

.cmp-descriptive__details,
.cmp-descriptive__details:active,
.cmp-descriptive__details:disabled,
.cmp-descriptive__details:focus,
.cmp-descriptive__details:hover,
.cmp-descriptive__details:visited {
  background: #0000;
  color: #262626
}

.cmp-descriptive__details:hover {
  color: #1c69d4
}

.cmp-descriptive__details:active {
  color: #0653b6
}

.cmp-descriptive__details:disabled {
  color: #bbb
}

.cmp-descriptive__details:focus,
.cmp-descriptive__details:focus-visible {
  outline: none
}

.cmp-descriptive__details:focus-visible,
.cmp-descriptive__details:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-descriptive__details.focus-visible {
    outline: none
  }

  .cmp-descriptive__details.focus-visible,
  .cmp-descriptive__details.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-descriptive__details:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-descriptive__details.focus-visible {
    color: #1c69d4
  }
}

.swiper-slide:not(.cmp-descriptive__slide--active) .cmp-descriptive__popup {
  color: #8e8e8e
}

@media screen and (min-width:1024px) {
  .swiper-slide:not(.cmp-descriptive__slide--active) .cmp-descriptive__popup {
    margin-top: -3.25rem;
    opacity: 0;
    overflow: hidden
  }
}

.swiper-slide:not(.cmp-descriptive__slide--active) .cmp-descriptive__description,
.swiper-slide:not(.cmp-descriptive__slide--active) .cmp-descriptive__details {
  color: #8e8e8e
}

.swiper-slide.cmp-descriptive__slide--active .cmp-descriptive__popup {
  opacity: 1;
  transition: height 1s
}

@media screen and (min-width:1024px) {
  .swiper-slide.cmp-descriptive__slide--active .cmp-descriptive__popup {
    height: 100%
  }
}

.cmp-descriptive__slide--active .cmp-descriptive__item {
  display: none
}

@media screen and (min-width:1024px) {

  .cmp-descriptive__slide--active.first-load,
  .cmp-descriptive__slide--active.first-load.cmp-descriptive__popup {
    height: 100%
  }
}

.cmp-descriptive__slide--not-active.cmp-descriptive__popup {
  height: 0 !important
}

@media screen and (max-width:767px) {
  .swiper-slide.cmp-descriptive__slide.swiper-slide-prev:nth-last-child(2) {
    margin-left: -8%
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .swiper-slide.cmp-descriptive__slide.swiper-slide-prev:nth-last-child(2) {
    margin-left: -18%
  }

  .swiper-slide.cmp-descriptive__slide.swiper-slide-prev {
    margin-left: 6%
  }
}

.cmp-carousel__hero-slide {
  display: none
}

.cmp-carousel__hero-slide>:first-child {
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-carousel__hero-slide {
    display: flex;
    padding: 0 0 1.5rem
  }

  .cmp-carousel--dynamic .cmp-carousel__content {
    height: calc(33.33333vw - 1.5rem);
    max-height: 36.5rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-carousel--dynamic .cmp-carousel__content {
    height: calc(33.33333vw - 3.5rem)
  }
}

@media screen and (min-width:768px) {

  .cmp-carousel--dynamic .backgroundmedia,
  .cmp-carousel--dynamic .cmp-backgroundmedia,
  .cmp-carousel--dynamic .cmp-container,
  .cmp-carousel--dynamic .cmp-image,
  .cmp-carousel--dynamic .cmp-image__wrapper,
  .cmp-carousel--dynamic .cmp-video,
  .cmp-carousel--dynamic .container,
  .cmp-carousel--dynamic .image,
  .cmp-carousel--dynamic .video {
    height: 100%
  }
}

.cmp-carousel--dynamic img {
  height: 100%;
  object-fit: cover
}

@media screen {
  .swiper.cmp-carousel--dynamic-5-7 .swiper-slide:nth-child(n) {
    margin-right: 1rem;
    width: calc(91.66667% - var(--grid-gutter))
  }
}

@media screen and (min-width:768px) {
  .swiper.cmp-carousel--dynamic-5-7 .swiper-slide:nth-child(n) {
    margin-right: 1.5rem;
    width: calc(66.66667% - var(--grid-gutter))
  }
}

@media screen and (min-width:1024px) {
  .swiper.cmp-carousel--dynamic-5-7 .swiper-slide:nth-child(n) {
    width: calc(50% - var(--grid-gutter))
  }
}

@media screen and (min-width:1280px) {
  .swiper.cmp-carousel--dynamic-5-7 .swiper-slide:nth-child(n) {
    width: calc(41.66667% - var(--grid-gutter))
  }
}

@media screen and (min-width:1024px) {
  .swiper.cmp-carousel--dynamic-5-7 .swiper-slide:nth-child(2n) {
    width: calc(50% - var(--grid-gutter))
  }
}

@media screen and (min-width:1280px) {
  .swiper.cmp-carousel--dynamic-5-7 .swiper-slide:nth-child(2n) {
    width: calc(58.33333% - var(--grid-gutter))
  }
}

@media screen and (max-width:767px) {
  .swiper.cmp-carousel--dynamic-5-7 .swiper-slide-prev:nth-last-child(2) {
    margin-left: -3.5rem
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .swiper.cmp-carousel--dynamic-5-7 .swiper-slide-prev:nth-last-child(2) {
    margin-left: calc(-33.33333% + .75rem)
  }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
  .swiper.cmp-carousel--dynamic-5-7 .swiper-slide-prev:nth-last-child(3) {
    margin-left: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .swiper.cmp-carousel--dynamic-5-7 .swiper-slide:nth-child(odd).swiper-slide-prev:nth-last-child(3) {
    margin-left: 1.5rem
  }
}

@media screen {
  .swiper.cmp-carousel--dynamic-7-5 .swiper-slide:nth-child(n) {
    margin-right: 1rem;
    width: calc(91.66667% - var(--grid-gutter))
  }
}

@media screen and (min-width:768px) {
  .swiper.cmp-carousel--dynamic-7-5 .swiper-slide:nth-child(n) {
    margin-right: 1.5rem;
    width: calc(66.66667% - var(--grid-gutter))
  }
}

@media screen and (min-width:1024px) {
  .swiper.cmp-carousel--dynamic-7-5 .swiper-slide:nth-child(n) {
    width: calc(50% - var(--grid-gutter))
  }
}

@media screen and (min-width:1280px) {
  .swiper.cmp-carousel--dynamic-7-5 .swiper-slide:nth-child(n) {
    width: calc(58.33333% - var(--grid-gutter))
  }
}

@media screen and (min-width:1024px) {
  .swiper.cmp-carousel--dynamic-7-5 .swiper-slide:nth-child(2n) {
    width: calc(50% - var(--grid-gutter))
  }
}

@media screen and (min-width:1280px) {
  .swiper.cmp-carousel--dynamic-7-5 .swiper-slide:nth-child(2n) {
    width: calc(41.66667% - var(--grid-gutter))
  }
}

@media screen and (max-width:767px) {
  .swiper.cmp-carousel--dynamic-7-5 .swiper-slide-prev:nth-last-child(2) {
    margin-left: -3.5rem
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .swiper.cmp-carousel--dynamic-7-5 .swiper-slide-prev:nth-last-child(2) {
    margin-left: calc(-33.33333% + .75rem)
  }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
  .swiper.cmp-carousel--dynamic-7-5 .swiper-slide-prev:nth-last-child(3) {
    margin-left: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .swiper.cmp-carousel--dynamic-7-5 .swiper-slide:nth-child(odd).swiper-slide-prev:nth-last-child(3) {
    margin-left: 1.5rem
  }
}

@media screen and (min-width:1024px) and (max-width:1279px) {

  .cmp-carousel--dynamic-5-7 .cmp-carousel__btn-next,
  .cmp-carousel--dynamic-7-5 .cmp-carousel__btn-next {
    margin-left: -.75rem
  }

  .cmp-carousel--dynamic-5-7 .cmp-carousel__btn-prev,
  .cmp-carousel--dynamic-7-5 .cmp-carousel__btn-prev {
    margin-right: -.75rem
  }
}

@keyframes fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.cmp-carousel:focus {
  outline: none
}

.cmp-carousel .swiper {
  width: 100%
}

.cmp-carousel .swiper-wrapper {
  transition-timing-function: linear
}

@media screen and (max-width:767px) {
  .cmp-carousel .cmp-video {
    --grid-full: 0;
    margin: 0
  }

  .cmp-carousel :is(.cmp-video__video, .cmp-video__controls) {
    left: unset;
    margin-left: unset;
    width: 100%
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-carousel .cmp-video {
    --grid-full: 0;
    aspect-ratio: var(--video-a-r-small);
    margin: 0
  }

  .style-container--fixed .cmp-carousel .cmp-video {
    margin-left: calc(var(--grid-full)*-1);
    margin-right: calc(var(--grid-full)*-1);
    max-width: 120rem;
    width: calc(100% + var(--grid-full)*2)
  }
}

.cmp-carousel__item {
  animation: fade-in .6s ease-in-out both
}

.cmp-carousel__indicators {
  align-items: center;
  bottom: 1.25rem;
  display: flex;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 10
}

.cmp-carousel__indicators .cmp-carousel__indicators--hide {
  display: none
}

@media screen and (min-width:1024px) {
  .cmp-carousel__indicators {
    bottom: 2rem;
    left: .75rem;
    transform: none
  }
}

.cmp-carousel__indicator-icon {
  background-color: #fff;
  border-radius: 50%;
  display: block;
  height: .5rem;
  
  width: .5rem
}

.cmp-carousel__indicator {
  align-items: center;
  background: #0000;
  border-radius: 0;
  display: flex;
  justify-content: center
}

.cmp-carousel__indicator[data-cmp-hook-state=indicator] {
  border: 0;
  height: 1.5rem;
  margin: 0;
  padding: 0;
  width: 1.5rem
}

.cmp-carousel__indicator[data-cmp-hook-state=indicator].cmp-carousel__indicator--active {
  cursor: pointer;
  margin: 0 .125rem
}

.cmp-carousel__indicator[data-cmp-hook-state=indicator].cmp-carousel__indicator--active .cmp-carousel__indicator-icon {
  background-color: #8e8e8e
}

@media (hover:hover) {
  .cmp-carousel__indicator[data-cmp-hook-state=indicator]:hover {
    cursor: pointer
  }

  .cmp-carousel__indicator[data-cmp-hook-state=indicator]:hover .cmp-carousel__indicator-icon {
    background-color: #8e8e8e
  }

  .cmp-carousel__pagination-below-carousel .cmp-carousel__indicator[data-cmp-hook-state=indicator]:hover .cmp-carousel__indicator-icon {
    background-color: #262626;
    transform: scale(1.5)
  }
}

.cmp-carousel__pagination-below-carousel .cmp-carousel__indicators {
  bottom: 0;
  margin-top: 1.5rem;
  position: relative
}

.cmp-carousel__pagination-below-carousel .cmp-carousel__indicators .cmp-carousel__indicator--active {
  margin: 0 .125rem
}

@media screen and (min-width:1024px) {
  .cmp-carousel__pagination-below-carousel .cmp-carousel__indicators {
    left: 50%;
    transform: translateX(-50%)
  }
}

.cmp-carousel__pagination-below-carousel .cmp-carousel__indicator:not(.cmp-carousel__indicator--visible) {
  display: none
}

.cmp-carousel__pagination-below-carousel .cmp-carousel__indicator--visible .cmp-carousel__indicator-icon {
  background-color: #8e8e8e
}

.cmp-carousel__pagination-below-carousel .cmp-carousel__indicator--visible[data-cmp-hook-state=indicator].cmp-carousel__indicator--active .cmp-carousel__indicator-icon {
  background-color: #262626;
  transform: scale(1.5)
}

.cmp-carousel__actions {
  position: relative
}

.cmp-carousel__timer {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.cmp-carousel__timer svg circle {
  fill: none;
  stroke-width: 10;
  stroke-dasharray: 326.726;
  stroke-dashoffset: 326.726;
  transform: rotate(90deg);
  transform-origin: 50% 50%
}

.cmp-carousel__timer svg circle:first-child {
  stroke-dashoffset: 0;
  stroke: #8e8e8e
}

.cmp-carousel__timer svg circle:nth-child(2) {
  stroke: #fff
}

.cmp-carousel__btn-next,
.cmp-carousel__btn-prev {
  background-color: #fff;
  border: 0;
  border-radius: .125rem;
  box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d;
  height: 3rem;
  line-height: 1;
  opacity: .9;
  
  transition: opacity .75s ease-in-out;
  width: 3rem
}

.swiper-wrapper__left-area,
.swiper-wrapper__right-area {
  align-items: center;
  cursor: pointer;
  display: none;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3rem;
  z-index: 10
}

@media screen and (min-width:768px) {

  .swiper-wrapper__left-area,
  .swiper-wrapper__right-area {
    width: 3rem
  }
}

@media screen and (min-width:1280px) {

  .swiper-wrapper__left-area,
  .swiper-wrapper__right-area {
    width: 6rem
  }
}

@media screen and (min-width:1920px) {

  .swiper-wrapper__left-area,
  .swiper-wrapper__right-area {
    width: 12rem/2
  }
}

.swiper-wrapper__left-area.is--hidden,
.swiper-wrapper__right-area.is--hidden {
  display: none
}

@media screen and (min-width:1024px) {

  .swiper-wrapper__left-area,
  .swiper-wrapper__right-area {
    display: flex
  }
}

.swiper-wrapper__left-area {
  justify-content: flex-end;
  left: .75rem
}

.swiper-wrapper__right-area {
  justify-content: flex-start;
  right: .75rem
}

@media screen and (min-width:1024px) and (max-width:1279px) {
  .cmp-carousel__btn-prev {
    margin-right: -.25rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-carousel__btn-prev {
    margin-right: 2.75rem
  }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
  .cmp-carousel__btn-next {
    margin-left: -.25rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-carousel__btn-next {
    margin-left: 2.75rem
  }
}

.cmp-carousel:not([data-cmp-arrow-navigation=true]) .swiper-wrapper__left-area,
.cmp-carousel:not([data-cmp-arrow-navigation=true]) .swiper-wrapper__right-area,
.cmp-carousel__no-pagination .cmp-carousel__indicators {
  display: none
}

.carousel.aem-GridColumn--default--10 .swiper,
.carousel.aem-GridColumn--xlarge--10 .swiper {
  overflow: unset
}

@media screen and (min-width:768px) {

  .carousel.aem-GridColumn--default--10 .swiper .swiper-wrapper__left-area,
  .carousel.aem-GridColumn--default--10 .swiper .swiper-wrapper__right-area,
  .carousel.aem-GridColumn--xlarge--10 .swiper .swiper-wrapper__left-area,
  .carousel.aem-GridColumn--xlarge--10 .swiper .swiper-wrapper__right-area {
    width: calc(3rem + var(--scrollbar-width) + 8.33333%)
  }
}

@media screen and (min-width:1280px) {

  .carousel.aem-GridColumn--default--10 .swiper .swiper-wrapper__left-area,
  .carousel.aem-GridColumn--default--10 .swiper .swiper-wrapper__right-area,
  .carousel.aem-GridColumn--xlarge--10 .swiper .swiper-wrapper__left-area,
  .carousel.aem-GridColumn--xlarge--10 .swiper .swiper-wrapper__right-area {
    width: calc(6rem + 8.33333%)
  }
}

@media screen and (min-width:1920px) {

  .carousel.aem-GridColumn--default--10 .swiper .swiper-wrapper__left-area,
  .carousel.aem-GridColumn--default--10 .swiper .swiper-wrapper__right-area,
  .carousel.aem-GridColumn--xlarge--10 .swiper .swiper-wrapper__left-area,
  .carousel.aem-GridColumn--xlarge--10 .swiper .swiper-wrapper__right-area {
    width: calc(6rem + 16.66667%)
  }
}

@media screen and (min-width:768px) {

  .carousel.aem-GridColumn--default--10 .swiper .swiper-wrapper__right-area,
  .carousel.aem-GridColumn--xlarge--10 .swiper .swiper-wrapper__right-area {
    right: calc((8.33333% + var(--scrollbar-width))*-1)
  }

  .carousel.aem-GridColumn--default--10 .swiper .swiper-wrapper__left-area,
  .carousel.aem-GridColumn--xlarge--10 .swiper .swiper-wrapper__left-area {
    left: calc((8.33333% + var(--scrollbar-width))*-1)
  }
}

@media screen and (min-width:1920px) {

  .carousel.aem-GridColumn--default--10 .swiper,
  .carousel.aem-GridColumn--xlarge--10 .swiper {
    overflow: hidden
  }

  .carousel.style-carousel--fullwidth.aem-GridColumn--default--10 .cmp-carousel .swiper,
  .carousel.style-carousel--fullwidth.aem-GridColumn--xlarge--10 .cmp-carousel .swiper {
    padding-left: calc(var(--grid-full) + 8.33333%);
    padding-right: calc(var(--grid-full) + 8.33333%)
  }

  .carousel.style-carousel--fullwidth.aem-GridColumn--default--10 .cmp-carousel,
  .carousel.style-carousel--fullwidth.aem-GridColumn--xlarge--10 .cmp-carousel {
    margin-left: calc(var(--grid-full)*-1 - var(--grid-gutter)*3 - 8.33333%);
    margin-right: calc(var(--grid-full)*-1 - var(--grid-gutter) - 8.33333%);
    width: calc((100% + var(--grid-full))*2 + var(--grid-gutter) + 8.33333%)
  }
}

.cmp-carousel:not([data-initialized]) {
  --slides: 1;
  --gap: 24px;
  --indicators-h: 24px
}

.cmp-carousel:not([data-initialized]) .swiper-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  gap: var(--gap);
  overflow: hidden
}

.cmp-carousel:not([data-initialized]) .cmp-carousel__indicators {
  height: var(--indicators-h)
}

.cmp-carousel:not([data-initialized]) .swiper-slide {
  box-sizing: border-box;
  flex: 0 0 calc((100% - (var(--slides) - 1)*var(--gap))/var(--slides));
  min-width: 0
}

@media screen and (min-width:1024px) {
  .cmp-carousel:not([data-initialized])[data-desktop-slides="1"] {
    --slides: 1
  }

  .cmp-carousel:not([data-initialized])[data-desktop-slides="2"] {
    --slides: 2
  }

  .cmp-carousel:not([data-initialized])[data-desktop-slides="3"] {
    --slides: 3
  }

  .cmp-carousel:not([data-initialized])[data-desktop-slides="4"] {
    --slides: 4
  }
}

@media screen and (min-width:1280px) {
  .cmp-carousel:not([data-initialized])[data-desktopxl-slides="1"] {
    --slides: 1
  }

  .cmp-carousel:not([data-initialized])[data-desktopxl-slides="2"] {
    --slides: 2
  }

  .cmp-carousel:not([data-initialized])[data-desktopxl-slides="3"] {
    --slides: 3
  }

  .cmp-carousel:not([data-initialized])[data-desktopxl-slides="4"] {
    --slides: 4;
    --indicators-h: 0
  }

  .cmp-carousel:not([data-initialized])[data-desktopxl-slides="4"] .cmp-carousel__indicators {
    display: none
  }
}

@media screen and (min-width:1920px) {
  .cmp-carousel:not([data-initialized])[data-desktopxxl-slides="1"] {
    --slides: 1
  }

  .cmp-carousel:not([data-initialized])[data-desktopxxl-slides="2"] {
    --slides: 2
  }

  .cmp-carousel:not([data-initialized])[data-desktopxxl-slides="3"] {
    --slides: 3
  }

  .cmp-carousel:not([data-initialized])[data-desktopxxl-slides="4"] {
    --slides: 4;
    --indicators-h: 0
  }

  .cmp-carousel:not([data-initialized])[data-desktopxxl-slides="4"] .cmp-carousel__indicators {
    display: none
  }
}

:root {
  --swiper-theme-color: $gs0
}

.swiper {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1
}

.swiper.style-swiper--fullwidth {
  overflow: visible
}

@media screen and (min-width:1920px) {
  .swiper.style-swiper--fullwidth {
    width: 100vw
  }
}

.swiper .swiper-slide--zoomeffect {
  cursor: pointer
}

.swiper .swiper-slide--zoomeffect .cmp-image {
  overflow: hidden
}

.swiper .swiper-slide--zoomeffect .cmp-image__image {
  transition: scale .5s ease-in-out
}

.swiper .swiper-slide--zoomeffect:hover .cmp-image__image {
  scale: 1.05
}

.swiper-wrapper {
  box-sizing: initial;
  display: flex;
  height: 100%;
  z-index: 1
}

.swiper-slide,
.swiper-wrapper {
  position: relative;
  transition-property: transform;
  width: 100%
}

.swiper-slide {
  flex-shrink: 0;
  height: auto;
  touch-action: pan-y
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0)
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-pointer-events {
  touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide--fade {
  transition: opacity
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0)
}

.swiper-css-mode>.swiper-wrapper {
  -ms-overflow-style: none;
  overflow: auto;
  scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 75pc
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: #0000
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, #00000080, #0000)
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
  height: 100%;
  width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
  height: var(--swiper-centered-offset-after);
  width: 100%
}

.style-container--fixed .style-carousel--fullwidth .cmp-carousel,
.style-container--fixed .style-carousel--fullwidth-without-overflow .cmp-carousel__hero-slide,
.style-container--fixed .style-carousel--fullwidth-without-overflow .swiper {
  margin-left: calc(var(--grid-full)*-1);
  margin-right: calc(var(--grid-full)*-1);
  max-width: 120rem;
  width: calc(100% + var(--grid-full)*2)
}

.style-carousel--fullwidth .cmp-carousel .video,
.style-carousel--fullwidth-without-overflow .cmp-carousel__hero-slide .video,
.style-carousel--fullwidth-without-overflow .swiper .video {
  padding: 0
}

.style-container--fixed .style-carousel--fullwidth .cmp-carousel__dots,
.style-container--fixed .style-carousel--fullwidth .cmp-carousel__indicators,
.style-container--fixed .style-carousel--fullwidth .cmp-carousel__no-pagination,
.style-container--fixed .style-carousel--fullwidth .cmp-descriptive,
.style-container--fixed .style-carousel--fullwidth-without-overflow .cmp-carousel__indicators {
  padding-left: var(--grid-full);
  padding-right: var(--grid-full)
}

.style-carousel--border .swiper-slide {
  border: .0625rem solid #e6e6e6;
  height: auto;
  padding: 1.5rem .75rem
}

.swiper-slide--slide .style-swiper--fullwidth .swiper-slide-next {
  margin-left: 3rem
}

@media screen and (min-width:768px) {
  .swiper-slide--slide .style-swiper--fullwidth .swiper-slide-next {
    margin-left: 6rem
  }
}

@media screen and (min-width:1280px) {
  .swiper-slide--slide .style-swiper--fullwidth .swiper-slide-next {
    margin-left: 12rem
  }
}

@media screen and (min-width:1920px) {
  .swiper-slide--slide .style-swiper--fullwidth .swiper-slide-next {
    margin-left: 12rem
  }
}

.style-swiper--fullwidth .swiper-slide-prev .style-backgroundmedia--fullwidth {
  margin-right: 3rem
}

.style-swiper-slide--stretch .aem-Grid,
.style-swiper-slide--stretch .cmp-container,
.style-swiper-slide--stretch .container {
  height: 100%
}

.style-swiper-slide--stretch .cmp-container,
.style-swiper-slide--stretch .cmp-container>.aem-Grid {
  display: flex;
  flex-direction: column;
  height: 100%
}

.style-swiper-slide--stretch .cmp-container>.aem-Grid>:nth-last-child(2),
.style-swiper-slide--stretch .cmp-container>:nth-last-child(2) {
  display: flex;
  flex: 1
}

[data-cmp-hook-carousel=item].a11y-has-child-in-focus {
  outline: none
}

[data-cmp-hook-carousel=item].a11y-has-child-in-focus,
[data-cmp-hook-carousel=item].a11y-has-child-in-focus:hover {
  box-shadow: none
}

[data-cmp-hook-carousel=item].a11y-has-child-in-focus:after,
[data-cmp-hook-carousel=item].a11y-has-child-in-focus:hover:after {
  bottom: 0;
  box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
  content: " ";
  display: block;
  left: 0;
  
  position: absolute;
  right: 0;
  top: 0
}

.cmp-carousel__indicator[data-cmp-hook-state=pause]:focus,
.cmp-carousel__indicator[data-cmp-hook-state=pause]:focus-visible,
.cmp-carousel__indicator[data-cmp-hook-state=play]:focus,
.cmp-carousel__indicator[data-cmp-hook-state=play]:focus-visible {
  outline: none
}

.cmp-carousel__indicator[data-cmp-hook-state=pause]:focus-visible,
.cmp-carousel__indicator[data-cmp-hook-state=pause]:focus-visible:hover,
.cmp-carousel__indicator[data-cmp-hook-state=play]:focus-visible,
.cmp-carousel__indicator[data-cmp-hook-state=play]:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {

  .cmp-carousel__indicator[data-cmp-hook-state=pause].focus-visible,
  .cmp-carousel__indicator[data-cmp-hook-state=play].focus-visible {
    outline: none
  }

  .cmp-carousel__indicator[data-cmp-hook-state=pause].focus-visible,
  .cmp-carousel__indicator[data-cmp-hook-state=pause].focus-visible:hover,
  .cmp-carousel__indicator[data-cmp-hook-state=play].focus-visible,
  .cmp-carousel__indicator[data-cmp-hook-state=play].focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.cmp-carousel__no-pagination .swiper-slide:focus,
.cmp-carousel__no-pagination .swiper-slide:focus-visible {
  outline: none
}

.cmp-carousel__no-pagination .swiper-slide:focus-visible,
.cmp-carousel__no-pagination .swiper-slide:focus-visible:hover {
  box-shadow: none
}

.cmp-carousel__no-pagination .swiper-slide:focus-visible:after,
.cmp-carousel__no-pagination .swiper-slide:focus-visible:hover:after {
  bottom: 0;
  box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
  content: " ";
  display: block;
  left: 0;
  
  position: absolute;
  right: 0;
  top: 0
}

@supports (display:block) {
  .cmp-carousel__no-pagination .swiper-slide.focus-visible {
    outline: none
  }

  .cmp-carousel__no-pagination .swiper-slide.focus-visible,
  .cmp-carousel__no-pagination .swiper-slide.focus-visible:hover {
    box-shadow: none
  }

  .cmp-carousel__no-pagination .swiper-slide.focus-visible:after,
  .cmp-carousel__no-pagination .swiper-slide.focus-visible:hover:after {
    bottom: 0;
    box-shadow: inset 0 0 0 .25rem #1c69d4, inset 0 0 0 .3125rem #fff;
    content: " ";
    display: block;
    left: 0;
    
    position: absolute;
    right: 0;
    top: 0
  }
}

.cmp-carousel__keyboard-support .swiper-wrapper__left-area:not(.is--hidden),
.cmp-carousel__keyboard-support .swiper-wrapper__right-area:not(.is--hidden) {
  display: flex
}

.cmp-carousel__keyboard-support .cmp-carousel__btn-next,
.cmp-carousel__keyboard-support .cmp-carousel__btn-prev {
  opacity: .9
}

.cmp-cardlist {
  display: flex;
  flex-wrap: wrap;
  height: auto;
  margin: 0 auto;
  width: 100%
}

.cmp-cardlist .cmp-icon__icon {
  font-size: 1.5rem
}

.cmp-cardlist .cmp-icon__icon:before {
  font-weight: 300
}

@media screen and (min-width:768px) {
  .cmp-cardlist {
    aspect-ratio: 4/3;
    width: 82.738%
  }

  .cmp-cardlist .cmp-icon__icon {
    font-size: 2rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-cardlist {
    aspect-ratio: 2/1;
    flex-wrap: nowrap;
    justify-content: center;
    width: 82.9741%
  }
}

@media screen and (min-width:1280px) {
  .cmp-cardlist {
    aspect-ratio: 16/7;
    width: 82.9044%
  }
}

@media screen and (min-width:1920px) {
  .cmp-cardlist {
    aspect-ratio: 16/7;
    max-width: 858pt;
    width: 66.2037%
  }

  .cmp-cardlist .cmp-icon__icon {
    font-size: 3rem
  }
}

.cmp-cardlist__wrapper {
  column-gap: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%
}

@media screen and (min-width:1024px) {
  .cmp-cardlist__wrapper {
    flex-wrap: nowrap;
    height: 100%
  }
}

@media screen and (min-width:1280px) {
  .cmp-cardlist__wrapper {
    column-gap: 2.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-cardlist__wrapper {
    column-gap: 6rem
  }
}

.cmp-cardlist__left-container {
  align-items: center;
  display: flex;
  width: 100%
}

@media screen and (min-width:1024px) {
  .cmp-cardlist__left-container {
    margin-bottom: 0;
    width: 50%
  }

  .cmp-cardlist__left-container-wrapper {
    margin-bottom: 1.5rem
  }
}

.cmp-cardlist__mobile-only {
  display: block;
  margin-top: 1.5rem
}

.cmp-cardlist__mobile-only .cmp-button {
  width: 100%
}

@media screen and (min-width:1024px) {
  .cmp-cardlist__mobile-only {
    display: none
  }
}

.cmp-cardlist__desktop-only {
  display: none
}

.cmp-cardlist__desktop-only .cmp-button {
  min-width: auto !important;
  padding: 0 1.5rem !important;
  width: auto !important
}

@media screen and (min-width:1024px) {
  .cmp-cardlist__desktop-only {
    display: block
  }
}

.cmp-cardlist__right-container {
  -ms-overflow-style: none;
  height: auto;
  overflow: hidden;
  scrollbar-width: none;
  width: 100%
}

@media screen and (min-width:1024px) {
  .cmp-cardlist__right-container {
    height: 100%;
    overflow-y: scroll;
    width: 50%
  }
}

.cmp-cardlist__right-container::-webkit-scrollbar {
  display: none
}

.cmp-cardlist__scrollable {
  height: auto
}

.cmp-cardlist__left-title {
  margin-bottom: 1.25rem
}

@media screen and (min-width:1024px) {
  .cmp-cardlist__left-title {
    margin-bottom: 1.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-cardlist__left-title {
    margin-bottom: 2rem
  }
}

.cmp-cardlist__left-text {
  margin-bottom: 1.5rem
}

@media screen and (min-width:1024px) {
  .cmp-cardlist__left-text {
    margin-bottom: 2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-cardlist__left-text {
    margin-bottom: 2.5rem
  }
}

.cmp-cardlist__items {
  width: 100%
}

.cmp-cardlist__item {
  --primary-color-rgb: var(--page-variables-primary-color-rgb, 58, 93, 144);
  background: linear-gradient(to right, rgba(var(--primary-color-rgb), .04), rgba(var(--primary-color-rgb), .16));
  cursor: pointer;
  margin-bottom: 1rem;
  padding: 1.5rem;
  position: relative
}

@media screen and (min-width:768px) {
  .cmp-cardlist__item {
    padding: 2rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-cardlist__item {
    padding: 3rem
  }
}

.cmp-cardlist__uniform-bkg {
  --primary-color: var(--page-variables-primary-color, #3a5d90);
  background: color-mix(in srgb, #fff 86%, var(--primary-color) 14%);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .4s ease-in-out;
  width: 100%;
  z-index: -1
}

.cmp-cardlist__item:last-child {
  margin-bottom: 0
}

.cmp-cardlist__item-header {
  all: unset;
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: .75rem;
  justify-content: space-between;
  width: 100%
}

.cmp-cardlist__item-header:focus,
.cmp-cardlist__item-header:focus-visible {
  outline: none
}

.cmp-cardlist__item-header:focus-visible,
.cmp-cardlist__item-header:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-cardlist__item-header.focus-visible {
    outline: none
  }

  .cmp-cardlist__item-header.focus-visible,
  .cmp-cardlist__item-header.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-cardlist__item-icon .cmp-icon__icon {
  color: var(--page-variables-primary-color, initial);
  display: block
}

.cmp-cardlist__item-title {
  flex-grow: 1
}

.cmp-cardlist__item-title .cmp-title {
  align-items: center;
  display: flex;
  line-height: 0
}

.cmp-cardlist__item-title .cmp-title__text {
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-2-line-height)
}

.cmp-cardlist__expand-button {
  --primary-color: var(--page-variables-primary-color, #262626);
  display: inline-block;
  height: 1.5rem;
  position: relative;
  width: 1.5rem
}

.cmp-cardlist__expand-button .cmp-cardlist__vertical {
  background-color: var(--primary-color);
  height: 1.125rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity .4s ease-in-out;
  width: .0625rem
}

@media screen and (min-width:1920px) {
  .cmp-cardlist__expand-button .cmp-cardlist__vertical {
    height: 1.375rem
  }
}

.cmp-cardlist__expand-button .cmp-cardlist__horizontal {
  background-color: var(--primary-color);
  height: .0625rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.125rem
}

@media screen and (min-width:1920px) {
  .cmp-cardlist__expand-button .cmp-cardlist__horizontal {
    width: 1.375rem
  }

  .cmp-cardlist__expand-button {
    height: 1.875rem;
    width: 1.875rem
  }
}

.cmp-cardlist__expandable {
  transition: height .4s ease-in-out, opacity .4s ease-in-out;
  visibility: hidden
}

.cmp-cardlist__collapsed {
  height: 0;
  opacity: 0;
  overflow: hidden
}

.cmp-cardlist__item-text {
  padding-top: 1.5rem
}

.cmp-cardlist__item-text .cmp-text {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-cardlist__item-button {
  display: inline-block;
  padding-top: 1.5rem
}

.cmp-cardlist__item-button .cmp-button {
  min-width: auto !important;
  width: auto !important
}

.no-scroll {
  overflow: hidden;
  touch-action: none
}

.show-scroll {
  overflow-y: scroll
}

.cmp-cardlist--edit {
  aspect-ratio: unset
}

.cmp-carKPIs__mobile-only {
  display: block
}

@media screen and (min-width:1024px) {
  .cmp-carKPIs__mobile-only {
    display: none
  }
}

.cmp-carKPIs__desktop-only {
  display: none
}

@media screen and (min-width:1024px) {
  .cmp-carKPIs__desktop-only {
    display: block
  }
}

.cmp-carKPIs {
  width: 100%
}

.cmp-carKPIs .cmp-carKPIs__table {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  text-align: center;
  width: 100%
}

.cmp-carKPIs .cmp-carKPIs__table td {
  width: 100%
}

.cmp-carKPIs .cmp-carKPIs__content {
  color: var(--page-variables-primary-color, initial);
  min-width: 90pt;
  position: relative
}

@media screen and (min-width:1024px) {
  .cmp-carKPIs .cmp-carKPIs__content {
    min-width: 180px;
    padding-bottom: .5rem;
    padding-top: .5rem;
    white-space: nowrap
  }
}

@media screen and (min-width:1280px) {
  .cmp-carKPIs .cmp-carKPIs__content {
    min-width: 220px
  }
}

@media screen and (min-width:1920px) {
  .cmp-carKPIs .cmp-carKPIs__content {
    min-width: 280px
  }
}

.cmp-carKPIs .cmp-carKPIs__value {
  font-size: var(--headline-1-font-size);
  font-variant-numeric: tabular-nums;
  font-weight: var(--default-font-weight);
  letter-spacing: -.125rem;
  line-height: var(--headline-1-line-height)
}

.cmp-carKPIs .cmp-carKPIs__unit {
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height)
}

@media screen and (min-width:1024px) {
  .cmp-carKPIs .cmp-carKPIs__label {
    text-align: center;
    vertical-align: top;
    white-space: normal
  }
}

.cmp-carKPIs .cmp-carKPIs__label-text {
  display: inline-block;
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height)
}

@media screen and (min-width:1024px) {
  .cmp-carKPIs .cmp-carKPIs__label-text {
    max-width: 11.25rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-carKPIs .cmp-carKPIs__label-text {
    max-width: 13.75rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-carKPIs .cmp-carKPIs__label-text {
    max-width: 17.5rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-carKPIs .cmp-carKPIs__diagonal {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }

  .cmp-carKPIs .cmp-carKPIs__diagonal-element {
    --primary-color: var(--page-variables-primary-color, #000);
    background: linear-gradient(to top left, #0000 0, #0000 calc(50% - .8px), var(--primary-color) 50%, #0000 calc(50% + .8px), #0000 100%);
    height: 140px;
    width: 3.5rem
  }
}

.cmp-carKPIs .cmp-carKPIs__row2:not(:last-child) .cmp-carKPIs__label {
  padding-bottom: 3rem
}

@media screen and (min-width:1024px) {
  .cmp-carKPIs tr:first-child .cmp-carKPIs__content {
    padding-top: .5rem
  }

  .cmp-carKPIs tr:last-child .cmp-carKPIs__label {
    padding-bottom: .5rem
  }
}

.cmp-carKPIs .cmp-carKPIs__button-wrapper {
  display: flex;
  justify-content: center;
  width: 100%
}

.cmp-carKPIs .cmp-carKPIs__button,
.cmp-carKPIs .cmp-carKPIs__footnotes {
  margin-top: 2rem
}

@media screen and (min-width:1024px) {

  .cmp-carKPIs .cmp-carKPIs__button,
  .cmp-carKPIs .cmp-carKPIs__footnotes {
    margin-top: 2.5rem
  }
}

@media screen and (min-width:1920px) {

  .cmp-carKPIs .cmp-carKPIs__button,
  .cmp-carKPIs .cmp-carKPIs__footnotes {
    margin-top: 3rem
  }
}

.cmp-carKPIs .cmp-carKPIs__footnotes {
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  opacity: .7051;
  text-align: center
}

@media screen and (min-width:1024px) {
  .cmp-carKPIs .cmp-carKPIs__footnote {
    display: inline
  }
}

.cmp-carKPIs .cmp-carKPIs__footnote:not(:last-child) {
  margin-bottom: 1rem
}

@media screen and (min-width:1024px) {
  .cmp-carKPIs .cmp-carKPIs__footnote:not(:last-child) {
    margin-bottom: .5rem;
    padding-right: 1rem
  }
}

.cmp-carKPIs .cmp-carKPIs__animation-section {
  width: 100%
}

.cmp-carKPIs .cmp-carKPIs__animation-wrapper {
  display: inline-flex;
  flex-direction: row;
  font-variant-numeric: tabular-nums;
  height: 3rem;
  justify-content: center;
  overflow: hidden;
  text-align: right;
  -webkit-user-select: none;
  user-select: none
}

.cmp-carKPIs .cmp-carKPIs__animation-wrapper .counter-set {
  letter-spacing: -.125rem;
  transition: transform 1.2s cubic-bezier(.36, 0, 0, 1)
}

.cmp-carKPIs .cmp-carKPIs__animation-wrapper .counter-digit,
.cmp-carKPIs .cmp-carKPIs__animation-wrapper .counter-set {
  font-size: var(--headline-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-1-line-height)
}

.cmp-carKPIs .cmp-carKPIs__animation-wrapper .counter-digit {
  display: block;
  height: 3rem
}

@media screen and (min-width:1280px) {
  .cmp-carKPIs .cmp-carKPIs__animation-wrapper .counter-digit {
    height: 3.75rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-carKPIs .cmp-carKPIs__animation-wrapper .counter-digit {
    height: 5.25rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-carKPIs .cmp-carKPIs__animation-wrapper {
    height: 3.75rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-carKPIs .cmp-carKPIs__animation-wrapper {
    height: 5.25rem
  }
}

.cmp-carKPIs .cmp-carKPIs__text-section {
  left: 50%;
  opacity: 0;
  position: absolute;
  top: .5rem;
  transform: translateX(-50%);
  width: 100%
}

.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper {
  display: inline;
  vertical-align: bottom
}

.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip {
  display: inline
}

.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-button {
  border: 0;
  box-shadow: none;
  cursor: pointer;
  height: 1rem;
  padding: 0
}

.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-button,
.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-button:active,
.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-button:disabled,
.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-button:focus,
.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-button:hover,
.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-button:visited {
  background: #0000;
  color: #262626
}

.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-button:hover {
  color: #1c69d4
}

.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-button:active {
  color: #0653b6
}

.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-button:disabled {
  color: #bbb
}

.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-button:focus,
.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-button:focus-visible {
  outline: none
}

.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-button:focus-visible,
.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-button:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-button.focus-visible {
    outline: none
  }

  .cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-button.focus-visible,
  .cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-button.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-button:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-button.focus-visible {
    color: #1c69d4
  }
}

.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-disclaimers {
  display: none
}

.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-carKPIs__tooltip-icon {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  vertical-align: bottom
}

.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-infoi {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height);
  margin-left: 3px;
  vertical-align: middle
}

.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-infoi .cmp-infoi__icon {
  height: 1rem
}

.cmp-carKPIs .cmp-carKPIs__tooltip-wrapper .cmp-infoi .cmp-infoi__icon-element {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-carKPIs .cmp-carKPIs__tooltip-item:not(:last-child) {
  margin-bottom: .5rem
}

@media screen and (min-width:1024px) {
  .cmp-carKPIs {
    flex-direction: row
  }
}

.cmp-button {
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height);
  word-break: break-word
}

:not(.style-button--as-link)>.cmp-button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: 3.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none
}

:not(.style-button--as-link)>.cmp-button,
:not(.style-button--as-link)>.cmp-button:active,
:not(.style-button--as-link)>.cmp-button:focus,
:not(.style-button--as-link)>.cmp-button:hover {
  background-color: #262626;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {
  :not(.style-button--as-link)>.cmp-button:hover {
    background-color: #4d4d4d;
    box-shadow: none;
    color: #fff
  }
}

:not(.style-button--as-link)>.cmp-button:focus,
:not(.style-button--as-link)>.cmp-button:focus-visible {
  outline: none
}

:not(.style-button--as-link)>.cmp-button:focus-visible,
:not(.style-button--as-link)>.cmp-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  :not(.style-button--as-link)>.cmp-button.focus-visible {
    outline: none
  }

  :not(.style-button--as-link)>.cmp-button.focus-visible,
  :not(.style-button--as-link)>.cmp-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

:not(.style-button--as-link)>.cmp-button:focus-visible {
  color: #fff
}

@supports (display:block) {
  :not(.style-button--as-link)>.cmp-button.focus-visible {
    color: #fff
  }
}

:not(.style-button--as-link)>.cmp-button:focus-visible {
  background-color: #4d4d4d
}

@supports (display:block) {
  :not(.style-button--as-link)>.cmp-button.focus-visible {
    background-color: #4d4d4d
  }
}

:not(.style-button--as-link)>.cmp-button:disabled,
:not(.style-button--as-link)>.cmp-button[aria-disabled=true] {
  background-color: #bbb;
  pointer-events: none
}

@media screen and (min-width:768px) {
  .cmp-button {
    width: 100%
  }
}

.style-button--grid .cmp-button {
  min-width: 100%
}

.style-button--primary-button .cmp-button {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset)
}

.style-button--primary-button .cmp-button,
.style-button--primary-button .cmp-button:active,
.style-button--primary-button .cmp-button:focus,
.style-button--primary-button .cmp-button:hover {
  background-color: #1c69d4;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-button--primary-button .cmp-button:hover {
    background-color: #0653b6;
    box-shadow: none;
    color: #fff
  }
}

.style-button--primary-button .cmp-button:focus,
.style-button--primary-button .cmp-button:focus-visible {
  outline: none
}

.style-button--primary-button .cmp-button:focus-visible,
.style-button--primary-button .cmp-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-button--primary-button .cmp-button.focus-visible {
    outline: none
  }

  .style-button--primary-button .cmp-button.focus-visible,
  .style-button--primary-button .cmp-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-button--primary-button .cmp-button:focus-visible {
  color: #fff
}

@supports (display:block) {
  .style-button--primary-button .cmp-button.focus-visible {
    color: #fff
  }
}

.style-button--primary-button .cmp-button:focus-visible {
  background-color: #0653b6
}

@supports (display:block) {
  .style-button--primary-button .cmp-button.focus-visible {
    background-color: #0653b6
  }
}

.style-button--primary-button .cmp-button:disabled,
.style-button--primary-button .cmp-button[aria-disabled=true] {
  background-color: #bbd2f3;
  pointer-events: none
}

.style-button--nba-light .cmp-button {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset)
}

.style-button--nba-light .cmp-button,
.style-button--nba-light .cmp-button:active,
.style-button--nba-light .cmp-button:focus,
.style-button--nba-light .cmp-button:hover {
  background-color: #fff;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-button--nba-light .cmp-button:hover {
    background-color: #bbb;
    box-shadow: none
  }
}

.style-button--nba-light .cmp-button:focus,
.style-button--nba-light .cmp-button:focus-visible {
  outline: none
}

.style-button--nba-light .cmp-button:focus-visible,
.style-button--nba-light .cmp-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-button--nba-light .cmp-button.focus-visible {
    outline: none
  }

  .style-button--nba-light .cmp-button.focus-visible,
  .style-button--nba-light .cmp-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-button--nba-light .cmp-button:focus-visible {
  background-color: #bbb
}

@supports (display:block) {
  .style-button--nba-light .cmp-button.focus-visible {
    background-color: #bbb
  }
}

.style-button--nba-light .cmp-button:disabled,
.style-button--nba-light .cmp-button[aria-disabled=true] {
  background-color: #8e8e8e;
  color: #666;
  pointer-events: none
}

.style-button--nba-light .cmp-button:disabled:focus-visible,
.style-button--nba-light .cmp-button[aria-disabled=true]:focus-visible {
  color: #666
}

@supports (display:block) {

  .style-button--nba-light .cmp-button:disabled.focus-visible,
  .style-button--nba-light .cmp-button[aria-disabled=true].focus-visible {
    color: #666
  }
}

.style-button--outline-dark .cmp-button {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset)
}

.style-button--outline-dark .cmp-button,
.style-button--outline-dark .cmp-button:active,
.style-button--outline-dark .cmp-button:disabled,
.style-button--outline-dark .cmp-button:focus,
.style-button--outline-dark .cmp-button:hover {
  --border-color: #262626;
  background-color: #0000;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-button--outline-dark .cmp-button:hover {
    --border-width: 2px;
    box-shadow: inset 0 0 0 var(--border-width, 2px) var(--border-color, unset)
  }
}

.style-button--outline-dark .cmp-button:disabled,
.style-button--outline-dark .cmp-button[aria-disabled=true] {
  --border-color: #e6e6e6;
  color: #bbb;
  pointer-events: none
}

.style-button--outline-dark .cmp-button:disabled:focus-visible,
.style-button--outline-dark .cmp-button[aria-disabled=true]:focus-visible {
  color: #bbb
}

@supports (display:block) {

  .style-button--outline-dark .cmp-button:disabled.focus-visible,
  .style-button--outline-dark .cmp-button[aria-disabled=true].focus-visible {
    color: #bbb
  }
}

.style-button--outline-dark .cmp-button:focus,
.style-button--outline-dark .cmp-button:focus-visible {
  outline: none
}

.style-button--outline-dark .cmp-button:focus-visible,
.style-button--outline-dark .cmp-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-button--outline-dark .cmp-button.focus-visible {
    outline: none
  }

  .style-button--outline-dark .cmp-button.focus-visible,
  .style-button--outline-dark .cmp-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-button--outline-light .cmp-button {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset)
}

.style-button--outline-light .cmp-button,
.style-button--outline-light .cmp-button:active,
.style-button--outline-light .cmp-button:disabled,
.style-button--outline-light .cmp-button:focus,
.style-button--outline-light .cmp-button:hover {
  --border-color: #f2f2f2;
  background-color: #0000;
  color: #f2f2f2
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-button--outline-light .cmp-button:hover {
    --border-color: #fff;
    --border-width: 2px;
    box-shadow: inset 0 0 0 var(--border-width, 2px) var(--border-color, unset);
    color: #fff
  }
}

.style-button--outline-light .cmp-button:disabled,
.style-button--outline-light .cmp-button[aria-disabled=true] {
  --border-color: #8e8e8e;
  color: #8e8e8e;
  pointer-events: none
}

.style-button--outline-light .cmp-button:disabled:focus-visible,
.style-button--outline-light .cmp-button[aria-disabled=true]:focus-visible {
  color: #8e8e8e
}

@supports (display:block) {

  .style-button--outline-light .cmp-button:disabled.focus-visible,
  .style-button--outline-light .cmp-button[aria-disabled=true].focus-visible {
    color: #8e8e8e
  }
}

.style-button--outline-light .cmp-button:focus,
.style-button--outline-light .cmp-button:focus-visible {
  outline: none
}

.style-button--outline-light .cmp-button:focus-visible,
.style-button--outline-light .cmp-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-button--outline-light .cmp-button.focus-visible {
    outline: none
  }

  .style-button--outline-light .cmp-button.focus-visible,
  .style-button--outline-light .cmp-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-button--outline-light .cmp-button:focus-visible {
  color: #fff
}

@supports (display:block) {
  .style-button--outline-light .cmp-button.focus-visible {
    color: #fff
  }
}

.style-button--outline-on-image .cmp-button {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset)
}

.style-button--outline-on-image .cmp-button,
.style-button--outline-on-image .cmp-button:active,
.style-button--outline-on-image .cmp-button:disabled,
.style-button--outline-on-image .cmp-button:focus,
.style-button--outline-on-image .cmp-button:hover {
  --border-color: #f2f2f2;
  background-color: #00000080;
  color: #f2f2f2
}

@media screen and (hover:hover) and (pointer:fine) {
  .style-button--outline-on-image .cmp-button:hover {
    --border-color: #fff;
    color: #fff
  }
}

.style-button--outline-on-image .cmp-button:disabled,
.style-button--outline-on-image .cmp-button[aria-disabled=true] {
  --border-color: #8e8e8e;
  color: #8e8e8e;
  pointer-events: none
}

.style-button--outline-on-image .cmp-button:disabled:focus-visible,
.style-button--outline-on-image .cmp-button[aria-disabled=true]:focus-visible {
  color: #8e8e8e
}

@supports (display:block) {

  .style-button--outline-on-image .cmp-button:disabled.focus-visible,
  .style-button--outline-on-image .cmp-button[aria-disabled=true].focus-visible {
    color: #8e8e8e
  }
}

.style-button--outline-on-image .cmp-button:focus,
.style-button--outline-on-image .cmp-button:focus-visible {
  outline: none
}

.style-button--outline-on-image .cmp-button:focus-visible,
.style-button--outline-on-image .cmp-button:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-button--outline-on-image .cmp-button.focus-visible {
    outline: none
  }

  .style-button--outline-on-image .cmp-button.focus-visible,
  .style-button--outline-on-image .cmp-button.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-button--outline-on-image .cmp-button:focus-visible {
  color: #fff
}

@supports (display:block) {
  .style-button--outline-on-image .cmp-button.focus-visible {
    color: #fff
  }
}

.style-button--as-link .cmp-button {
  align-items: center;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-flex;
  font-weight: var(--link-font-weight);
  min-height: 1em;
  min-width: 5ch;
  padding: 0;
  text-align: start;
  text-decoration: none
}

.style-button--as-link .cmp-button,
.style-button--as-link .cmp-button:active,
.style-button--as-link .cmp-button:disabled,
.style-button--as-link .cmp-button:focus,
.style-button--as-link .cmp-button:hover,
.style-button--as-link .cmp-button:visited {
  background: #0000;
  color: #262626
}

.style-button--as-link .cmp-button:hover {
  color: #1c69d4
}

.style-button--as-link .cmp-button:active {
  color: #0653b6
}

.style-button--as-link .cmp-button:disabled {
  color: #bbb
}

.style-button--as-link .cmp-button:focus,
.style-button--as-link .cmp-button:focus-visible {
  outline: none
}

.style-button--as-link .cmp-button:focus-visible,
.style-button--as-link .cmp-button:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-button--as-link .cmp-button.focus-visible {
    outline: none
  }

  .style-button--as-link .cmp-button.focus-visible,
  .style-button--as-link .cmp-button.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-button--as-link .cmp-button:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .style-button--as-link .cmp-button.focus-visible {
    color: #1c69d4
  }
}

.style-button--as-link .cmp-button .cmp-button__icon {
  font-weight: var(--clickable-font-weight);
  margin-bottom: .125rem;
  vertical-align: middle
}

.style-button--as-link .cmp-button .cmp-button__icon:before {
  font-size: 1.25rem;
  font-weight: 400
}

.style-button--as-link.button {
  align-items: center;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none
}

.style-button--as-link.button,
.style-button--as-link.button:active,
.style-button--as-link.button:disabled,
.style-button--as-link.button:focus,
.style-button--as-link.button:hover,
.style-button--as-link.button:visited {
  background: #0000;
  color: #262626
}

.style-button--as-link.button:hover {
  color: #1c69d4
}

.style-button--as-link.button:active {
  color: #0653b6
}

.style-button--as-link.button:disabled {
  color: #bbb
}

.style-button--as-link.button:focus,
.style-button--as-link.button:focus-visible {
  outline: none
}

.style-button--as-link.button:focus-visible,
.style-button--as-link.button:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-button--as-link.button.focus-visible {
    outline: none
  }

  .style-button--as-link.button.focus-visible,
  .style-button--as-link.button.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-button--as-link.button:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .style-button--as-link.button.focus-visible {
    color: #1c69d4
  }
}

.style-button--as-link.button:focus,
.style-button--as-link.button:hover {
  background-color: initial
}

.style-button--as-link-centered .cmp-button {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%
}

.style-button--as-link-centered-mobile .cmp-button {
  display: flex;
  width: 100%
}

@media screen and (max-width:767px) {
  .style-button--as-link-centered-mobile .cmp-button {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%
  }
}

.style-button--squared .cmp-button {
  align-items: center;
  background-color: #f6f6f6;
  color: #262626;
  display: flex;
  flex-direction: column;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  justify-content: space-between;
  line-height: var(--body-2-line-height);
  overflow: hidden;
  padding: 1.5rem;
  text-align: center
}

.style-button--squared .cmp-button .cmp-button__text {
  align-items: center;
  display: flex;
  height: 2.5rem;
  margin-top: .5rem
}

.style-button--squared .cmp-button:hover {
  background-color: #f2f2f2;
  color: #000;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

@media screen and (min-width:1024px) {
  .style-button--squared .cmp-button {
    font-size: .9375rem;
    line-height: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .style-button--squared .cmp-button {
    font-size: 1rem;
    line-height: 1.625rem
  }
}

.style-button--as-link.style-button--light .cmp-button {
  border: 0;
  box-shadow: none
}

.style-button--as-link.style-button--light .cmp-button,
.style-button--as-link.style-button--light .cmp-button:active,
.style-button--as-link.style-button--light .cmp-button:disabled,
.style-button--as-link.style-button--light .cmp-button:focus,
.style-button--as-link.style-button--light .cmp-button:hover,
.style-button--as-link.style-button--light .cmp-button:visited {
  background: #0000;
  color: #fff
}

.style-button--as-link.style-button--light .cmp-button:hover {
  color: #bbb
}

.style-button--as-link.style-button--light .cmp-button:active {
  color: #fff
}

.style-button--as-link.style-button--light .cmp-button:disabled {
  color: #8e8e8e
}

.style-button--as-link.style-button--light .cmp-button:focus-visible,
.style-button--as-link.style-button--light .cmp-button:focus-visible:hover {
  background: #ffffff80
}

@supports (display:block) {
  .style-button--as-link.style-button--light .cmp-button.focus-visible {
    outline: none
  }

  .style-button--as-link.style-button--light .cmp-button.focus-visible,
  .style-button--as-link.style-button--light .cmp-button.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-button--as-link.style-button--light .cmp-button:focus-visible {
  color: #bbb
}

@supports (display:block) {
  .style-button--as-link.style-button--light .cmp-button.focus-visible {
    color: #bbb
  }
}

.style-button--as-link.style-button--light .cmp-button:focus,
.style-button--as-link.style-button--light .cmp-button:focus-visible {
  outline: none
}

.style-button--as-link.style-button--light .cmp-button:focus-visible,
.style-button--as-link.style-button--light .cmp-button:focus-visible:hover {
  background: #26262680;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-button--as-link.style-button--light .cmp-button.focus-visible {
    outline: none
  }

  .style-button--as-link.style-button--light .cmp-button.focus-visible,
  .style-button--as-link.style-button--light .cmp-button.focus-visible:hover {
    background: #26262680;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-button--as-link-list .cmp-button {
  align-items: center;
  border: 0;
  box-shadow: none;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  justify-content: space-between;
  line-height: var(--body-1-line-height);
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  text-align: start;
  width: 100%
}

.style-button--as-link-list .cmp-button,
.style-button--as-link-list .cmp-button:active,
.style-button--as-link-list .cmp-button:disabled,
.style-button--as-link-list .cmp-button:focus,
.style-button--as-link-list .cmp-button:hover,
.style-button--as-link-list .cmp-button:visited {
  background: #0000;
  color: #262626
}

.style-button--as-link-list .cmp-button:hover {
  color: #1c69d4
}

.style-button--as-link-list .cmp-button:active {
  color: #0653b6
}

.style-button--as-link-list .cmp-button:disabled {
  color: #bbb
}

.style-button--as-link-list .cmp-button:focus,
.style-button--as-link-list .cmp-button:focus-visible {
  outline: none
}

.style-button--as-link-list .cmp-button:focus-visible,
.style-button--as-link-list .cmp-button:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .style-button--as-link-list .cmp-button.focus-visible {
    outline: none
  }

  .style-button--as-link-list .cmp-button.focus-visible,
  .style-button--as-link-list .cmp-button.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.style-button--as-link-list .cmp-button:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .style-button--as-link-list .cmp-button.focus-visible {
    color: #1c69d4
  }
}

.style-button--as-link-list .cmp-button:after {
  word-wrap: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  color: #666;
  content: "arrow_chevron_right";
  direction: ltr;
  display: block;
  font-family: "bmw_next_icons";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  margin-right: -.25rem;
  outline: 1px solid #0000;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  width: auto
}

@media aural,
reader,
speech {
  .style-button--as-link-list .cmp-button:after {
    display: none
  }
}

.style-button--as-link-list .cmp-button:hover,
.style-button--as-link-list .cmp-button:hover:after {
  color: #262626
}

.style-button--flex:not(.style-button--as-link) .cmp-button {
  width: 100%
}

@media screen and (min-width:768px) {
  .style-button--flex:not(.style-button--as-link) .cmp-button {
    min-width: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: auto
  }
}

@media screen and (min-width:1280px) and (max-width:1919px) {
  .style-button--flex:not(.style-button--as-link) .cmp-button {
    max-width: calc(25vw - 4.125rem)
  }
}

@media screen and (min-width:1920px) {
  .style-button--flex:not(.style-button--as-link) .cmp-button {
    max-width: 26rem
  }
}

.style-button--compact-flex:not(.style-button--as-link) .cmp-button {
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: 2.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none;
  width: 100%;
  word-break: normal
}

@media screen and (min-width:768px) {
  .style-button--compact-flex:not(.style-button--as-link) .cmp-button {
    max-width: 100%;
    min-width: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: auto
  }
}

.style-button--compact-flex:not(.style-button--as-link) .cmp-button__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.style-button--sticky-top-right:not(.cq-Editable-dom) .cmp-button--sticky {
  min-width: unset;
  opacity: 0;
  padding-inline: 1.5rem;
  
  position: fixed;
  right: 1rem;
  top: 1rem;
  transition: opacity .3s;
  width: max-content;
  z-index: 6060
}

@media screen and (min-width:768px) {
  .style-button--sticky-top-right:not(.cq-Editable-dom) .cmp-button--sticky {
    right: 3.5rem;
    top: 3.5rem
  }
}

.style-button--sticky-top-right:not(.cq-Editable-dom) :is(.focus-visible, .cmp-button--sticky-visible) {
  opacity: 1;
  pointer-events: auto
}

.cmp-backtotop {
  -webkit-tap-highlight-color: transparent;
  bottom: 16.5rem;
  position: fixed;
  right: 3.5rem;
  z-index: 6030
}

.cmp-backtotop .cmp-backtotop__button {
  align-items: center;
  background-color: #fff;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 .0625rem 0 #0000003d, 0 .375rem 1.25rem 0 #00000029;
  color: #262626;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 3.25rem;
  justify-content: center;
  opacity: 1;
  padding: 0;
  transition: all .3s ease;
  width: 3.25rem
}

.cmp-backtotop .cmp-backtotop__button:hover {
  color: #1c69d4
}

.cmp-backtotop .cmp-backtotop__button:active {
  color: #0653b6
}

.cmp-backtotop .cmp-backtotop__button:focus-visible {
  color: #1c69d4;
  outline: .125rem solid #1c69d4;
  outline-offset: .125rem;
  transition: outline 0s
}

.cmp-backtotop .cmp-backtotop__button--hidden {
  cursor: default;
  margin-bottom: -1rem;
  opacity: 0;
  
  visibility: hidden
}

@media screen and (min-width:1920px) {
  .cmp-backtotop {
    right: calc(50vw - 959.5px + 3.5rem)
  }
}

.cmp-backtotop.cmp-backtotop--contained {
  bottom: 3.5rem
}

.cmp-backtotop.cmp-backtotop-author {
  bottom: auto;
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  right: auto
}

.cmp-backtotop.cmp-backtotop-author .cmp-backtotop__button {
  margin-bottom: 0;
  opacity: 1
}

@media screen and (max-width:767px) {
  .cmp-backtotop {
    bottom: 10rem;
    right: 1rem
  }

  .cmp-backtotop .cmp-backtotop__button:hover {
    background-color: #fff
  }
}

.cmp-backgroundmedia--v2 {
  position: relative
}

@media screen and (max-width:1023px) {

  .cmp-backgroundmedia--v2 .cmp-regionaloffers__offer--leasing p,
  .cmp-backgroundmedia--v2 .cmp-regionaloffers__offer:not([hidden]),
  .cmp-backgroundmedia--v2 .cmp-regionaloffers__selected-model {
    justify-content: center
  }
}

.cmp-backgroundmedia__overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20
}

.cmp-backgroundmedia__overlay--empty {
  display: contents
}

.cmp-backgroundmedia__media-wrapper {
  overflow: hidden
}

.cmp-backgroundmedia__media-zoom-transition {
  transition: transform .7s ease
}

.cmp-backgroundmedia:hover .cmp-backgroundmedia__media-zoom-transition {
  transform: scale(var(--hover-zoom))
}

@media screen and (max-width:767px) {
  .cmp-backgroundmedia__overlay--under-media-mobile {
    position: relative;
    width: 100%
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button {
    border: 0;
    box-shadow: none
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button,
  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:active,
  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:disabled,
  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:focus,
  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:hover,
  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:visited {
    background: #0000;
    color: #262626
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:hover {
    color: #1c69d4
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:active {
    color: #0653b6
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:disabled {
    color: #bbb
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:focus,
  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:focus-visible {
    outline: none
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:focus-visible,
  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button.focus-visible {
      outline: none
    }

    .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button.focus-visible,
    .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:focus-visible {
    color: #1c69d4
  }

  @supports (display:block) {
    .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button.focus-visible {
      color: #1c69d4
    }
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .cmp-infoi__icon--light,
  .cmp-backgroundmedia__overlay--under-media-mobile .cmp-text,
  .cmp-backgroundmedia__overlay--under-media-mobile .cmp-title__text {
    color: #262626
  }

  .cmp-backgroundmedia__overlay--under-media-mobile :is(.style-container--middle, .style-container--bottom, .style-container--top) {
    bottom: auto;
    position: relative !important;
    top: auto;
    transform: none
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:after,
  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button__text {
    color: #262626 !important
  }

  .cmp-backgroundmedia__overlay--under-media-mobile>.cmp-container .cmp-container:not(.cmp-container--config-style) {
    text-align: center
  }

  .cmp-backgroundmedia__overlay--under-media-mobile>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-button {
    margin-left: auto;
    margin-right: auto;
    width: 100%
  }

  .cmp-backgroundmedia__overlay--under-media-mobile>.cmp-container .cmp-container:not(.cmp-container--config-style) .style-button--as-link {
    display: flex !important
  }

  .cmp-backgroundmedia__overlay--under-media-mobile>.cmp-container .cmp-container:not(.cmp-container--config-style) .style-button--as-link .cmp-button {
    width: auto
  }

  .cmp-backgroundmedia__overlay--under-media-mobile>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-title {
    justify-content: center
  }

  .cmp-backgroundmedia__overlay--under-media-mobile>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-text {
    text-align: center
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-backgroundmedia__overlay--under-media-tablet {
    position: relative;
    width: 100%
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button {
    border: 0;
    box-shadow: none
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button,
  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:active,
  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:disabled,
  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:focus,
  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:hover,
  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:visited {
    background: #0000;
    color: #262626
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:hover {
    color: #1c69d4
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:active {
    color: #0653b6
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:disabled {
    color: #bbb
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:focus,
  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:focus-visible {
    outline: none
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:focus-visible,
  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button.focus-visible {
      outline: none
    }

    .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button.focus-visible,
    .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:focus-visible {
    color: #1c69d4
  }

  @supports (display:block) {
    .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button.focus-visible {
      color: #1c69d4
    }
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .cmp-infoi__icon--light,
  .cmp-backgroundmedia__overlay--under-media-tablet .cmp-text,
  .cmp-backgroundmedia__overlay--under-media-tablet .cmp-title__text {
    color: #262626
  }

  .cmp-backgroundmedia__overlay--under-media-tablet :is(.style-container--middle, .style-container--bottom, .style-container--top) {
    bottom: auto;
    position: relative !important;
    top: auto;
    transform: none
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:after,
  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button__text {
    color: #262626 !important
  }

  .cmp-backgroundmedia__overlay--under-media-tablet>.cmp-container .cmp-container:not(.cmp-container--config-style) {
    text-align: center
  }

  .cmp-backgroundmedia__overlay--under-media-tablet>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-button {
    margin-left: auto;
    margin-right: auto
  }

  .cmp-backgroundmedia__overlay--under-media-tablet>.cmp-container .cmp-container:not(.cmp-container--config-style) .style-button--as-link {
    display: flex !important
  }

  .cmp-backgroundmedia__overlay--under-media-tablet>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-title {
    justify-content: center
  }

  .cmp-backgroundmedia__overlay--under-media-tablet>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-text {
    text-align: center
  }
}

@media screen and (min-width:1024px) {
  .cmp-backgroundmedia__overlay--under-media-desktop {
    position: relative;
    width: 100%
  }

  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button {
    border: 0;
    box-shadow: none
  }

  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button,
  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:active,
  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:disabled,
  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:focus,
  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:hover,
  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:visited {
    background: #0000;
    color: #262626
  }

  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:hover {
    color: #1c69d4
  }

  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:active {
    color: #0653b6
  }

  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:disabled {
    color: #bbb
  }

  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:focus,
  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:focus-visible {
    outline: none
  }

  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:focus-visible,
  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button.focus-visible {
      outline: none
    }

    .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button.focus-visible,
    .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:focus-visible {
    color: #1c69d4
  }

  @supports (display:block) {
    .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button.focus-visible {
      color: #1c69d4
    }
  }

  .cmp-backgroundmedia__overlay--under-media-desktop .cmp-infoi__icon--light,
  .cmp-backgroundmedia__overlay--under-media-desktop .cmp-text,
  .cmp-backgroundmedia__overlay--under-media-desktop .cmp-title__text {
    color: #262626
  }

  .cmp-backgroundmedia__overlay--under-media-desktop :is(.style-container--middle, .style-container--bottom, .style-container--top) {
    bottom: auto;
    position: relative !important;
    top: auto;
    transform: none
  }

  .cmp-backgroundmedia__overlay--under-media-desktop>.cmp-container .cmp-container:not(.cmp-container--config-style) {
    text-align: center
  }

  .cmp-backgroundmedia__overlay--under-media-desktop>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-button {
    margin-left: auto;
    margin-right: auto
  }

  .cmp-backgroundmedia__overlay--under-media-desktop>.cmp-container .cmp-container:not(.cmp-container--config-style) .style-button--as-link {
    display: flex !important
  }

  .cmp-backgroundmedia__overlay--under-media-desktop>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-title {
    justify-content: center
  }

  .cmp-backgroundmedia__overlay--under-media-desktop>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-text {
    text-align: center
  }
}

@media screen and (max-width:767px) {
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile {
    background: linear-gradient(180deg, #0000, #000 8pc) !important;
    margin-top: -172px;
    min-height: 172px;
    padding-top: 3rem
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button {
    border: 0;
    box-shadow: none
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button,
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:active,
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:disabled,
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:focus,
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:hover,
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:visited {
    background: #0000;
    color: #fff
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:hover {
    color: #f6f6f6
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:focus,
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:focus-visible {
    outline: none
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:focus-visible,
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button.focus-visible {
      outline: none
    }

    .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button.focus-visible,
    .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:focus-visible {
    color: #f6f6f6
  }

  @supports (display:block) {
    .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button.focus-visible {
      color: #f6f6f6
    }
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .cmp-infoi__icon--light,
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .cmp-text,
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .title:not(.style-title--tag-marketing) .cmp-title__text {
    color: #fff
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:after,
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button__text {
    color: #fff !important
  }
}

@media screen and (max-width:1279px) {
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet {
    background: linear-gradient(180deg, #0000, #000 188px) !important;
    margin-top: -232px;
    min-height: 232px;
    padding-top: 5rem
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button {
    border: 0;
    box-shadow: none
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button,
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:active,
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:disabled,
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:focus,
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:hover,
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:visited {
    background: #0000;
    color: #fff
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:hover {
    color: #f6f6f6
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:focus,
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:focus-visible {
    outline: none
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:focus-visible,
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button.focus-visible {
      outline: none
    }

    .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button.focus-visible,
    .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:focus-visible {
    color: #f6f6f6
  }

  @supports (display:block) {
    .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button.focus-visible {
      color: #f6f6f6
    }
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .cmp-infoi__icon--light,
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .cmp-text,
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .title:not(.style-title--tag-marketing) .cmp-title__text {
    color: #fff
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:after,
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button__text {
    color: #fff !important
  }
}

.cmp-backgroundmedia__overlay>.cmp-container {
  position: unset
}

@media screen and (max-width:767px) {
  .cmp-backgroundmedia__overlay--video-type {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .style-container--fixed .cmp-backgroundmedia__overlay--video-type {
    margin-left: calc(var(--grid-full)*-1);
    margin-right: calc(var(--grid-full)*-1);
    max-width: 120rem;
    width: calc(100% + var(--grid-full)*2)
  }

  .style-backgroundmedia--fullwidth .cmp-backgroundmedia .cmp-backgroundmedia__overlay--video-type.cmp-backgroundmedia__overlay--is-mobile {
    padding-left: 3rem;
    padding-right: 3rem
  }
}

.style-container--fixed .style-backgroundmedia--fullwidth .cmp-backgroundmedia {
  margin-left: calc(var(--grid-full)*-1);
  margin-right: calc(var(--grid-full)*-1);
  max-width: 120rem;
  width: calc(100% + var(--grid-full)*2)
}

@media screen and (max-width:767px) {
  .style-backgroundmedia--fullwidth .cmp-backgroundmedia:has(.cmp-video) {
    margin-left: 0;
    margin-right: 0;
    width: 100%
  }
}

.style-container--fixed .style-backgroundmedia--fullwidth .cmp-backgroundmedia__overlay {
  padding-left: var(--grid-full);
  padding-right: var(--grid-full)
}

.style-backgroundmedia--fullwidth .cmp-backgroundmedia__overlay>.cmp-container {
  height: 100%;
  position: relative;
  width: 100%
}



.cmp-backgroundmedia--clickable a,
.cmp-backgroundmedia--clickable button {
  pointer-events: all
}

.cmp-backgroundmedia__click-area {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.cmp-backgroundmedia__click-area:focus,
.cmp-backgroundmedia__click-area:focus-visible {
  outline: none
}

.cmp-backgroundmedia__click-area:focus-visible,
.cmp-backgroundmedia__click-area:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-backgroundmedia__click-area.focus-visible {
    outline: none
  }

  .cmp-backgroundmedia__click-area.focus-visible,
  .cmp-backgroundmedia__click-area.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

@media screen and (max-width:1023px) {
  .cmp-backgroundmedia__shopthelook {
    display: none
  }
}

.cmp-backgroundmedia__disclaimer-gradient {
  background: linear-gradient(180deg, #0000, #000);
  bottom: 0;
  left: 0;
  opacity: .5;
  position: absolute;
  width: 100%
}

@media screen and (max-width:767px) {
  .cmp-backgroundmedia__disclaimer-gradient {
    display: none
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-backgroundmedia__disclaimer-gradient {
    height: 82px
  }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
  .cmp-backgroundmedia__disclaimer-gradient {
    height: 102px
  }
}

@media screen and (min-width:1280px) {
  .cmp-backgroundmedia__disclaimer-gradient {
    height: 164px
  }
}

.cmp-backgroundmedia {
  position: relative
}

.cmp-backgroundmedia__overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20
}

.cmp-backgroundmedia__overlay.cmp-backgroundmedia__overlay--parallax {
  transition: transform .1s
}

.cmp-backgroundmedia__overlay--empty {
  display: contents
}

.cmp-backgroundmedia__media-wrapper {
  overflow: hidden
}

.cmp-backgroundmedia__media-zoom-transition {
  transition: transform .7s ease
}

.cmp-backgroundmedia:hover .cmp-backgroundmedia__media-zoom-transition {
  transform: scale(var(--hover-zoom))
}

@media screen and (max-width:767px) {
  .cmp-backgroundmedia__overlay--under-media-mobile {
    position: relative;
    width: 100%
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .cmp-regionaloffers {
    color: #262626
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button {
    border: 0;
    box-shadow: none
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button,
  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:active,
  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:disabled,
  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:focus,
  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:hover,
  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:visited {
    background: #0000;
    color: #262626
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:hover {
    color: #1c69d4
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:active {
    color: #0653b6
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:disabled {
    color: #bbb
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:focus,
  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:focus-visible {
    outline: none
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:focus-visible,
  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button.focus-visible {
      outline: none
    }

    .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button.focus-visible,
    .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:focus-visible {
    color: #1c69d4
  }

  @supports (display:block) {
    .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button.focus-visible {
      color: #1c69d4
    }
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .cmp-text,
  .cmp-backgroundmedia__overlay--under-media-mobile .cmp-title__text {
    color: #262626
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .style-container--bottom,
  .cmp-backgroundmedia__overlay--under-media-mobile .style-container--middle,
  .cmp-backgroundmedia__overlay--under-media-mobile .style-container--top {
    bottom: auto;
    position: relative;
    top: auto;
    transform: none
  }

  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button:after,
  .cmp-backgroundmedia__overlay--under-media-mobile .style-button--as-link .cmp-button__text {
    color: #262626 !important
  }

  .cmp-backgroundmedia__overlay--under-media-mobile>.cmp-container .cmp-container:not(.cmp-container--config-style) {
    text-align: center
  }

  .cmp-backgroundmedia__overlay--under-media-mobile>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-button {
    margin-left: auto;
    margin-right: auto;
    width: 100%
  }

  .cmp-backgroundmedia__overlay--under-media-mobile>.cmp-container .cmp-container:not(.cmp-container--config-style) .style-button--as-link {
    display: flex !important
  }

  .cmp-backgroundmedia__overlay--under-media-mobile>.cmp-container .cmp-container:not(.cmp-container--config-style) .style-button--as-link .cmp-button {
    width: auto
  }

  .cmp-backgroundmedia__overlay--under-media-mobile>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-title {
    justify-content: center
  }

  .cmp-backgroundmedia__overlay--under-media-mobile>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-text {
    text-align: center
  }

  .cmp-backgroundmedia__overlay--under-media-mobile>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-quickfacts {
    align-items: center
  }

  .cmp-backgroundmedia__overlay--under-media-mobile>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-quickfacts .cmp-quickfacts-label,
  .cmp-backgroundmedia__overlay--under-media-mobile>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-quickfacts .cmp-quickfacts-text {
    text-align: center
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-backgroundmedia__overlay--under-media-tablet {
    position: relative;
    width: 100%
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .cmp-regionaloffers {
    color: #262626
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button {
    border: 0;
    box-shadow: none
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button,
  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:active,
  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:disabled,
  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:focus,
  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:hover,
  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:visited {
    background: #0000;
    color: #262626
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:hover {
    color: #1c69d4
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:active {
    color: #0653b6
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:disabled {
    color: #bbb
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:focus,
  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:focus-visible {
    outline: none
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:focus-visible,
  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button.focus-visible {
      outline: none
    }

    .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button.focus-visible,
    .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:focus-visible {
    color: #1c69d4
  }

  @supports (display:block) {
    .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button.focus-visible {
      color: #1c69d4
    }
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .cmp-text,
  .cmp-backgroundmedia__overlay--under-media-tablet .cmp-title__text {
    color: #262626
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .style-container--bottom,
  .cmp-backgroundmedia__overlay--under-media-tablet .style-container--middle,
  .cmp-backgroundmedia__overlay--under-media-tablet .style-container--top {
    bottom: auto;
    position: relative;
    top: auto;
    transform: none
  }

  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button:after,
  .cmp-backgroundmedia__overlay--under-media-tablet .style-button--as-link .cmp-button__text {
    color: #262626 !important
  }

  .cmp-backgroundmedia__overlay--under-media-tablet>.cmp-container .cmp-container:not(.cmp-container--config-style) {
    text-align: center
  }

  .cmp-backgroundmedia__overlay--under-media-tablet>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-button {
    margin-left: auto;
    margin-right: auto
  }

  .cmp-backgroundmedia__overlay--under-media-tablet>.cmp-container .cmp-container:not(.cmp-container--config-style) .style-button--as-link {
    display: flex !important
  }

  .cmp-backgroundmedia__overlay--under-media-tablet>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-title {
    justify-content: center
  }

  .cmp-backgroundmedia__overlay--under-media-tablet>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-text {
    text-align: center
  }

  .cmp-backgroundmedia__overlay--under-media-tablet>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-quickfacts {
    align-items: center
  }

  .cmp-backgroundmedia__overlay--under-media-tablet>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-quickfacts .cmp-quickfacts-label,
  .cmp-backgroundmedia__overlay--under-media-tablet>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-quickfacts .cmp-quickfacts-text {
    text-align: center
  }
}

@media screen and (min-width:1024px) {
  .cmp-backgroundmedia__overlay--under-media-desktop {
    position: relative;
    width: 100%
  }

  .cmp-backgroundmedia__overlay--under-media-desktop .cmp-regionaloffers {
    color: #262626
  }

  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button {
    border: 0;
    box-shadow: none
  }

  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button,
  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:active,
  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:disabled,
  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:focus,
  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:hover,
  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:visited {
    background: #0000;
    color: #262626
  }

  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:hover {
    color: #1c69d4
  }

  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:active {
    color: #0653b6
  }

  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:disabled {
    color: #bbb
  }

  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:focus,
  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:focus-visible {
    outline: none
  }

  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:focus-visible,
  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button.focus-visible {
      outline: none
    }

    .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button.focus-visible,
    .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button:focus-visible {
    color: #1c69d4
  }

  @supports (display:block) {
    .cmp-backgroundmedia__overlay--under-media-desktop .style-button--as-link .cmp-button.focus-visible {
      color: #1c69d4
    }
  }

  .cmp-backgroundmedia__overlay--under-media-desktop .cmp-text,
  .cmp-backgroundmedia__overlay--under-media-desktop .cmp-title__text {
    color: #262626
  }

  .cmp-backgroundmedia__overlay--under-media-desktop .style-container--bottom,
  .cmp-backgroundmedia__overlay--under-media-desktop .style-container--middle,
  .cmp-backgroundmedia__overlay--under-media-desktop .style-container--top {
    bottom: auto;
    position: relative;
    top: auto;
    transform: none
  }

  .cmp-backgroundmedia__overlay--under-media-desktop>.cmp-container .cmp-container:not(.cmp-container--config-style) {
    text-align: center
  }

  .cmp-backgroundmedia__overlay--under-media-desktop>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-button {
    margin-left: auto;
    margin-right: auto
  }

  .cmp-backgroundmedia__overlay--under-media-desktop>.cmp-container .cmp-container:not(.cmp-container--config-style) .style-button--as-link {
    display: flex !important
  }

  .cmp-backgroundmedia__overlay--under-media-desktop>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-title {
    justify-content: center
  }

  .cmp-backgroundmedia__overlay--under-media-desktop>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-text {
    text-align: center
  }

  .cmp-backgroundmedia__overlay--under-media-desktop>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-quickfacts {
    align-items: center
  }

  .cmp-backgroundmedia__overlay--under-media-desktop>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-quickfacts .cmp-quickfacts-label,
  .cmp-backgroundmedia__overlay--under-media-desktop>.cmp-container .cmp-container:not(.cmp-container--config-style) .cmp-quickfacts .cmp-quickfacts-text {
    text-align: center
  }
}

@media screen and (max-width:767px) {
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile {
    background: linear-gradient(180deg, #0000, #000 8pc) !important;
    margin-top: -172px;
    min-height: 172px
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .cmp-regionaloffers {
    color: #fff
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button {
    border: 0;
    box-shadow: none
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button,
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:active,
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:disabled,
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:focus,
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:hover,
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:visited {
    background: #0000;
    color: #fff
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:hover {
    color: #f6f6f6
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:focus,
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:focus-visible {
    outline: none
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:focus-visible,
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button.focus-visible {
      outline: none
    }

    .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button.focus-visible,
    .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:focus-visible {
    color: #f6f6f6
  }

  @supports (display:block) {
    .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button.focus-visible {
      color: #f6f6f6
    }
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .cmp-text,
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .cmp-title__text {
    color: #fff
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .cmp-regionaloffers,
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button:after,
  .cmp-backgroundmedia__overlay--overlap-under-media-mobile .style-button--as-link .cmp-button__text {
    color: #fff !important
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-mobile.cmp-backgroundmedia__overlay--parallax {
    background: linear-gradient(180deg, #0000, #000 34px) !important
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet {
    background: linear-gradient(180deg, #0000, #000 188px) !important;
    margin-top: -232px;
    min-height: 232px
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .cmp-regionaloffers {
    color: #fff
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button {
    border: 0;
    box-shadow: none
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button,
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:active,
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:disabled,
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:focus,
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:hover,
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:visited {
    background: #0000;
    color: #fff
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:hover {
    color: #f6f6f6
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:focus,
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:focus-visible {
    outline: none
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:focus-visible,
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }

  @supports (display:block) {
    .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button.focus-visible {
      outline: none
    }

    .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button.focus-visible,
    .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button.focus-visible:hover {
      background: #ffffff80;
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:focus-visible {
    color: #f6f6f6
  }

  @supports (display:block) {
    .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button.focus-visible {
      color: #f6f6f6
    }
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .cmp-text,
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .cmp-title__text {
    color: #fff
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .cmp-regionaloffers,
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button:after,
  .cmp-backgroundmedia__overlay--overlap-under-media-tablet .style-button--as-link .cmp-button__text {
    color: #fff !important
  }

  .cmp-backgroundmedia__overlay--overlap-under-media-tablet.cmp-backgroundmedia__overlay--parallax {
    background: linear-gradient(180deg, #0000, #000 34px) !important
  }
}

.cmp-backgroundmedia__overlay>.cmp-container {
  position: unset
}

.cmp-backgroundmedia__gradient {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

@media screen and (max-width:767px) {
  .cmp-backgroundmedia__gradient.cmp-backgroundmedia__gradient-hide-for-mobile {
    background: none
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-backgroundmedia__gradient.cmp-backgroundmedia__gradient-hide-for-tablet {
    background: none
  }
}

@media screen and (min-width:1024px) {
  .cmp-backgroundmedia__gradient.cmp-backgroundmedia__gradient-hide-for-desktop {
    background: none
  }
}

.cmp-backgroundmedia__gradient--oblique-dark,
.cmp-backgroundmedia__gradient--oblique-light {
  transform: matrix(1, 0, 0, -1, 0, 0)
}

.cmp-backgroundmedia__gradient--bottom-dark {
  background: linear-gradient(1turn, #000 12.64%, #0000 68.19%, #0000 0)
}

.cmp-backgroundmedia__gradient--bottom-light {
  background: linear-gradient(0deg, #fff, #0000 280px)
}

.cmp-backgroundmedia__gradient--top-dark {
  background: linear-gradient(180deg, #262626, #f6f6f600 280px)
}

.cmp-backgroundmedia__gradient--top-light {
  background: linear-gradient(180deg, #fff, #fff0 280px)
}

.cmp-backgroundmedia__gradient--left-dark {
  background: linear-gradient(90deg, #262626, #f6f6f600)
}

.cmp-backgroundmedia__gradient--left-light {
  background: linear-gradient(90deg, #fff, #fff0)
}

.cmp-backgroundmedia__gradient--right-dark {
  background: linear-gradient(270deg, #262626, #f6f6f600)
}

.cmp-backgroundmedia__gradient--right-light {
  background: linear-gradient(270deg, #fff, #fff0)
}

.cmp-backgroundmedia__gradient--oblique-dark {
  background: linear-gradient(70deg, #262626cc, #26262600 50%)
}

.cmp-backgroundmedia__gradient--oblique-light {
  background: linear-gradient(70deg, #fffc, #fff0 50%)
}

.style-container--fixed .style-backgroundmedia--fullwidth .cmp-backgroundmedia {
  margin-left: calc(var(--grid-full)*-1);
  margin-right: calc(var(--grid-full)*-1);
  max-width: 120rem;
  width: calc(100% + var(--grid-full)*2)
}

@media screen and (max-width:767px) {
  .style-backgroundmedia--fullwidth .cmp-backgroundmedia:has(.cmp-video) {
    margin-left: 0;
    margin-right: 0;
    width: 100%
  }
}

.style-container--fixed .style-backgroundmedia--fullwidth .cmp-backgroundmedia__overlay {
  padding-left: var(--grid-full);
  padding-right: var(--grid-full)
}

.style-backgroundmedia--fullwidth .cmp-backgroundmedia__overlay>.cmp-container {
  height: 100%;
  position: relative;
  width: 100%
}



.cmp-backgroundmedia--clickable a,
.cmp-backgroundmedia--clickable button {
  pointer-events: all
}

.cmp-backgroundmedia__click-area {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.cmp-backgroundmedia__click-area:focus,
.cmp-backgroundmedia__click-area:focus-visible {
  outline: none
}

.cmp-backgroundmedia__click-area:focus-visible,
.cmp-backgroundmedia__click-area:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-backgroundmedia__click-area.focus-visible {
    outline: none
  }

  .cmp-backgroundmedia__click-area.focus-visible,
  .cmp-backgroundmedia__click-area.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

@media screen and (max-width:1023px) {
  .cmp-backgroundmedia__shopthelook {
    display: none
  }
}

.cmp-allmodelsfilter__filters {
  background: #fff;
  bottom: 0;
  display: none;
  left: 0;
  overflow-y: auto;
  padding: 4rem 2rem 7.25rem;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 6070
}

@media screen and (min-width:1280px) {
  .cmp-allmodelsfilter__filters {
    display: block;
    padding: 0;
    position: static;
    z-index: auto
  }
}

.cmp-allmodelsfilter__filters-close {
  cursor: pointer;
  display: none;
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  z-index: 10
}

.cmp-allmodelsfilter__filters-visible,
.cmp-allmodelsfilter__filters-visible .cmp-allmodelsfilter__filters-close {
  display: block
}

.cmp-allmodelsfilter__filter {
  margin-bottom: 1.5rem
}

.cmp-allmodelsfilter__toggles {
  grid-gap: .5rem;
  display: grid;
  max-height: 100%;
  overflow: hidden
}

.cmp-allmodelsfilter__border {
  border-bottom: 1px solid #e6e6e6;
  padding-top: 1.5rem
}

.cmp-allmodelsfilter__heading-wrapper {
  cursor: pointer;
  display: flex;
  margin-bottom: 1rem;
  margin-top: 1rem
}

@media screen and (min-width:1280px) {
  .cmp-allmodelsfilter__heading-wrapper {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
  }
}

.cmp-allmodelsfilter__heading {
  flex-grow: 1;
  font-size: var(--subsection-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-2-line-height)
}

.cmp-allmodelsfilter__arrow {
  align-items: center;
  display: flex;
  padding-left: .5rem
}

.cmp-allmodelsfilter__arrow i {
  font-size: .5rem;
  transition: transform .4s ease 0ms
}

.cmp-allmodelsfilter__filters-mobile-title {
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height);
  margin-bottom: 2rem
}

@media screen and (min-width:1280px) {
  .cmp-allmodelsfilter__filters-mobile-title {
    display: none
  }
}

.cmp-allmodelsfilter__reset-filters {
  align-items: center;
  color: #262626;
  display: flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  line-height: var(--body-2-line-height);
  margin-top: 1.5rem;
  text-decoration: none
}

.cmp-allmodelsfilter__reset-filters:focus,
.cmp-allmodelsfilter__reset-filters:focus-visible {
  outline: none
}

.cmp-allmodelsfilter__reset-filters:focus-visible,
.cmp-allmodelsfilter__reset-filters:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .cmp-allmodelsfilter__reset-filters.focus-visible {
    outline: none
  }

  .cmp-allmodelsfilter__reset-filters.focus-visible,
  .cmp-allmodelsfilter__reset-filters.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.cmp-allmodelsfilter__reset-filters:hover {
  color: #666
}

.cmp-allmodelsfilter__reset-filters:active .cmp-allmodelsfilter__reset-filters:visited {
  color: #262626
}

.cmp-allmodelsfilter__reset-filters i.cmp-allmodelsfilter__reset-filters-i {
  font-size: 1rem;
  padding-left: .25rem
}

.cmp-allmodelsfilter__input--dropdown {
  position: relative
}

.cmp-allmodelsfilter__input--dropdown>.cmp-allmodelsfilter__input-icon {
  border-left: 1px solid #e6e6e6;
  color: #666;
  cursor: pointer;
  padding-left: .5rem;
  padding-right: .5rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.cmp-allmodelsfilter__filter-tiles {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  padding: 0 1rem
}

.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__filter-open {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  min-height: auto;
  padding: .5rem 1rem;
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__filter-open {
    width: auto
  }
}

.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-less,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-more {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: none;
  cursor: pointer;
  display: inline-flex;
  display: none;
  justify-content: center;
  min-height: 3.25rem;
  padding: .25rem;
  text-align: center;
  text-decoration: none;
  width: 100%
}

.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-less,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-less:active,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-less:disabled,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-less:focus,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-less:hover,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-less:visited,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-more,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-more:active,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-more:disabled,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-more:focus,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-more:hover,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-more:visited {
  background: #0000;
  color: #262626
}

.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-less:hover,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-more:hover {
  color: #1c69d4
}

.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-less:active,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-more:active {
  color: #0653b6
}

.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-less:disabled,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-more:disabled {
  color: #bbb
}

.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-less:focus,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-less:focus-visible,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-more:focus,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-more:focus-visible {
  outline: none
}

.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-less:focus-visible,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-less:focus-visible:hover,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-more:focus-visible,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-more:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {

  .cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-less.focus-visible,
  .cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-more.focus-visible {
    outline: none
  }

  .cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-less.focus-visible,
  .cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-less.focus-visible:hover,
  .cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-more.focus-visible,
  .cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-more.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-less:focus-visible,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-more:focus-visible {
  color: #1c69d4
}

@supports (display:block) {

  .cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-less.focus-visible,
  .cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-more.focus-visible {
    color: #1c69d4
  }
}

.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-less .cmp-allmodelsfilter__filter-show-arrow,
.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__show-more .cmp-allmodelsfilter__filter-show-arrow {
  height: 1.5rem;
  padding-right: .25rem
}

.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__display-flex {
  display: flex
}

.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__filter-tile {
  align-items: center;
  border: 1px solid #bbb;
  border-radius: 3px;
  color: #666;
  cursor: pointer;
  display: flex;
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  justify-content: center;
  line-height: var(--body-1-line-height);
  padding: .5rem 1rem
}

.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__filter-tile-template {
  display: none
}

.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__filter-tile-close {
  color: #666;
  height: 1.25rem;
  margin-right: .75rem
}

.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__filter-tile-close i {
  font-size: 1.25rem
}

.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__filter-tile-extra {
  display: none
}

.cmp-allmodelsfilter__filter-tiles .cmp-allmodelsfilter__filter-tile-extra-flex {
  display: flex
}

@media screen and (min-width:768px) {
  .cmp-allmodelsfilter__filter-tiles {
    padding: 0 .75rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-allmodelsfilter__filter-tiles {
    display: none
  }
}

.cmp-allmodelsfilter__toggle {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--input-font-weight);
  justify-content: center;
  line-height: var(--body-2-line-height);
  min-height: 2.25rem;
  padding: 0 1rem;
  text-align: center;
  text-decoration: none;
  transition: all .25s ease-in-out
}

.cmp-allmodelsfilter__toggle,
.cmp-allmodelsfilter__toggle:active,
.cmp-allmodelsfilter__toggle:disabled,
.cmp-allmodelsfilter__toggle:focus,
.cmp-allmodelsfilter__toggle:hover {
  --border-color: #8e8e8e;
  background-color: #0000;
  color: #666
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-allmodelsfilter__toggle:hover {
    --border-color: #262626;
    --border-width: 1px;
    box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset);
    color: #262626
  }
}

.cmp-allmodelsfilter__toggle:disabled,
.cmp-allmodelsfilter__toggle[aria-disabled=true] {
  --border-color: #f2f2f2;
  color: #bbb;
  pointer-events: none
}

.cmp-allmodelsfilter__toggle:disabled:focus-visible,
.cmp-allmodelsfilter__toggle[aria-disabled=true]:focus-visible {
  color: #bbb
}

@supports (display:block) {

  .cmp-allmodelsfilter__toggle:disabled.focus-visible,
  .cmp-allmodelsfilter__toggle[aria-disabled=true].focus-visible {
    color: #bbb
  }
}

.cmp-allmodelsfilter__toggle:focus-visible,
.cmp-allmodelsfilter__toggle:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-allmodelsfilter__toggle.focus-visible {
    outline: none
  }

  .cmp-allmodelsfilter__toggle.focus-visible,
  .cmp-allmodelsfilter__toggle.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-allmodelsfilter__toggle:focus-visible {
  color: #262626
}

@supports (display:block) {
  .cmp-allmodelsfilter__toggle.focus-visible {
    color: #262626
  }
}

.cmp-allmodelsfilter__toggle:focus,
.cmp-allmodelsfilter__toggle:focus-visible {
  outline: none
}

.cmp-allmodelsfilter__toggle:focus-visible,
.cmp-allmodelsfilter__toggle:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .cmp-allmodelsfilter__toggle.focus-visible {
    outline: none
  }

  .cmp-allmodelsfilter__toggle.focus-visible,
  .cmp-allmodelsfilter__toggle.focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.cmp-allmodelsfilter__toggle[aria-pressed=true] {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset)
}

.cmp-allmodelsfilter__toggle[aria-pressed=true],
.cmp-allmodelsfilter__toggle[aria-pressed=true]:active,
.cmp-allmodelsfilter__toggle[aria-pressed=true]:focus,
.cmp-allmodelsfilter__toggle[aria-pressed=true]:hover {
  background-color: #262626;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-allmodelsfilter__toggle[aria-pressed=true]:hover {
    background-color: #4d4d4d;
    box-shadow: none
  }
}

.cmp-allmodelsfilter__toggle[aria-pressed=true]:focus-visible,
.cmp-allmodelsfilter__toggle[aria-pressed=true]:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-allmodelsfilter__toggle[aria-pressed=true].focus-visible {
    outline: none
  }

  .cmp-allmodelsfilter__toggle[aria-pressed=true].focus-visible,
  .cmp-allmodelsfilter__toggle[aria-pressed=true].focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-allmodelsfilter__toggle[aria-pressed=true]:focus-visible {
  background-color: #4d4d4d
}

@supports (display:block) {
  .cmp-allmodelsfilter__toggle[aria-pressed=true].focus-visible {
    background-color: #4d4d4d
  }
}

.cmp-allmodelsfilter__toggle[aria-pressed=true]:disabled,
.cmp-allmodelsfilter__toggle[aria-pressed=true][aria-disabled=true] {
  background-color: #bbb;
  pointer-events: none
}

.cmp-allmodelsfilter__toggle[aria-pressed=true]:focus,
.cmp-allmodelsfilter__toggle[aria-pressed=true]:focus-visible {
  outline: none
}

.cmp-allmodelsfilter__toggle[aria-pressed=true]:focus-visible,
.cmp-allmodelsfilter__toggle[aria-pressed=true]:focus-visible:hover {
  box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
}

@supports (display:block) {
  .cmp-allmodelsfilter__toggle[aria-pressed=true].focus-visible {
    outline: none
  }

  .cmp-allmodelsfilter__toggle[aria-pressed=true].focus-visible,
  .cmp-allmodelsfilter__toggle[aria-pressed=true].focus-visible:hover {
    box-shadow: inset 0 0 0 .25rem #1c69d4, 0 0 0 .0625rem #fff
  }
}

.cmp-allmodelsfilter__toggle-two-rows {
  display: flex;
  flex-direction: column;
  padding-bottom: .5rem;
  padding-top: .5rem
}

.cmp-allmodelsfilter__toggle-gap {
  gap: .5rem
}

.cmp-allmodelsfilter__label {
  color: #666;
  display: block;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  margin-bottom: .5rem;
  text-transform: none
}

.cmp-allmodelsfilter__field {
  position: relative
}

.cmp-allmodelsfilter__input--number,
.cmp-allmodelsfilter__output--number {
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset);
  font-size: var(--body-2-font-size);
  font-weight: var(--input-font-weight);
  line-height: var(--body-2-line-height);
  min-height: 2.25rem;
  min-width: 8rem;
  padding: .5rem;
  width: 100%
}

.cmp-allmodelsfilter__input--number,
.cmp-allmodelsfilter__input--number:active,
.cmp-allmodelsfilter__input--number:disabled,
.cmp-allmodelsfilter__input--number:focus,
.cmp-allmodelsfilter__input--number:hover,
.cmp-allmodelsfilter__output--number,
.cmp-allmodelsfilter__output--number:active,
.cmp-allmodelsfilter__output--number:disabled,
.cmp-allmodelsfilter__output--number:focus,
.cmp-allmodelsfilter__output--number:hover {
  --border-color: #8e8e8e;
  background-color: #fff;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {

  .cmp-allmodelsfilter__input--number:hover,
  .cmp-allmodelsfilter__output--number:hover {
    --border-color: #4d4d4d;
    --border-width: 2px;
    color: #262626
  }
}

.cmp-allmodelsfilter__input--number:disabled,
.cmp-allmodelsfilter__input--number[aria-disabled=true],
.cmp-allmodelsfilter__output--number:disabled,
.cmp-allmodelsfilter__output--number[aria-disabled=true] {
  --border-color: #bbb;
  background-color: #f2f2f2;
  color: #8e8e8e;
  pointer-events: none
}

.cmp-allmodelsfilter__input--number:active,
.cmp-allmodelsfilter__output--number:active {
  --border-color: #4d4d4d;
  background-color: #fff
}

.cmp-allmodelsfilter__input--number:focus,
.cmp-allmodelsfilter__output--number:focus {
  --border-color: #1c69d4;
  --border-width: 2px;
  outline: none
}

.cmp-allmodelsfilter__input--number:focus-visible,
.cmp-allmodelsfilter__output--number:focus-visible {
  outline: none
}

.cmp-allmodelsfilter__input--number:focus-visible,
.cmp-allmodelsfilter__input--number:focus-visible:hover,
.cmp-allmodelsfilter__output--number:focus-visible,
.cmp-allmodelsfilter__output--number:focus-visible:hover {
  box-shadow: inset 0 0 0 .125rem #1c69d4
}

@supports (display:block) {

  .cmp-allmodelsfilter__input--number.focus-visible,
  .cmp-allmodelsfilter__output--number.focus-visible {
    outline: none
  }

  .cmp-allmodelsfilter__input--number.focus-visible,
  .cmp-allmodelsfilter__input--number.focus-visible:hover,
  .cmp-allmodelsfilter__output--number.focus-visible,
  .cmp-allmodelsfilter__output--number.focus-visible:hover {
    box-shadow: inset 0 0 0 .125rem #1c69d4
  }
}

.cmp-allmodelsfilter__input--number:focus-visible,
.cmp-allmodelsfilter__output--number:focus-visible {
  color: #262626
}

@supports (display:block) {

  .cmp-allmodelsfilter__input--number.focus-visible,
  .cmp-allmodelsfilter__output--number.focus-visible {
    color: #262626
  }
}

.cmp-allmodelsfilter__input--number:focus-visible,
.cmp-allmodelsfilter__output--number:focus-visible {
  background-color: #fff
}

@supports (display:block) {

  .cmp-allmodelsfilter__input--number.focus-visible,
  .cmp-allmodelsfilter__output--number.focus-visible {
    background-color: #fff
  }
}

.cmp-allmodelsfilter__input--number:focus-visible,
.cmp-allmodelsfilter__output--number:focus-visible {
  --border-color: #1c69d4
}

@supports (display:block) {

  .cmp-allmodelsfilter__input--number.focus-visible,
  .cmp-allmodelsfilter__output--number.focus-visible {
    --border-color: #1c69d4
  }
}

.cmp-allmodelsfilter__input--number:hover+output,
.cmp-allmodelsfilter__output--number:hover+output {
  --border-color: #4d4d4d
}

.cmp-allmodelsfilter__output--number {
  bottom: 0;
  left: 0;
  opacity: 0;
  
  position: absolute
}

.cmp-allmodelsfilter__input--number {
  appearance: textfield
}

.cmp-allmodelsfilter__input--number::placeholder {
  color: #666;
  font-weight: var(--default-font-weight);
  line-height: revert
}

.cmp-allmodelsfilter__input--number::-webkit-inner-spin-button,
.cmp-allmodelsfilter__input--number::-webkit-outer-spin-button {
  appearance: none;
  margin: 0
}

.cmp-allmodelsfilter__input--number:not(:placeholder-shown):not(:focus) {
  opacity: 0
}

.cmp-allmodelsfilter__input--number:not(:placeholder-shown):not(:focus)+.cmp-allmodelsfilter__output--number {
  opacity: 1
}

.cmp-allmodelsfilter__toggles--series {
  grid-template-columns: repeat(4, 1fr)
}

@media screen and (min-width:1280px) {
  .cmp-allmodelsfilter__toggles--series {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .cmp-allmodelsfilter__toggles--series {
    grid-template-columns: repeat(4, 1fr)
  }
}

.cmp-allmodelsfilter__toggles--fuelType {
  grid-template-columns: repeat(2, 1fr)
}

.cmp-allmodelsfilter__toggles--fuelType .cmp-allmodelsfilter__toggle-icon:before {
  font-size: 2rem;
  font-weight: var(--default-font-weight)
}

@media screen and (min-width:1920px) {
  .cmp-allmodelsfilter__toggles--fuelType .cmp-allmodelsfilter__toggle-icon:before {
    font-size: 3rem
  }
}

.cmp-allmodelsfilter__toggles--drivetype {
  grid-template-columns: 100%
}

.cmp-allmodelsfilter__toggles--bmwm {
  grid-template-columns: repeat(4, 1fr)
}

.cmp-allmodelsfilter__toggles--bmwm .cmp-allmodelsfilter__toggle-icon {
  height: .75rem
}

.cmp-allmodelsfilter__toggles--category {
  grid-template-columns: repeat(2, 1fr)
}

.cmp-allmodelsfilter__toggles--category .cmp-allmodelsfilter__toggle-icon:before {
  font-size: 2.75rem;
  font-weight: var(--default-font-weight);
  width: 1.5em
}

@media screen and (min-width:1280px) {
  .cmp-allmodelsfilter__toggles--category .cmp-allmodelsfilter__toggle-icon:before {
    font-size: 1.75rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-allmodelsfilter__toggles--category .cmp-allmodelsfilter__toggle-icon:before {
    font-size: 2.75rem
  }
}

.cmp-allmodelsfilter__toggles--specialCategory {
  grid-template-columns: repeat(2, 1fr)
}

.cmp-allmodelsfilter__toggles--price {
  grid-template-columns: repeat(1, 1fr);
  overflow: visible;
  position: relative;
  z-index: 10
}

@media screen and (min-width:768px) {
  .cmp-allmodelsfilter__toggles--price {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1024px) {
  .cmp-allmodelsfilter__toggles--price {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .cmp-allmodelsfilter__toggles--price {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .cmp-allmodelsfilter__toggles--price {
    grid-template-columns: repeat(1, 1fr)
  }
}

.cmp-allmodelsfilter__toggles--offers {
  grid-template-columns: repeat(1, 1fr)
}

.cmp-allmodelsfilter__filter-show-results-container {
  background: #fff;
  bottom: 0;
  left: 0;
  padding: 2rem;
  position: fixed;
  right: 0;
  z-index: 20
}

@media screen and (min-width:1280px) {
  .cmp-allmodelsfilter__filter-show-results-container {
    display: none
  }
}

.cmp-allmodelsfilter__filter-show-results {
  font-size: var(--body-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-1-line-height);
  min-height: auto;
  padding: .5rem 1rem;
  width: 100%
}

.cmp-allmodelsfilter__preselect-list {
  background: #fff;
  border: 1px solid #8e8e8e;
  border-radius: 3px;
  display: none;
  padding: .5rem 0;
  position: absolute;
  width: 100%;
  z-index: 10
}

.cmp-allmodelsfilter__preselect-list-visible {
  display: block
}

.cmp-allmodelsfilter__preselect-item {
  cursor: pointer;
  padding: .125rem .5rem
}

.cmp-allmodelsfilter__preselect-item-disabled {
  color: #666;
  cursor: not-allowed
}

.cmp-allmodelsfilter__filter-collapsed .cmp-allmodelsfilter__toggles {
  max-height: 0
}

.cmp-allmodelsfilter__filter-collapsed .cmp-allmodelsfilter__border {
  padding-top: 0
}

.cmp-allmodelsfilter__filter-collapsed .cmp-allmodelsfilter__toggles--price {
  overflow: hidden
}

.cmp-allmodelsfilter__filter-collapsed .cmp-allmodelsfilter__arrow i {
  transform: rotate(180deg)
}

.cmp-allmodelsfilter__filters-skip {
  display: none
}

@media screen and (min-width:1280px) {
  .cmp-allmodelsfilter__filters-skip {
    display: block;
    height: 1px;
    left: -999px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: -999
  }

  .cmp-allmodelsfilter__filters-skip:active,
  .cmp-allmodelsfilter__filters-skip:focus {
    align-items: center;
    border: 0;
    border-radius: 3px;
    box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--body-2-font-size);
    font-weight: var(--clickable-font-weight);
    height: auto;
    justify-content: center;
    left: 20px;
    line-height: var(--body-2-line-height);
    margin: 5px;
    min-height: 3.25rem;
    overflow: auto;
    padding: .25rem 1.5rem;
    text-align: center;
    text-decoration: none;
    width: auto;
    z-index: 6110
  }

  .cmp-allmodelsfilter__filters-skip:active,
  .cmp-allmodelsfilter__filters-skip:active:active,
  .cmp-allmodelsfilter__filters-skip:active:focus,
  .cmp-allmodelsfilter__filters-skip:active:hover,
  .cmp-allmodelsfilter__filters-skip:focus,
  .cmp-allmodelsfilter__filters-skip:focus:active,
  .cmp-allmodelsfilter__filters-skip:focus:focus,
  .cmp-allmodelsfilter__filters-skip:focus:hover {
    background-color: #1c69d4;
    color: #fff
  }
}

@media screen and (min-width:1280px) and (hover:hover) and (pointer:fine) {

  .cmp-allmodelsfilter__filters-skip:active:hover,
  .cmp-allmodelsfilter__filters-skip:focus:hover {
    background-color: #0653b6;
    box-shadow: none;
    color: #fff
  }
}

@media screen and (min-width:1280px) {

  .cmp-allmodelsfilter__filters-skip:active:focus,
  .cmp-allmodelsfilter__filters-skip:active:focus-visible,
  .cmp-allmodelsfilter__filters-skip:focus:focus,
  .cmp-allmodelsfilter__filters-skip:focus:focus-visible {
    outline: none
  }

  .cmp-allmodelsfilter__filters-skip:active:focus-visible,
  .cmp-allmodelsfilter__filters-skip:active:focus-visible:hover,
  .cmp-allmodelsfilter__filters-skip:focus:focus-visible,
  .cmp-allmodelsfilter__filters-skip:focus:focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

@media screen and (min-width:1280px) {
  @supports (display:block) {

    .cmp-allmodelsfilter__filters-skip:active.focus-visible,
    .cmp-allmodelsfilter__filters-skip:focus.focus-visible {
      outline: none
    }

    .cmp-allmodelsfilter__filters-skip:active.focus-visible,
    .cmp-allmodelsfilter__filters-skip:active.focus-visible:hover,
    .cmp-allmodelsfilter__filters-skip:focus.focus-visible,
    .cmp-allmodelsfilter__filters-skip:focus.focus-visible:hover {
      box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
    }
  }
}

@media screen and (min-width:1280px) {

  .cmp-allmodelsfilter__filters-skip:active:focus-visible,
  .cmp-allmodelsfilter__filters-skip:focus:focus-visible {
    color: #fff
  }
}

@media screen and (min-width:1280px) {
  @supports (display:block) {

    .cmp-allmodelsfilter__filters-skip:active.focus-visible,
    .cmp-allmodelsfilter__filters-skip:focus.focus-visible {
      color: #fff
    }
  }
}

@media screen and (min-width:1280px) {

  .cmp-allmodelsfilter__filters-skip:active:focus-visible,
  .cmp-allmodelsfilter__filters-skip:focus:focus-visible {
    background-color: #0653b6
  }
}

@media screen and (min-width:1280px) {
  @supports (display:block) {

    .cmp-allmodelsfilter__filters-skip:active.focus-visible,
    .cmp-allmodelsfilter__filters-skip:focus.focus-visible {
      background-color: #0653b6
    }
  }
}

@media screen and (min-width:1280px) {

  .cmp-allmodelsfilter__filters-skip:active:disabled,
  .cmp-allmodelsfilter__filters-skip:active[aria-disabled=true],
  .cmp-allmodelsfilter__filters-skip:focus:disabled,
  .cmp-allmodelsfilter__filters-skip:focus[aria-disabled=true] {
    background-color: #bbd2f3;
    pointer-events: none
  }
}

.cmp-allmodelscontainer {
  background-color: #f6f6f6;
  margin-top: 1.25rem;
  padding-bottom: 1.5rem
}

@media screen and (min-width:768px) {
  .cmp-allmodelscontainer {
    margin-top: 1.5rem;
    padding: 0 1.5rem 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-allmodelscontainer {
    margin-left: 1.5rem;
    margin-top: 0
  }
}

.cmp-allmodelscontainer__root {
  grid-gap: .5rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  position: relative;
  top: -1.25rem
}

@media screen and (max-width:767px) {
  .cmp-allmodelscontainer__root {
    grid-row-gap: .5rem;
    grid-column-gap: 0;
    grid-template-columns: 1fr
  }
}

@media screen and (min-width:768px) {
  .cmp-allmodelscontainer__root {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media screen and (min-width:1024px) {
  .cmp-allmodelscontainer__root {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

@media screen and (min-width:1280px) {
  .cmp-allmodelscontainer__root {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    top: -1.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-allmodelscontainer__root {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    top: -2.5rem
  }
}

.cmp-allmodelscontainer__root-spacer {
  padding-top: 2.5rem
}

@media screen and (min-width:1280px) {
  .cmp-allmodelscontainer__root-spacer {
    padding-top: 3rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-allmodelscontainer__root-spacer {
    padding-top: 4rem
  }
}

.cmp-allmodelscontainer__category-head {
  align-items: center;
  display: flex;
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height);
  line-height: 1.75rem;
  padding: 2.5rem 0 1.25rem 1.5rem
}

@media screen and (min-width:768px) {
  .cmp-allmodelscontainer__category-head {
    grid-column: 1/span 2;
    padding-left: 0
  }
}

@media screen and (min-width:1024px) {
  .cmp-allmodelscontainer__category-head {
    grid-column: 1/span 3
  }
}

@media screen and (min-width:1280px) {
  .cmp-allmodelscontainer__category-head {
    grid-column: 1/span 3;
    padding: 3rem 0 1.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-allmodelscontainer__category-head {
    grid-column: 1/span 4;
    padding: 4rem 0 2rem
  }
}

.cmp-allmodelscontainer__category-head .cmp-allmodelscontainer__category-icon {
  padding-right: .5rem
}

.cmp-allmodelscontainer__category-head .cmp-allmodelscontainer__category-icon i {
  font-size: 2rem
}

.cmp-allmodelscontainer__category-head-hidden {
  display: none
}

.cmp-allmodelscontainer__noresults {
  display: none;
  font-size: var(--headline-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-3-line-height);
  padding-bottom: 5rem;
  padding-top: 5rem;
  text-align: center
}

@media screen and (min-width:1280px) {
  .cmp-allmodelscontainer__noresults {
    padding-top: 6rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-allmodelscontainer__noresults {
    padding-top: 8rem
  }
}

.cmp-allmodelscontainer__noresults-show {
  display: block
}

.cmp-allmodelscontainer__noresults-reset {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--clickable-font-weight);
  justify-content: center;
  line-height: var(--body-2-line-height);
  min-height: 2.25rem;
  padding: 0 1rem;
  text-align: center;
  text-decoration: none;
  transition: all .25s ease-in-out
}

.cmp-allmodelscontainer__noresults-reset,
.cmp-allmodelscontainer__noresults-reset:active,
.cmp-allmodelscontainer__noresults-reset:disabled,
.cmp-allmodelscontainer__noresults-reset:focus,
.cmp-allmodelscontainer__noresults-reset:hover {
  --border-color: #8e8e8e;
  background-color: #0000;
  color: #666
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-allmodelscontainer__noresults-reset:hover {
    --border-color: #262626;
    --border-width: 1px;
    box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset);
    color: #262626
  }
}

.cmp-allmodelscontainer__noresults-reset:disabled,
.cmp-allmodelscontainer__noresults-reset[aria-disabled=true] {
  --border-color: #f2f2f2;
  color: #bbb;
  pointer-events: none
}

.cmp-allmodelscontainer__noresults-reset:disabled:focus-visible,
.cmp-allmodelscontainer__noresults-reset[aria-disabled=true]:focus-visible {
  color: #bbb
}

@supports (display:block) {

  .cmp-allmodelscontainer__noresults-reset:disabled.focus-visible,
  .cmp-allmodelscontainer__noresults-reset[aria-disabled=true].focus-visible {
    color: #bbb
  }
}

.cmp-allmodelscontainer__noresults-reset:focus,
.cmp-allmodelscontainer__noresults-reset:focus-visible {
  outline: none
}

.cmp-allmodelscontainer__noresults-reset:focus-visible,
.cmp-allmodelscontainer__noresults-reset:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-allmodelscontainer__noresults-reset.focus-visible {
    outline: none
  }

  .cmp-allmodelscontainer__noresults-reset.focus-visible,
  .cmp-allmodelscontainer__noresults-reset.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-allmodelscontainer__noresults-reset:focus-visible {
  color: #262626
}

@supports (display:block) {
  .cmp-allmodelscontainer__noresults-reset.focus-visible {
    color: #262626
  }
}

.cmp-allmodelscarddetail {
  padding: 0
}

.cmp-allmodelscarddetail__wrapper {
  position: relative;
  z-index: 0
}

.cmp-allmodelscarddetail__expand-icon {
  display: none;
  position: absolute;
  right: .5rem;
  top: .5rem
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__expand-icon {
    right: 1.25rem;
    top: 1.25rem
  }
}

.cmp-allmodelscarddetail__wrapper .cmp-allmodelscarddetail__expand-icon i {
  font-size: 1rem
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__wrapper .cmp-allmodelscarddetail__expand-icon i {
    font-size: 1.25rem
  }
}

.allmodelscard:hover:not(.allmodelscard--con-mode) .cmp-allmodelscarddetail__expand-icon {
  display: block
}

.allmodelscard:hover .cmp-allmodelscard__link .cmp-allmodelscarddetail__expand-icon {
  display: none
}

.cmp-allmodelscarddetail__top-wrapper {
  display: flex;
  flex-direction: row
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__top-wrapper {
    flex-direction: column
  }
}

.cmp-allmodelscarddetail__top-wrapper-manual {
  min-height: 6.5rem
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__top-wrapper-manual {
    min-height: auto
  }
}

.cmp-allmodelscarddetail__labels {
  flex-grow: 1;
  min-width: 5rem;
  padding: 1.25rem 1.5rem 0
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__labels {
    padding: 1.5rem 1.5rem 0
  }
}

.cmp-allmodelscarddetail__labels-header {
  display: inline-flex;
  max-width: 9.5rem
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__labels-header {
    max-width: none;
    overflow: hidden;
    width: 100%
  }
}

.cmp-allmodelscarddetail__expandview-labels-header {
  max-width: none;
  overflow: hidden;
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__expandview-labels-header {
    overflow: visible;
    width: auto
  }
}

.cmp-allmodelscarddetail__body-type {
  background: #e6e6e6;
  color: #4d4d4d;
  flex-shrink: 0;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  max-width: 8rem;
  overflow: hidden;
  padding: .125rem .25rem;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__body-type {
    max-width: none;
    text-overflow: clip
  }
}

.cmp-allmodelscarddetail__expandview-body-type {
  max-width: none;
  text-overflow: clip
}

.cmp-allmodelscarddetail__additional-label-grey {
  background: #4d4d4d;
  color: #fff;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  margin-left: .25rem;
  overflow: hidden;
  padding: .125rem .25rem;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__additional-label-grey {
    text-overflow: clip
  }
}

.cmp-allmodelscarddetail__additional-label-blue {
  background: #dde8f9;
  color: #262626;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  margin-left: .25rem;
  overflow: hidden;
  padding: .125rem .25rem;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__additional-label-blue {
    text-overflow: clip
  }
}

.cmp-allmodelscarddetail__expandview-additional-label {
  text-overflow: clip
}

.cmp-allmodelscarddetail__series {
  font-size: var(--headline-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-2-line-height)
}

.cmp-allmodelscarddetail__series .cmp-allmodelscarddetail__series-small {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-allmodelscarddetail__series-manual {
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height);
  max-width: 9.5rem
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__series-manual {
    max-width: none
  }
}

.cmp-allmodelscarddetail__description {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-allmodelscarddetail__fuel-logo {
  color: #0066b1;
  left: 5%;
  position: relative;
  top: .25rem
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__fuel-logo {
    left: 10%;
    top: 12%
  }
}

@media screen and (min-width:1024px) {
  .cmp-allmodelscarddetail__fuel-logo {
    left: 9%;
    top: 9%
  }
}

@media screen and (min-width:1280px) {
  .cmp-allmodelscarddetail__fuel-logo {
    left: 15%;
    top: 25%
  }
}

@media screen and (min-width:1920px) {
  .cmp-allmodelscarddetail__fuel-logo {
    left: 11%;
    top: 14%
  }
}

.cmp-allmodelscarddetail__fuel-logo .cmp-allmodelscarddetail__fuel-logo-i:before {
  font-size: 3rem;
  font-weight: var(--default-font-weight)
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__fuel-logo .cmp-allmodelscarddetail__fuel-logo-i:before {
    font-size: 4rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-allmodelscarddetail__fuel-logo .cmp-allmodelscarddetail__fuel-logo-i:before {
    font-size: 3rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-allmodelscarddetail__fuel-logo .cmp-allmodelscarddetail__fuel-logo-i:before {
    font-size: 4rem
  }
}

.cmp-allmodelscarddetail__imagewrapper {
  flex-shrink: 0;
  position: absolute;
  right: .25rem;
  width: 14rem;
  z-index: -1
}

.cmp-allmodelscarddetail__imagewrapper .cmp-allmodelscarddetail__car-image img {
  margin: auto;
  
  position: absolute;
  top: -3.25rem;
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__imagewrapper .cmp-allmodelscarddetail__car-image img {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%
  }
}

@media screen and (min-width:1280px) {
  .cmp-allmodelscarddetail__imagewrapper .cmp-allmodelscarddetail__car-image img {
    width: 95%
  }
}

@media screen and (min-width:1920px) {
  .cmp-allmodelscarddetail__imagewrapper .cmp-allmodelscarddetail__car-image img {
    width: 100%
  }
}

.cmp-allmodelscarddetail__imagewrapper .cmp-allmodelscarddetail__car-image-manual img {
  top: -1.5rem
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__imagewrapper .cmp-allmodelscarddetail__car-image-manual img {
    top: 0
  }
}

@media screen and (max-width:767px) {
  .cmp-allmodelscarddetail__imagewrapper {
    top: 2.25rem
  }
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__imagewrapper {
    height: 7.75rem;
    position: relative;
    right: 0;
    width: auto
  }
}

@media screen and (min-width:1280px) {
  .cmp-allmodelscarddetail__imagewrapper {
    height: 10rem
  }
}

.cmp-allmodelscarddetail__additionalinfo {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 1.25rem 1.5rem
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__additionalinfo {
    padding: 1.5rem
  }
}

.cmp-allmodelscarddetail__logos {
  display: flex;
  flex-direction: row;
  width: 100%
}

.cmp-allmodelscarddetail__fuelTypeText {
  align-items: center;
  color: #0066b1;
  display: flex;
  flex-grow: 1;
  font-size: var(--label-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--label-1-line-height);
  min-height: 1.5rem
}

.cmp-allmodelscarddetail__fuelTypeText-conventional {
  color: #666
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__fuelTypeText-compact {
    flex-grow: 0
  }
}

.cmp-allmodelscarddetail__fuelTypeText-text {
  margin-right: .5rem
}

.cmp-allmodelscarddetail__m-branding-image {
  height: .75rem
}

.cmp-allmodelscarddetail__usp-list {
  flex-grow: 1;
  list-style: none
}

.cmp-allmodelscarddetail__usp-item {
  display: block;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-allmodelscarddetail__usp-item .cmp-infoi__icon--center {
  transform: translateY(-10%);
  vertical-align: middle
}

.cmp-allmodelscarddetail__usp-item .cmp-infoi__icon--superscript {
  vertical-align: top
}

.cmp-allmodelscarddetail__usp-item-first {
  font-size: var(--body-2-font-size);
  font-weight: var(--price-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-allmodelscarddetail__usp-text {
  margin-right: .25rem
}

.cmp-allmodelscarddetail__expandview-data,
.cmp-allmodelscarddetail__expandview-wrapper {
  display: none
}

.cmp-allmodelscarddetail__expandview {
  overflow: hidden
}

.cmp-allmodelscarddetail__expandview-content {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
  position: relative
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__expandview-content {
    padding: 1.5rem
  }
}

.cmp-allmodelscarddetail__expandview-close-icon {
  cursor: pointer;
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  z-index: 10
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__expandview-close-icon {
    opacity: 0;
    transition: opacity .2s ease-in-out
  }

  .cmp-allmodelscarddetail__expandview-close-icon-animated {
    opacity: 1
  }
}

.cmp-allmodelscarddetail__expandview-top {
  display: flex;
  flex-direction: column
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__expandview-top {
    flex-direction: row;
    flex-wrap: wrap
  }
}

@media screen and (min-width:1024px) {
  .cmp-allmodelscarddetail__expandview-top {
    flex-direction: row;
    flex-wrap: nowrap
  }
}

.cmp-allmodelscarddetail__expandview-labels {
  padding-right: 1.5rem;
  width: 100%;
  z-index: 10
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__expandview-labels {
    opacity: 0;
    transition: opacity .2s ease-in-out;
    width: 15%
  }
}

@media screen and (min-width:1024px) {
  .cmp-allmodelscarddetail__expandview-labels {
    width: 15%
  }
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__expandview-labels-animated {
    opacity: 1
  }
}

.cmp-allmodelscarddetail__expandview-series {
  font-size: var(--headline-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--headline-1-line-height)
}

.cmp-allmodelscarddetail__expandview-series .cmp-allmodelscarddetail__series-small {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-allmodelscarddetail__expandview-series-manual {
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height)
}

.cmp-allmodelscarddetail__expandview-description {
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-2-line-height)
}

.cmp-allmodelscarddetail__expandview-fuel-logo {
  color: #0066b1;
  position: absolute;
  right: 2%;
  top: 15%
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__expandview-fuel-logo {
    right: 2%;
    top: 14%
  }
}

@media screen and (min-width:1024px) {
  .cmp-allmodelscarddetail__expandview-fuel-logo {
    right: 2%;
    top: 7%
  }
}

@media screen and (min-width:1280px) {
  .cmp-allmodelscarddetail__expandview-fuel-logo {
    right: 7%;
    top: 9%
  }
}

@media screen and (min-width:1920px) {
  .cmp-allmodelscarddetail__expandview-fuel-logo {
    right: 4%;
    top: 16%
  }
}

.cmp-allmodelscarddetail__expandview-fuel-logo .cmp-allmodelscarddetail__fuel-logo-i:before {
  font-size: 4rem;
  font-weight: var(--default-font-weight)
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__expandview-fuel-logo .cmp-allmodelscarddetail__fuel-logo-i:before {
    font-size: 6.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-allmodelscarddetail__expandview-fuel-logo .cmp-allmodelscarddetail__fuel-logo-i:before {
    font-size: 5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-allmodelscarddetail__expandview-fuel-logo .cmp-allmodelscarddetail__fuel-logo-i:before {
    font-size: 8rem
  }
}

.cmp-allmodelscarddetail__expandview-image-wrapper {
  align-items: center;
  display: flex;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  
  position: relative
}

.cmp-allmodelscarddetail__expandview-image-wrapper .cmp-allmodelscarddetail__anchor-expandview-image {
  pointer-events: auto
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__expandview-image-wrapper {
    margin-left: -1.5rem;
    margin-right: 0;
    margin-top: .75rem;
    width: 85%
  }
}

@media screen and (min-width:1024px) {
  .cmp-allmodelscarddetail__expandview-image-wrapper {
    width: 50%
  }
}

.cmp-allmodelscarddetail__expandview-image-wrapper2 {
  position: relative
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__expandview-image-wrapper2 {
    opacity: 0;
    transform: translateY(24px);
    transition: all .25s linear
  }
}

.cmp-allmodelscarddetail__expandview-image {
  position: relative
}

.cmp-allmodelscarddetail__expandview-image img {
  
  position: relative;
  width: 100%
}

@media screen and (min-width:1024px) {
  .cmp-allmodelscarddetail__expandview-image img {
    right: 2rem
  }
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__expandview-image-animated {
    opacity: 1;
    transform: translate(0)
  }
}

.cmp-allmodelscarddetail__expandview-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem 0 1rem;
  width: 100%
}

.cmp-allmodelscarddetail__expandview-buttons .button {
  margin-bottom: 1rem
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__expandview-buttons {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    opacity: 0;
    padding: 1.5rem 0 0;
    transition: opacity .25s ease-in-out;
    width: 100%
  }

  .cmp-allmodelscarddetail__expandview-buttons .button {
    margin-bottom: .5rem;
    width: 49%
  }
}

@media screen and (min-width:1024px) {
  .cmp-allmodelscarddetail__expandview-buttons {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin-left: 2pc;
    padding: 1.25rem 2.5rem 1.25rem 0;
    width: 35%
  }

  .cmp-allmodelscarddetail__expandview-buttons .button {
    max-width: 239px;
    width: auto
  }
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__expandview-buttons-animated {
    opacity: 1
  }

  .cmp-allmodelscarddetail__expandview-bottom {
    opacity: 0;
    transform: translate(24px);
    transition: all .25s linear
  }

  .cmp-allmodelscarddetail__expandview-bottom-animated {
    opacity: 1;
    transform: translate(0)
  }

  .cmp-allmodelscarddetail__expandview-bottom-animated-end {
    opacity: 0;
    transform: translate(-24px)
  }
}

.cmp-allmodelscarddetail__expandview-additionalinfo {
  display: none;
  flex-wrap: wrap
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__expandview-additionalinfo .cmp-allmodelscarddetail__usp-item {
    display: inline-block;
    padding-right: 1.5rem
  }
}

@media screen and (max-width:1023px) {
  .cmp-allmodelscarddetail__expandview-additionalinfo-mobile {
    display: flex;
    flex-wrap: wrap;
    width: 100%
  }
}

@media screen and (min-width:768px) {
  .cmp-allmodelscarddetail__expandview-additionalinfo-mobile {
    opacity: 0;
    transition: opacity .25s ease-in-out
  }

  .cmp-allmodelscarddetail__expandview-additionalinfo-mobile-animated {
    opacity: 1
  }
}

.cmp-allmodelscarddetail__expandview-disclaimer {
  font-size: var(--body-3-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--body-3-line-height);
  margin-top: 1rem;
  opacity: .7051
}

@media screen and (min-width:1024px) {
  .cmp-allmodelscarddetail__expandview-disclaimer {
    margin-top: .5rem
  }

  .cmp-allmodelscarddetail__expandview-additionalinfo-desktop {
    display: flex
  }
}

.allmodelscard {
  background-color: #fff;
  cursor: pointer;
  position: relative
}

.allmodelscard a.cmp-allmodelscard__link {
  color: unset;
  display: block;
  text-decoration: none
}

.allmodelscard:hover {
  box-shadow: 0 .375rem 1.25rem 0 #00000029, 0 0 .0625rem 0 #0000003d
}

.allmodelscard__active {
  border: 1px solid #262626
}

.cmp-allmodelscard {
  padding: 0
}

.cmp-allmodelscard__expand,
.cmp-allmodelscard__hidden {
  display: none
}

.cmp-allmodelscard__span-1 {
  background: #fff;
  bottom: 0;
  display: block;
  left: 0;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 6070
}

.cmp-allmodelscard__span-2 {
  display: grid;
  grid-column: 1/span 2;
  grid-template-rows: 0fr;
  transition: all .25s ease-in-out
}

.cmp-allmodelscard__span-3 {
  display: grid;
  grid-column: 1/span 3;
  grid-template-rows: 0fr;
  transition: all .25s ease-in-out
}

.cmp-allmodelscard__span-4 {
  display: grid;
  grid-column: 1/span 4;
  grid-template-rows: 0fr;
  transition: all .25s ease-in-out
}

.cmp-allmodelscard__span-animated {
  grid-template-rows: 1fr
}

.cmp-allmodelscard__buttons {
  display: none
}

.cmp-allmodels--layout {
  display: flex;
  flex-direction: column;
  width: 100%
}

@media screen and (min-width:1280px) {
  .cmp-allmodels--layout {
    flex-direction: row
  }
}

.cmp-allmodels--sorting {
  display: flex;
  justify-content: end;
  padding: 2rem 1.5rem;
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-allmodels--sorting {
    padding: 1.5rem
  }
}

@media screen and (min-width:1024px) {
  .cmp-allmodels--sorting {
    padding: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-allmodels--sorting {
    padding: 2.5rem 1.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-allmodels--sorting {
    padding: 3rem 1.5rem
  }
}

.cmp-allmodels--sorting-wrapper {
  position: relative;
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-allmodels--sorting-wrapper {
    width: auto
  }
}

.cmp-allmodels--sorting-dropdown {
  position: relative
}

.cmp-allmodels--sorting-dropdown>.cmp-allmodels--sorting-input-icon {
  border-left: 1px solid #e6e6e6;
  color: #666;
  cursor: pointer;
  padding-left: .5rem;
  padding-right: .5rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.cmp-allmodels--sorting-input {
  appearance: textfield;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset);
  cursor: pointer;
  font-size: var(--body-2-font-size);
  font-weight: var(--input-font-weight);
  line-height: var(--body-2-line-height);
  min-height: 2.25rem;
  min-width: 8rem;
  padding: .5rem;
  width: 100%
}

.cmp-allmodels--sorting-input,
.cmp-allmodels--sorting-input:active,
.cmp-allmodels--sorting-input:disabled,
.cmp-allmodels--sorting-input:focus,
.cmp-allmodels--sorting-input:hover {
  --border-color: #8e8e8e;
  background-color: #fff;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {
  .cmp-allmodels--sorting-input:hover {
    --border-color: #4d4d4d;
    --border-width: 2px;
    color: #262626
  }
}

.cmp-allmodels--sorting-input:disabled,
.cmp-allmodels--sorting-input[aria-disabled=true] {
  --border-color: #bbb;
  background-color: #f2f2f2;
  color: #8e8e8e;
  pointer-events: none
}

.cmp-allmodels--sorting-input:active {
  --border-color: #4d4d4d;
  background-color: #fff
}

.cmp-allmodels--sorting-input:focus {
  --border-color: #1c69d4;
  --border-width: 2px;
  outline: none
}

.cmp-allmodels--sorting-input:focus-visible {
  outline: none
}

.cmp-allmodels--sorting-input:focus-visible,
.cmp-allmodels--sorting-input:focus-visible:hover {
  box-shadow: inset 0 0 0 .125rem #1c69d4
}

@supports (display:block) {
  .cmp-allmodels--sorting-input.focus-visible {
    outline: none
  }

  .cmp-allmodels--sorting-input.focus-visible,
  .cmp-allmodels--sorting-input.focus-visible:hover {
    box-shadow: inset 0 0 0 .125rem #1c69d4
  }
}

.cmp-allmodels--sorting-input:focus-visible {
  color: #262626
}

@supports (display:block) {
  .cmp-allmodels--sorting-input.focus-visible {
    color: #262626
  }
}

.cmp-allmodels--sorting-input:focus-visible {
  background-color: #fff
}

@supports (display:block) {
  .cmp-allmodels--sorting-input.focus-visible {
    background-color: #fff
  }
}

.cmp-allmodels--sorting-input:focus-visible {
  --border-color: #1c69d4
}

@supports (display:block) {
  .cmp-allmodels--sorting-input.focus-visible {
    --border-color: #1c69d4
  }
}

.cmp-allmodels--sorting-input:hover+output {
  --border-color: #4d4d4d
}

.cmp-allmodels--sorting-input::placeholder {
  color: #666;
  font-weight: var(--default-font-weight);
  line-height: revert
}

.cmp-allmodels--sorting-input::-webkit-inner-spin-button,
.cmp-allmodels--sorting-input::-webkit-outer-spin-button {
  appearance: none;
  margin: 0
}

@media screen and (min-width:768px) {
  .cmp-allmodels--sorting-input {
    width: 12rem
  }
}

.cmp-allmodels--sorting-options {
  background: #fff;
  border: 1px solid #8e8e8e;
  border-radius: 3px;
  display: none;
  padding: .5rem 0;
  position: absolute;
  width: 100%;
  z-index: 10
}

@media screen and (min-width:768px) {
  .cmp-allmodels--sorting-options {
    width: 12rem
  }
}

.cmp-allmodels--sorting-options-visible {
  display: block
}

.cmp-allmodels--sorting-item {
  cursor: pointer;
  padding: .125rem .5rem
}

.cmp-allmodels--filter {
  padding: 0 .5rem;
  width: 100%
}

@media screen and (min-width:768px) {
  .cmp-allmodels--filter {
    padding: 0 .75rem
  }
}

@media screen and (min-width:1280px) {
  .cmp-allmodels--filter {
    min-width: 18.75rem;
    width: 16%
  }
}

@media screen and (min-width:1920px) {
  .cmp-allmodels--filter {
    width: 16%
  }
}

@media screen and (min-width:1280px) {
  .cmp-allmodels--filter-sticky {
    height: 100vh;
    overflow-y: auto;
    position: sticky;
    top: 0
  }
}

.cmp-allmodels--container {
  width: 100%
}

@media screen and (min-width:1280px) {
  .cmp-allmodels--container {
    position: relative;
    width: 84%
  }
}

@media screen and (min-width:1920px) {
  .cmp-allmodels--container {
    width: 84%
  }
}

.cmp-allmodels--container-fullwidth {
  width: 100%
}

.cmp-aientry {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  width: 100%
}

.cmp-aientry .cmp-aientry__input-group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  position: relative;
  width: 100%
}

.cmp-aientry .cmp-aientry__input-group-icon {
  background-color: #fff;
  padding: .125rem;
  z-index: 10
}

@media (max-width:480px) {
  .cmp-aientry .cmp-aientry__input-group-icon {
    display: none
  }
}

.cmp-aientry .cmp-aientry__input {
  background-color: #fff;
  border: 1px solid #8e8e8e;
  border-radius: .25rem;
  box-sizing: border-box;
  flex: 1;
  font-size: 1rem;
  height: 3.25rem;
  padding-left: 1.25rem;
  padding-right: 2.25rem;
  position: relative;
  width: 100%
}

.cmp-aientry .cmp-aientry__input::-webkit-search-cancel-button {
  appearance: none;
  display: none
}

.cmp-aientry .cmp-aientry__input-fade {
  background: linear-gradient(90deg, #fff, #0000);
  height: 1.5rem;
  left: 1.25rem;
  opacity: 0;
  
  position: absolute;
  top: 1rem;
  width: 1.75rem;
  z-index: 10
}

.cmp-aientry .cmp-aientry__input-fade.cmp-aientry__input-fade-visible {
  opacity: 1
}

.cmp-aientry .cmp-aientry__input-clear {
  background: none;
  border: 0;
  color: #262626;
  display: none;
  padding: 0;
  position: absolute;
  right: .5rem;
  top: 1rem
}

.cmp-aientry .cmp-aientry__input-clear.cmp-aientry__input-clear-flex {
  display: flex
}

.cmp-aientry .cmp-aientry__input-clear-icon {
  cursor: pointer;
  font-size: 1rem
}

@media screen and (min-width:768px) {
  .cmp-aientry .cmp-aientry__input-clear-icon {
    font-size: 1.25rem
  }
}

.cmp-aientry .cmp-aientry__input-wrapper {
  flex: 1;
  position: relative;
  width: 100%
}

.cmp-aientry .cmp-aientry__placeholder {
  align-items: center;
  color: #666;
  display: flex;
  font-size: var(--body-2-font-size);
  font-weight: var(--default-font-weight);
  gap: .5rem;
  height: 1.75rem;
  left: 1.25rem;
  line-height: var(--body-2-line-height);
  overflow: hidden;
  
  position: absolute;
  top: .75rem;
  width: calc(100% - 2.5rem);
  z-index: 10
}

.cmp-aientry .cmp-aientry__placeholder.cmp-aientry__placeholder-invisible {
  opacity: 0
}

.cmp-aientry .cmp-aientry__placeholder.cmp-aientry__placeholder--animated .cmp-aientry__placeholder-text {
  animation: hide 0ms 3.75s forwards;
  display: block;
  position: relative;
  white-space: nowrap;
  width: 100%
}

.cmp-aientry .cmp-aientry__placeholder.cmp-aientry__placeholder--animated .cmp-aientry__placeholder-text:after {
  animation: dissolve 2.25s ease-out 1.5s;
  background: linear-gradient(90deg, #0000, #fff 50%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateX(250%);
  width: 200%
}

.cmp-aientry .cmp-aientry__placeholder.cmp-aientry__placeholder--animated .cmp-aientry__suggestions {
  animation: cycle-suggestions calc(var(--suggestions-count)*4.5s) 4s steps(var(--suggestions-count)) infinite;
  height: 1.5rem;
  min-width: 0;
  position: relative;
  transform: translateY(var(--body-2-line-height))
}

.cmp-aientry .cmp-aientry__placeholder.cmp-aientry__placeholder--animated .cmp-aientry__suggestions:after {
  animation: dissolve 2.25s 4.5s infinite alternate-reverse;
  background: linear-gradient(90deg, #0000, #fff 50%);
  content: "";
  height: calc(200%*var(--suggestions-count));
  left: 0;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 200%
}

.cmp-aientry .cmp-aientry__placeholder.cmp-aientry__placeholder--animated .cmp-aientry__suggestion {
  animation: overflow-transition 4.5s 4s infinite;
  list-style: none;
  text-align: left;
  white-space: nowrap
}

.cmp-aientry .cmp-aientry__placeholder.cmp-aientry__placeholder--animated .cmp-aientry__suggestion .cmp-aientry__suggestion-fade {
  height: 100%;
  left: 0;
  position: absolute;
  top: calc(var(--suggestion-index)*1.5rem);
  width: 100%
}

.cmp-aientry .cmp-aientry__placeholder.cmp-aientry__placeholder--animated .cmp-aientry__suggestion .cmp-aientry__suggestion-fade:before {
  animation: fade-shadow-before 4.5s 4s infinite;
  animation-play-state: var(--suggestion-overflow-fade, paused);
  background: linear-gradient(90deg, #fff, #0000);
  content: "";
  height: 1.5rem;
  left: -.5rem;
  opacity: 0;
  position: absolute;
  width: 2.25rem;
  z-index: 10
}

.cmp-aientry .cmp-aientry__placeholder.cmp-aientry__placeholder--animated .cmp-aientry__suggestion .cmp-aientry__suggestion-fade:after {
  animation: fade-shadow-after 4.5s 4s infinite;
  animation-play-state: var(--suggestion-overflow-fade, paused);
  background: linear-gradient(90deg, #0000, #fff);
  content: "";
  height: 1.5rem;
  opacity: 0;
  position: absolute;
  right: 0;
  width: 1.75rem;
  z-index: 10
}

.cmp-aientry .cmp-aientry__direct-access {
  align-items: center;
  display: flex;
  justify-content: center
}

.cmp-aientry .cmp-aientry__submit {
  min-height: 3.25rem;
  width: 3.25rem
}

.cmp-aientry .cmp-aientry__direct-access-button,
.cmp-aientry .cmp-aientry__submit {
  align-items: center;
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 var(--border-width, 0) var(--border-color, unset);
  cursor: pointer;
  display: inline-flex;
  gap: .5rem;
  justify-content: center;
  min-height: 3.25rem;
  padding: 0 1.5rem;
  text-align: center;
  text-decoration: none
}

.cmp-aientry .cmp-aientry__direct-access-button,
.cmp-aientry .cmp-aientry__direct-access-button:active,
.cmp-aientry .cmp-aientry__direct-access-button:focus,
.cmp-aientry .cmp-aientry__direct-access-button:hover,
.cmp-aientry .cmp-aientry__submit,
.cmp-aientry .cmp-aientry__submit:active,
.cmp-aientry .cmp-aientry__submit:focus,
.cmp-aientry .cmp-aientry__submit:hover {
  background-color: #1c69d4;
  color: #fff
}

@media screen and (hover:hover) and (pointer:fine) {

  .cmp-aientry .cmp-aientry__direct-access-button:hover,
  .cmp-aientry .cmp-aientry__submit:hover {
    background-color: #0653b6;
    box-shadow: none;
    color: #fff
  }
}

.cmp-aientry .cmp-aientry__direct-access-button:focus,
.cmp-aientry .cmp-aientry__direct-access-button:focus-visible,
.cmp-aientry .cmp-aientry__submit:focus,
.cmp-aientry .cmp-aientry__submit:focus-visible {
  outline: none
}

.cmp-aientry .cmp-aientry__direct-access-button:focus-visible,
.cmp-aientry .cmp-aientry__direct-access-button:focus-visible:hover,
.cmp-aientry .cmp-aientry__submit:focus-visible,
.cmp-aientry .cmp-aientry__submit:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {

  .cmp-aientry .cmp-aientry__direct-access-button.focus-visible,
  .cmp-aientry .cmp-aientry__submit.focus-visible {
    outline: none
  }

  .cmp-aientry .cmp-aientry__direct-access-button.focus-visible,
  .cmp-aientry .cmp-aientry__direct-access-button.focus-visible:hover,
  .cmp-aientry .cmp-aientry__submit.focus-visible,
  .cmp-aientry .cmp-aientry__submit.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-aientry .cmp-aientry__direct-access-button:focus-visible,
.cmp-aientry .cmp-aientry__submit:focus-visible {
  color: #fff
}

@supports (display:block) {

  .cmp-aientry .cmp-aientry__direct-access-button.focus-visible,
  .cmp-aientry .cmp-aientry__submit.focus-visible {
    color: #fff
  }
}

.cmp-aientry .cmp-aientry__direct-access-button:focus-visible,
.cmp-aientry .cmp-aientry__submit:focus-visible {
  background-color: #0653b6
}

@supports (display:block) {

  .cmp-aientry .cmp-aientry__direct-access-button.focus-visible,
  .cmp-aientry .cmp-aientry__submit.focus-visible {
    background-color: #0653b6
  }
}

.cmp-aientry .cmp-aientry__direct-access-button:disabled,
.cmp-aientry .cmp-aientry__direct-access-button[aria-disabled=true],
.cmp-aientry .cmp-aientry__submit:disabled,
.cmp-aientry .cmp-aientry__submit[aria-disabled=true] {
  background-color: #bbd2f3;
  pointer-events: none
}

.cmp-aientry .cmp-aientry__direct-access-button:disabled,
.cmp-aientry .cmp-aientry__submit:disabled {
  background-color: #4d4d4d;
  color: #8e8e8e
}

.cmp-aientry .cmp-aientry__disclaimer {
  flex-basis: 100%
}

.aientry.style-aientry--button-only .cmp-aientry__input-group,
.cmp-aientry.chat-open .cmp-aientry__input-group,
.cmp-aientry:not(.chat-open) .cmp-aientry__direct-access-button {
  display: none
}

.aientry.style-aientry--button-only .cmp-aientry__direct-access-button,
.aientry.style-aientry--button-only .cmp-aientry__submit {
  display: inline-flex
}

.aientry.style-aientry--ghost-button-dark .cmp-aientry__input-group {
  display: none
}

.aientry.style-aientry--ghost-button-dark .cmp-aientry__direct-access-button,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__submit {
  border: 0;
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border-color, unset);
  display: inline-flex
}

.aientry.style-aientry--ghost-button-dark .cmp-aientry__direct-access-button,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__direct-access-button:active,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__direct-access-button:disabled,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__direct-access-button:focus,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__direct-access-button:hover,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__submit,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__submit:active,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__submit:disabled,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__submit:focus,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__submit:hover {
  --border-color: #262626;
  background-color: #0000;
  color: #262626
}

@media screen and (hover:hover) and (pointer:fine) {

  .aientry.style-aientry--ghost-button-dark .cmp-aientry__direct-access-button:hover,
  .aientry.style-aientry--ghost-button-dark .cmp-aientry__submit:hover {
    --border-width: 2px;
    box-shadow: inset 0 0 0 var(--border-width, 2px) var(--border-color, unset)
  }
}

.aientry.style-aientry--ghost-button-dark .cmp-aientry__direct-access-button:disabled,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__direct-access-button[aria-disabled=true],
.aientry.style-aientry--ghost-button-dark .cmp-aientry__submit:disabled,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__submit[aria-disabled=true] {
  --border-color: #e6e6e6;
  color: #bbb;
  pointer-events: none
}

.aientry.style-aientry--ghost-button-dark .cmp-aientry__direct-access-button:disabled:focus-visible,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__direct-access-button[aria-disabled=true]:focus-visible,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__submit:disabled:focus-visible,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__submit[aria-disabled=true]:focus-visible {
  color: #bbb
}

@supports (display:block) {

  .aientry.style-aientry--ghost-button-dark .cmp-aientry__direct-access-button:disabled.focus-visible,
  .aientry.style-aientry--ghost-button-dark .cmp-aientry__direct-access-button[aria-disabled=true].focus-visible,
  .aientry.style-aientry--ghost-button-dark .cmp-aientry__submit:disabled.focus-visible,
  .aientry.style-aientry--ghost-button-dark .cmp-aientry__submit[aria-disabled=true].focus-visible {
    color: #bbb
  }
}

.aientry.style-aientry--ghost-button-dark .cmp-aientry__direct-access-button:focus,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__direct-access-button:focus-visible,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__submit:focus,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__submit:focus-visible {
  outline: none
}

.aientry.style-aientry--ghost-button-dark .cmp-aientry__direct-access-button:focus-visible,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__direct-access-button:focus-visible:hover,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__submit:focus-visible,
.aientry.style-aientry--ghost-button-dark .cmp-aientry__submit:focus-visible:hover {
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {

  .aientry.style-aientry--ghost-button-dark .cmp-aientry__direct-access-button.focus-visible,
  .aientry.style-aientry--ghost-button-dark .cmp-aientry__submit.focus-visible {
    outline: none
  }

  .aientry.style-aientry--ghost-button-dark .cmp-aientry__direct-access-button.focus-visible,
  .aientry.style-aientry--ghost-button-dark .cmp-aientry__direct-access-button.focus-visible:hover,
  .aientry.style-aientry--ghost-button-dark .cmp-aientry__submit.focus-visible,
  .aientry.style-aientry--ghost-button-dark .cmp-aientry__submit.focus-visible:hover {
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

@media screen and (min-width:768px) {
  .cmp-aientry {
    margin-top: 1.5rem
  }
}

@media screen and (min-width:1920px) {
  .cmp-aientry {
    margin-top: 2.5rem
  }
}

.cmp-aientry__not-available {
  color: #fff
}

@keyframes hide {
  0% {
    display: block;
    opacity: 1;
    width: 100%
  }

  to {
    display: none;
    opacity: 0;
    position: absolute;
    width: 0
  }
}

@keyframes cycle-suggestions {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(calc(var(--suggestions-count)*var(--body-2-line-height)*-1))
  }
}

@keyframes dissolve {
  0% {
    transform: translateX(250%)
  }

  to {
    transform: translateX(-50%)
  }
}

@keyframes overflow-transition {
  0% {
    margin-left: 0
  }

  54% {
    margin-left: 0
  }

  72% {
    margin-left: var(--suggestion-overflow-amount)
  }

  to {
    margin-left: var(--suggestion-overflow-amount)
  }
}

@keyframes fade-shadow-before {
  0% {
    opacity: 0
  }

  44% {
    opacity: 0
  }

  45% {
    opacity: 1
  }

  to {
    opacity: 1
  }
}

@keyframes fade-shadow-after {
  0% {
    opacity: 1
  }

  62% {
    opacity: 1
  }

  63% {
    opacity: 0
  }

  to {
    opacity: 0
  }
}

.cmp-accordion__item {
  border-bottom: .0625rem solid #e6e6e6;
  border-top: .0625rem solid #e6e6e6;
  margin-top: -1px
}

.cmp-accordion__header {
  display: flex;
  min-height: 5rem;
  padding-bottom: .5rem;
  padding-top: .5rem
}

.cmp-accordion__button {
  align-items: center;
  background: #0000;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: flex;
  font-size: inherit;
  font-weight: inherit;
  justify-content: space-between;
  letter-spacing: inherit;
  line-height: inherit;
  padding: 0 .5rem 0 0;
  text-align: start
}

.cmp-accordion__button,
.cmp-accordion__button:active,
.cmp-accordion__button:disabled,
.cmp-accordion__button:focus,
.cmp-accordion__button:hover,
.cmp-accordion__button:visited {
  background: #0000;
  color: #262626
}

.cmp-accordion__button:hover {
  color: #1c69d4
}

.cmp-accordion__button:active {
  color: #0653b6
}

.cmp-accordion__button:disabled {
  color: #bbb
}

.cmp-accordion__button:focus,
.cmp-accordion__button:focus-visible {
  outline: none
}

.cmp-accordion__button:focus-visible,
.cmp-accordion__button:focus-visible:hover {
  background: #ffffff80;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
}

@supports (display:block) {
  .cmp-accordion__button.focus-visible {
    outline: none
  }

  .cmp-accordion__button.focus-visible,
  .cmp-accordion__button.focus-visible:hover {
    background: #ffffff80;
    box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .3125rem #1c69d4
  }
}

.cmp-accordion__button:focus-visible {
  color: #1c69d4
}

@supports (display:block) {
  .cmp-accordion__button.focus-visible {
    color: #1c69d4
  }
}

.cmp-accordion__title {
  font-size: var(--subsection-1-font-size);
  font-weight: var(--default-font-weight);
  line-height: var(--subsection-1-line-height);
  padding: 0 .5rem
}

.cmp-accordion__icon {
  transition: transform .5s ease-in-out
}

.cmp-accordion__button--expanded .cmp-accordion__icon {
  transform: rotate(-180deg)
}

.cmp-accordion__panel {
  padding: 0 .5rem
}

.cmp-accordion__panel--expanded {
  padding-bottom: 3rem;
  padding-top: .75rem
}

@media screen and (max-width:767px) {
  .cmp-accordion--disable-collapsable-mobile .cmp-accordion__icon {
    display: none
  }

  .cmp-accordion--disable-collapsable-mobile .cmp-accordion__panel {
    display: block;
    padding-bottom: 3rem;
    padding-top: .75rem
  }

  .cmp-accordion--disable-collapsable-mobile .cmp-accordion__button {
    pointer-events: none
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .cmp-accordion--disable-collapsable-tablet .cmp-accordion__icon {
    display: none
  }

  .cmp-accordion--disable-collapsable-tablet .cmp-accordion__panel {
    display: block;
    padding-bottom: 3rem;
    padding-top: .75rem
  }

  .cmp-accordion--disable-collapsable-tablet .cmp-accordion__button {
    pointer-events: none
  }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
  .cmp-accordion--disable-collapsable-tablet-landscape .cmp-accordion__icon {
    display: none
  }

  .cmp-accordion--disable-collapsable-tablet-landscape .cmp-accordion__panel {
    display: block;
    padding-bottom: 3rem;
    padding-top: .75rem
  }

  .cmp-accordion--disable-collapsable-tablet-landscape .cmp-accordion__button {
    pointer-events: none
  }
}

@media screen and (min-width:1280px) {
  .cmp-accordion--disable-collapsable-desktop .cmp-accordion__icon {
    display: none
  }

  .cmp-accordion--disable-collapsable-desktop .cmp-accordion__panel {
    display: block;
    padding-bottom: 3rem;
    padding-top: .75rem
  }

  .cmp-accordion--disable-collapsable-desktop .cmp-accordion__button {
    pointer-events: none
  }
}

.style-accordion--no-border .cmp-accordion__item {
  border: 0
}

.style-accordion--faq .cmp-accordion__panel--expanded {
  padding-bottom: 1.5rem
}

@media screen and (min-width:768px) {
  .style-accordion--faq .cmp-accordion__panel--expanded {
    padding-right: 3rem
  }
}