/*! BMWUSA Vite Build 1760123584929 */
.visualizer-base-cmp[data-stage-selected=colors] .visualizer-base__stages .visualizer-base__background{background-size:cover;background-position:center}.visualizer-base-cmp[data-stage-selected=colors] .icon-keys-keyboard{opacity:0;transition:.5s opacity ease-in-out}.visualizer-base-cmp[data-stage-selected=colors] .icon-keys-keyboard.icon-keys-keyboard-white{display:none}.visualizer-base-cmp[data-stage-selected=colors] .icon-keys-keyboard.icon-keys-keyboard-dark{display:block}.visualizer-base-cmp[data-stage-selected=colors] .vehicle-drag__wrapper{display:none}@media (min-width: 768px){.visualizer-base-cmp[data-stage-selected=colors] .visualizer-base__stages .visualizer-base__cosy-image--wrapper .cosy-canvas{box-sizing:border-box}.visualizer-base-cmp[data-stage-selected=colors] .visualizer-base__stages .visualizer-base__cosy-image--wrapper .icon-keys-keyboard{width:100px;position:absolute;left:10%;top:45%;height:10%}.visualizer-base-cmp[data-stage-selected=colors] .visualizer-base__stages .visualizer-base__cosy-image--wrapper .vehicle-drag__wrapper{align-items:center;display:flex;flex-direction:column;position:absolute;right:6%;top:8%}.visualizer-base-cmp[data-stage-selected=colors] .visualizer-base__stages .visualizer-base__cosy-image--wrapper .vehicle-drag__wrapper .vehicle-drag__icon .vehicle-drag__svg{position:absolute;top:-57%;transform:translate(-50%,-50%);width:50px}.visualizer-base-cmp[data-stage-selected=colors] .visualizer-base__stages .visualizer-base__cosy-image--wrapper .vehicle-drag__wrapper .vehicle-drag__label{margin-top:15px;white-space:nowrap}}@media (min-width: 1280px){.visualizer-base-cmp[data-stage-selected=colors] .visualizer-base__stages .visualizer-base__cosy-image--wrapper:hover{cursor:url(../png/cursor-pan-default-state.png)}@media (min-resolution: 192dpi){.visualizer-base-cmp[data-stage-selected=colors] .visualizer-base__stages .visualizer-base__cosy-image--wrapper:hover{cursor:url(../png/cursor-pan-default-state%402x.png)}}@media (min-resolution: 288dpi){.visualizer-base-cmp[data-stage-selected=colors] .visualizer-base__stages .visualizer-base__cosy-image--wrapper:hover{cursor:url(../png/cursor-pan-default-state%403x.png)}}.visualizer-base-cmp[data-stage-selected=colors] .visualizer-base__stages .visualizer-base__cosy-image--wrapper:hover{cursor:-webkit-image-set(url(../png/cursor-pan-default-state.png) 1x,url(../png/cursor-pan-default-state%402x.png) 2x,url(../png/cursor-pan-default-state%403x.png) 3x) 25 25,auto}.visualizer-base-cmp[data-stage-selected=colors] .visualizer-base__stages .visualizer-base__cosy-image--wrapper .icon-keys-keyboard{width:65px;position:absolute;left:16%;top:45%}.visualizer-base-cmp[data-stage-selected=colors] .visualizer-base__stages .visualizer-base__cosy-image--wrapper .icon-keys-keyboard-active{opacity:1}.visualizer-base-cmp[data-stage-selected=colors] .visualizer-base__stages .visualizer-base__cosy-image--wrapper .vehicle-drag__wrapper{display:none}}@media (min-width: 2000px){.visualizer-base-cmp[data-stage-selected=colors] .visualizer-base__stages .visualizer-base__cosy-image--wrapper .icon-keys-keyboard{left:16.5%}.visualizer-base-cmp[data-stage-selected=colors] .visualizer-base__stages .visualizer-base__cosy-image--wrapper .vehicle-drag__wrapper{right:23%}}.visualizer-base-cmp .visualizer-base__standalone-cta-wrapper{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;z-index:1}.visualizer-base-cmp .visualizer-base__standalone-cta-wrapper .visualizer-base__standalone-cta{text-align:center}.visualizer-base-cmp .visualizer-base__standalone-cta-wrapper .visualizer-base__disclaimer{display:flex}.visualizer-base-cmp .visualizer-base__standalone-cta-wrapper .visualizer-base__disclaimer-icon{width:51px;height:34px;align-self:center;border-radius:50%;right:0}.visualizer-base-cmp .visualizer-base__standalone-cta-wrapper .visualizer-base__disclaimer-copy{color:#221f1f;text-align:left}@media (min-width: 768px){.visualizer-base-cmp .visualizer-base__standalone-cta-wrapper .visualizer-base__disclaimer{justify-content:center;align-items:center}}@media (min-width: 1280px){.visualizer-base-cmp .visualizer-base__standalone-cta-wrapper{z-index:1}}.visualizer-base-cmp .visualizer-base__toggle .visualizer-base__headline{color:#221f1f;text-align:center;z-index:2}.visualizer-base-cmp .loader{display:none;position:absolute;top:50%;left:50%;height:155px;margin-top:-75px;margin-left:-150px;width:300px;z-index:1}.visualizer-base-cmp .loader.spinning{display:inline-block}.visualizer-base-cmp .loader-ring,.visualizer-base-cmp .loader-ring2{width:70px;height:70px;margin:auto;top:0;left:0;right:0;bottom:0;position:absolute;stroke-dasharray:500;stroke-dashoffset:490}.visualizer-base-cmp .ring,.visualizer-base-cmp .ring2{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;transform-origin:center center}.visualizer-base-cmp .results{stroke:#1c69d3;z-index:1}.visualizer-base-cmp .loader-ring{transform:rotate(82deg);animation:ring 2.2s cubic-bezier(.5,0,.5,1) infinite}.visualizer-base-cmp .loader-ring2{transform:rotate(-97deg);animation:ring2 2.2s cubic-bezier(.5,0,.5,1) infinite}@keyframes ring{0%{transform:rotate(82deg);stroke-dashoffset:490}70%{transform:rotate(720deg);stroke-dashoffset:400}to{transform:rotate(982deg);stroke-dashoffset:490}}@keyframes ring2{0%{transform:rotate(-98deg);stroke-dashoffset:490}70%{transform:rotate(540deg);stroke-dashoffset:400}to{transform:rotate(802deg);stroke-dashoffset:490}}.visualizer-base-cmp .visualizer-base__swatch-list-wrapper{box-sizing:border-box;z-index:2;position:relative;width:100%;text-align:center}.visualizer-base-cmp .visualizer-base__swatch-list-wrapper .visualizer-base__swatch-list .visualizer-base__items{padding-right:15px;display:inline-flex;list-style:none}.visualizer-base-cmp .visualizer-base__swatch-list-wrapper .visualizer-base__swatch-list .visualizer-base__items:first-child{padding-left:calc(calc(100vw - var(--scrollbar-width)) / 25 * 1)}.visualizer-base-cmp .visualizer-base__swatch-list-wrapper .visualizer-base__swatch-list .visualizer-base__items:last-child{padding-right:calc(calc(100vw - var(--scrollbar-width)) / 25 * 1)}.visualizer-base-cmp .visualizer-base__swatch{border-radius:50%;border:none;cursor:pointer;height:40px;padding:0;width:40px;position:relative}.visualizer-base-cmp .visualizer-base__swatch:disabled{pointer-events:none;opacity:.5}.visualizer-base-cmp .visualizer-base__swatch .swatch-img{border-radius:50%;height:40px;pointer-events:none;vertical-align:bottom;width:40px}.visualizer-base-cmp .visualizer-base__swatch.icon-conflict:after{content:"";position:absolute;width:23px;height:23px;background-image:url(../png/conflict-icon%403x.png);background-size:cover;left:20px;top:-7px;pointer-events:none}.visualizer-base-cmp .visualizer-base__swatch .icon-conflict{display:none}.visualizer-base-cmp .visualizer-base__swatch[selected=true]{box-shadow:0 0 0 5px #1c69d3}.visualizer-base-cmp .visualizer-base__swatch[selected=true] .swatch-img{border:none}.visualizer-base-cmp .visualizer-base__selected-swatch-copy{color:#221f1f}.visualizer-base-cmp .visualizer-base__selected-swatch-copy .visualizer-base__swatch-title-container{text-align:center}.visualizer-base-cmp .visualizer-base__selected-swatch-copy .visualizer-base__swatch-title-container .visualizer-base__swatch-title{display:inline;text-transform:capitalize;margin:0}.visualizer-base-cmp .visualizer-base__selected-swatch-copy .visualizer-base__swatch-title-container .bmw-tooltip{vertical-align:middle}.visualizer-base-cmp .visualizer-base__selected-swatch-copy .visualizer-base__swatch-subtitle{color:#221f1f;text-align:center}@media (min-width: 768px){.visualizer-base-cmp .visualizer-base__swatch-list-wrapper .visualizer-base__swatch-list{width:100%}}@media (min-width: 1280px){.visualizer-base-cmp .visualizer-base__swatch-list-wrapper .visualizer-base__swatch-list .visualizer-base__items{padding-right:20px}.visualizer-base-cmp .visualizer-base__swatch-list-wrapper .visualizer-base__swatch-list .visualizer-base__items:first-child{padding-left:0}.visualizer-base-cmp .visualizer-base__swatch-list-wrapper .visualizer-base__swatch-list .visualizer-base__items:last-child{padding-right:0}.visualizer-base-cmp .visualizer-base__items{padding:2px 12px 0 0}.visualizer-base-cmp .visualizer-base__items .visualizer-base__swatch{transition-duration:.3s}.visualizer-base-cmp .visualizer-base__items .visualizer-base__swatch:hover{box-shadow:0 4px 5px #0003;transition-duration:.3s;transform:translateY(-2px)}.visualizer-base-cmp .visualizer-base__items .visualizer-base__swatch[selected=true]:hover{box-shadow:0 0 0 5px #1c69d3;transform:none;transition:none}.visualizer-base-cmp .visualizer-base__items .visualizer-base__swatch[selected=true] .swatch-img{border:none}.visualizer-base-cmp .bmw-tooltip{vertical-align:middle}}.visualizer-base-cmp .visualizer-base__toggle{display:flex;flex-direction:column;align-items:center;align-content:center;width:100%;z-index:1;box-sizing:border-box}.visualizer-base-cmp .visualizer-base__toggle:before,.visualizer-base-cmp .visualizer-base__toggle:after{position:absolute;top:0;left:0;opacity:.8;width:100%;height:100%}.visualizer-base-cmp .visualizer-base__toggle:after{opacity:.7}.visualizer-base-cmp .visualizer-base__toggle-selector-pills{background-color:#fff3;border-radius:80px;border:1px solid #221f1f;display:flex;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);height:30px;list-style-type:none;padding:2px;margin:0 auto;width:auto;z-index:2}.visualizer-base-cmp .visualizer-base__toggle-selector-pills:focus:not(.focus-visible){outline:none}.visualizer-base-cmp .visualizer-base__toggle-selector-pill{display:flex;width:79px;justify-content:center;transition:.3s;position:relative}.visualizer-base-cmp .visualizer-base__toggle-selector-pill>.visualizer-base__toggle-selector-pill-button{background-color:transparent;border:none;color:#f6f6f6;display:flex;justify-content:center;width:100%;padding:0;margin-top:3px;font-size:11px}.visualizer-base-cmp .visualizer-base__toggle-selector-pill>.visualizer-base__toggle-selector-pill-button:hover{color:#727171}.visualizer-base-cmp .visualizer-base__toggle-selector-pill>.visualizer-base__toggle-selector-pill-button.visualizer-base__toggle-selector-pill--selected{color:#f6f6f6}.visualizer-base-cmp .visualizer-base__toggle-selector-pill>.visualizer-base__toggle-selector-pill-button.visualizer-base__toggle-selector-pill--selected>.visualizer-base__toggle-selector-pill-button{color:#221f1f}.visualizer-base-cmp .visualizer-base__toggle-selector-pill.visualizer-base__toggle-selector-pill--selected{color:#f6f6f6}.visualizer-base-cmp .visualizer-base__toggle-selector-pill.visualizer-base__toggle-selector-pill--selected>.visualizer-base__toggle-selector-pill-button{color:#f6f6f6}.visualizer-base-cmp .visualizer-base__toggle-selector-pill.visualizer-base__toggle-selector-pill--selected>.visualizer-base__toggle-selector-pill-button.visualizer-base__toggle-selector-pill--selected{color:#f6f6f6}.visualizer-base-cmp .visualizer-base__toggle-selector-pill .visualizer-base__toggle-selector-pill-button{color:#221f1f}.visualizer-base-cmp .visualizer-base__toggle-selector-pill .visualizer-base__toggle-selector-pill-button.visualizer-base__toggle-selector-pill--selected{color:#f6f6f6}.visualizer-base-cmp .visualizer-base__toggle-selector-pill:after{align-self:center;border-radius:50%;background:#221f1f;content:"";display:flex;height:3px;position:absolute;left:90%;top:12px;width:3px}.visualizer-base-cmp .visualizer-base__toggle-selector-pill--selected:after,.visualizer-base-cmp .visualizer-base__toggle-selector-pill--previous:after,.visualizer-base-cmp .visualizer-base__toggle-selector-pill:nth-last-child(2):after{display:none}.visualizer-base-cmp .visualizer-base__pill-highlight{background-color:#221f1f;border-radius:80px;height:24px;position:absolute;z-index:-1;transition:.3s;transform:translate(calc(100% * var(--tab-index)));width:79px}@media (min-width: 768px){.visualizer-base-cmp .visualizer-base__toggle .visualizer-base__toggle-selector-pills{height:50px}.visualizer-base-cmp .visualizer-base__toggle .visualizer-base__toggle-selector-pills .visualizer-base__toggle-selector-pill,.visualizer-base-cmp .visualizer-base__toggle .visualizer-base__toggle-selector-pills .visualizer-base__pill-highlight{width:125px;height:44px}.visualizer-base-cmp .visualizer-base__toggle .visualizer-base__toggle-selector-pills .visualizer-base__toggle-selector-pill>.visualizer-base__toggle-selector-pill-button{font-size:13px}.visualizer-base-cmp .visualizer-base__toggle .visualizer-base__toggle-selector-pills .visualizer-base__toggle-selector-pill:after{height:5px;width:5px;top:21px}}@media (min-width: 1800px){.visualizer-base-cmp .visualizer-base__toggle .visualizer-base__toggle-selector-pill-button{line-height:45px}.visualizer-base-cmp .visualizer-base__toggle .visualizer-base__toggle-selector-pills .visualizer-base__toggle-selector-pill>.visualizer-base__toggle-selector-pill-button{font-size:14px}}@keyframes crossfade{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}.visualizer-base .visualizer-base-cmp{position:relative;display:flex;flex-direction:column;visibility:hidden;width:100%;height:auto}.visualizer-base .visualizer-base-cmp.visualizer-base--stages-ready{visibility:visible}.visualizer-base .visualizer-base-cmp .visualizer-base__stages{width:100%}.visualizer-base .visualizer-base-cmp .visualizer-base__stages .visualizer-base__stage{display:none;position:relative;height:auto;width:100%}.visualizer-base .visualizer-base-cmp .visualizer-base__stages .visualizer-base__stage--selected{display:block}.visualizer-base .visualizer-base-cmp .visualizer-base__stages .visualizer-base__stage--selected .visualizer-base__cosy-image--wrapper{animation:crossfade 1s ease-out}.visualizer-base .visualizer-base-cmp .visualizer-base__stages .visualizer-base__cosy-image--wrapper{display:flex;justify-content:center;width:100%;aspect-ratio:1.7045454545}@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0){.visualizer-base .visualizer-base-cmp .visualizer-base__stages .visualizer-base__cosy-image--wrapper{height:58.6666666667vw}}.visualizer-base .visualizer-base-cmp .visualizer-base__stages .visualizer-base__background{display:flex;justify-content:center;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:var(--dc28-background-image-mobile);width:100%}@media (min-width: 768px){.visualizer-base .visualizer-base-cmp .visualizer-base__stages .visualizer-base__background{background-image:var(--dc28-background-image-desktop)}.visualizer-base .visualizer-base-cmp .visualizer-base__stages .visualizer-base__cosy-image--wrapper{aspect-ratio:2.1942857143}}@media screen and (min-width: 768px) and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0){.visualizer-base .visualizer-base-cmp .visualizer-base__stages .visualizer-base__cosy-image--wrapper{height:45.5729166667vw}}@media (min-width: 1280px){.visualizer-base .visualizer-base-cmp .visualizer-base__stages .visualizer-base__cosy-image--wrapper{aspect-ratio:3.2}}@media screen and (min-width: 1280px) and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0){.visualizer-base .visualizer-base-cmp .visualizer-base__stages .visualizer-base__cosy-image--wrapper{height:31.25vw}}@media (min-width: 1280px) and (min-resolution: .001dpcm){@supports (-webkit-appearance: none){.visualizer-base .visualizer-base-cmp .visualizer-base__stages .visualizer-base__cosy-image--wrapper{aspect-ratio:3.2}@media{.visualizer-base .visualizer-base-cmp .visualizer-base__stages .visualizer-base__cosy-image--wrapper{height:31.25vw}}}}@media (min-width: 1800px){.visualizer-base .visualizer-base-cmp .visualizer-base__stages .visualizer-base__cosy-image--wrapper{aspect-ratio:3.3333333333}}@media screen and (min-width: 1800px) and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0){.visualizer-base .visualizer-base-cmp .visualizer-base__stages .visualizer-base__cosy-image--wrapper{height:30vw}}