/*! BMWUSA Vite Build 1794254007249 */.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(../../../../../content/dam/bmw/marketUS/common/build-your-own/common/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(../../../../../content/dam/bmw/marketUS/common/build-your-own/common/cursor-pan-default-state@2x.png)}
}
@media(min-resolution:288dpi){.visualizer-base-cmp[data-stage-selected=colors] .visualizer-base__stages .visualizer-base__cosy-image--wrapper:hover{cursor:url(../../../../../content/dam/bmw/marketUS/common/build-your-own/common/cursor-pan-default-state@3x.png)}
}
.visualizer-base-cmp[data-stage-selected=colors] .visualizer-base__stages .visualizer-base__cosy-image--wrapper:hover{cursor:-webkit-image-set(url(../../../../../content/dam/bmw/marketUS/common/build-your-own/common/cursor-pan-default-state.png) 1x,url(../../../../../content/dam/bmw/marketUS/common/build-your-own/common/cursor-pan-default-state@2x.png) 2x,url(../../../../../content/dam/bmw/marketUS/common/build-your-own/common/cursor-pan-default-state@3x.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:0;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(../../../../../content/dam/bmw/marketUS/common/build-your-own/studio/conflict-icon@3x.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:0}
.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:0}
.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:0}
.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:0;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}
}