.pre-config-vehicle-card--light{background:#f6f6f6;color:#000}.pre-config-vehicle-card__wrapper{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;position:relative}.pre-config-vehicle-card__wrapper::-webkit-scrollbar{display:none}.pre-config-vehicle-card .list__wrapper{position:relative;margin-left:8%}.pre-config-vehicle-card .list__wrapper .card__list{width:calc((calc(100vw - var(--scrollbar-width)) / 25) * 21);list-style:none;position:absolute;display:flex;justify-content:center;padding:0;top:304px;z-index:2;margin:20px 0 0}.pre-config-vehicle-card .list__wrapper .card__list__item{display:inline-block;border-radius:50%;height:10px;width:10px;background-color:#cacaca;transition:all .3s ease;margin-right:15px}.pre-config-vehicle-card .list__wrapper .card__list__item:last-of-type{margin-right:0}.pre-config-vehicle-card .list__wrapper .card__list__item.active{background-color:#1c69d3}.pre-config-vehicle-card__item{width:calc((calc(100vw - var(--scrollbar-width)) / 25) * 21);margin-right:3px;scroll-snap-stop:always;scroll-snap-align:center;display:flex;flex-direction:column;position:relative}.pre-config-vehicle-card__item:first-child{margin-left:calc((calc(100vw - var(--scrollbar-width)) / 25) * 2)}.pre-config-vehicle-card__item:last-of-type{margin-right:0}.pre-config-vehicle-card__item:last-of-type:after{content:"";position:absolute;right:-50px;width:calc((calc(100vw - var(--scrollbar-width)) / 25) * 2);height:100%}.pre-config-vehicle-card__item:focus:not(:focus-visible){outline:none}.pre-config-vehicle-card__item-first{width:calc((calc(100vw - var(--scrollbar-width)) / 25) * 21);height:100%;margin-bottom:20px;flex:1 1 auto;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:inherit}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__bg{display:inline-block;position:relative;width:calc((calc(100vw - var(--scrollbar-width)) / 25) * 21);margin:0;top:0;height:220px}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__details{position:absolute;display:flex;flex-direction:column;width:100%;align-items:center;z-index:1;height:225px}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__logo-container{display:flex;justify-content:flex-start;margin:0 0 20px;height:47px;padding:25px 0 0 25px;width:calc((calc(100vw - var(--scrollbar-width)) / 25) * 21)}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__logo-container .pre-config-vehicle-card_logo-electric,.pre-config-vehicle-card__item-first .pre-config-vehicle-card__logo-container .pre-config-vehicle-card_logo-m{width:40px;height:20px;text-align:left}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__vehicle-data{display:flex;flex-direction:column;align-items:center;width:100%;color:#fff}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__model-name,.pre-config-vehicle-card__item-first .pre-config-vehicle-card__package{margin:0 0 5px}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__hover-wrap{display:flex;flex-direction:column;align-items:center}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__hover-wrap:focus{outline:none}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__model-image{display:flex;justify-content:center;position:absolute;top:110px;max-height:189px;max-width:335px;width:96%}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__model-image img{width:91%;height:auto;max-height:inherit;margin-left:16px}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__swatch-container{display:flex;justify-content:center;margin:50px 0 0;z-index:45}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__swatch-container .pre-config-vehicle-card__swatch{margin-right:15px;position:relative;z-index:1}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__swatch-container .pre-config-vehicle-card__swatch:last-of-type{margin-right:0}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__swatch-container .pre-config-vehicle-card__swatch-item{border-radius:30px;height:30px;width:30px;cursor:pointer;transition:transform .15s;box-shadow:0 0 0 1px #cacaca}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__swatch-container .pre-config-vehicle-card__swatch-item:focus:not(:focus-visible){outline:none}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__swatch-container .tooltip{text-align:center;opacity:0;display:block;position:absolute;left:-73px;background:#fff;color:#221f1f;padding:15px;width:170px;max-width:200px;z-index:300;transition:all .3s cubic-bezier(.165,.84,.44,1);box-shadow:0 4px 20px 4px rgba(0,20,60,.05),0 4px 80px -8px rgba(0,20,60,.08)}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__swatch-container .tooltip:after{content:"";position:absolute;top:100%;left:45%;border:10px solid transparent;border-top-color:#fff}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__swatch-container .tooltip.active{opacity:1}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__highlight{width:calc((calc(100vw - var(--scrollbar-width)) / 25) * 18);margin:50px auto 0}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__highlight:first-child{flex:1;min-height:100%}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__highlight-item{display:flex;align-items:flex-start}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__highlight-item:first-child{margin:0 0 5px}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__highlight-item:last-of-type{flex:1}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__highlight_text{margin:0;padding:5px 0 0 5px}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__highlight svg.icon-check{width:22px;height:22px;fill:#1c69d3;color:#1c69d3}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__highlight p{margin:5px 0 0;display:inline;text-align:left}.pre-config-vehicle-card__item-second{margin-bottom:60px;width:calc((calc(100vw - var(--scrollbar-width)) / 25) * 21)}.pre-config-vehicle-card__item-second .pre-config-vehicle-card__eyebrow-details{display:flex;flex-direction:column;align-items:center;width:100%;justify-content:center;text-align:center;margin-top:20px;letter-spacing:1px}.pre-config-vehicle-card__item-second .pre-config-vehicle-card__eyebrow-details .pre-config-vehicle-card__eyebrow-text.eyebrow-1{margin:5px;letter-spacing:1px}.pre-config-vehicle-card__item-second .pre-config-vehicle-card__eyebrow-details .pre-config-vehicle-card__eyebrow-text:last-of-type{margin-top:0;letter-spacing:1px}.pre-config-vehicle-card__item-second .pre-config-vehicle-card__eyebrow-details span{font-weight:700}.pre-config-vehicle-card__item-second .pre-config-vehicle-card__eyebrow-details .bmw-tooltip{margin-top:4px}.pre-config-vehicle-card--dark{background:#000;color:#f6f6f6}.pre-config-vehicle-card--dark .card__list .card__list__item{background:#4c4c4c}.pre-config-vehicle-card--dark .card__list .card__list__item.active{background:#fff}.pre-config-vehicle-card--dark .card__list .card__list__item.visited{background:#4c4c4c}.pre-config-vehicle-card--dark .pre-config-vehicle-card__item{background-color:#000;width:100%;color:#fff}.pre-config-vehicle-card--dark .pre-config-vehicle-card__item svg.icon-check{fill:#fff;color:#fff}@media (min-width:768px){.pre-config-vehicle-card .list__wrapper .card__list{display:none}.pre-config-vehicle-card__item{margin-right:0}.pre-config-vehicle-card__item:first-child{margin-left:calc((calc(100vw - var(--scrollbar-width)) / 25) * 2)}.pre-config-vehicle-card__item .tooltip{width:180px}.pre-config-vehicle-card__item-first{width:100%}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__bg{width:100%;height:222px}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__details,.pre-config-vehicle-card__item-first .pre-config-vehicle-card__highlight{width:calc((calc(100vw - var(--scrollbar-width)) / 25) * 10)}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__details{height:240px}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__details .pre-config-vehicle-card__logo-container{width:100%}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__model-image{top:105px;justify-content:center;width:100%}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__model-image img{width:94%}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__highlight{margin:20px auto 0;padding:0 24px 0 20px}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__package{margin:0 0 4px}.pre-config-vehicle-card__item-first .pre-config-vehicle-card__swatch-container{margin:60px 0 0}.pre-config-vehicle-card__item--two-up{width:calc((calc(100vw - var(--scrollbar-width)) / 25) * 11)}.pre-config-vehicle-card__item--two-up:last-of-type{margin-right:calc((calc(100vw - var(--scrollbar-width)) / 25) * 2)}.pre-config-vehicle-card__item--three-up{width:calc((calc(100vw - var(--scrollbar-width)) / 25) * 10)}.pre-config-vehicle-card__item--three-up:last-of-type{margin-right:calc((calc(100vw - var(--scrollbar-width)) / 25) * 1)}.pre-config-vehicle-card__item-second{width:100%}}@media (min-width:1024px){.pre-config-vehicle-card .pre-config-vehicle-card__item-first .pre-config-vehicle-card__bg{height:219px}.pre-config-vehicle-card .pre-config-vehicle-card__item-first .pre-config-vehicle-card__model-image{width:335px}.pre-config-vehicle-card .pre-config-vehicle-card__item-first .pre-config-vehicle-card__model-image img{width:96%}}@media (min-width:1280px){.pre-config-vehicle-card__wrapper{padding-bottom:80px}.pre-config-vehicle-card__item{height:506px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first{margin-bottom:0;min-height:385px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first .pre-config-vehicle-card__details{height:unset;width:100%}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first .pre-config-vehicle-card__bg{max-height:256px;height:auto;max-width:100%;object-fit:cover;object-position:top;transition:max-height .4s ease}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first .pre-config-vehicle-card__logo-container{margin:0 0 40px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first .pre-config-vehicle-card__model-name{margin:0 0 10px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first .pre-config-vehicle-card__package{margin:0}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first .pre-config-vehicle-card__hover-wrap{position:absolute;top:42%;height:210px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first .pre-config-vehicle-card__model-image{top:0;width:100%;transition:all .4s ease}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first .pre-config-vehicle-card__model-image img{width:92%;transform:scale(1.3);margin-left:0;padding-left:9px;pointer-events:none}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first .pre-config-vehicle-card__swatch-container{margin:40px 0 0;visibility:hidden;z-index:0;transition:z-index 1s ease}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first .pre-config-vehicle-card__swatch-container .tooltip{padding:15px 25px;width:210px;max-width:280px;z-index:99;left:-89.8px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first .pre-config-vehicle-card__msrp{transition:all .25s ease-out;z-index:2;position:relative}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first .pre-config-vehicle-card__highlight{visibility:hidden;width:calc((calc(100vw - var(--scrollbar-width)) / 25) * 7)}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-second{margin-top:20px;margin-bottom:0}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-second .pre-config-vehicle-card__eyebrow-details{margin-top:25px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-second .pre-config-vehicle-card__eyebrow-details .bmw-tooltip{margin-top:3px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first.hover-active{height:auto}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first.hover-active .pre-config-vehicle-card__hover-wrap{position:relative;top:0}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first.hover-active .pre-config-vehicle-card__item-second{padding-top:20px;margin-bottom:0}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first.hover-active .pre-config-vehicle-card__details{height:unset;width:100%}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first.hover-active .pre-config-vehicle-card__details .pre-config-vehicle-card__logo-container{margin:0 0 5px;transition:all .4s ease}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first.hover-active .pre-config-vehicle-card__msrp{opacity:0}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first.hover-active .pre-config-vehicle-card__highlight-item:first-child{margin:0 0 5px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first.hover-active .pre-config-vehicle-card__bg{width:100%;height:auto;max-height:150px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first.hover-active .pre-config-vehicle-card__model-image{top:-115px;transform-origin:bottom;z-index:1;transition:position .4s ease}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first.hover-active .pre-config-vehicle-card__model-image img{width:100%;transform:scale(.915);z-index:0;padding:0}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first.hover-active .pre-config-vehicle-card__swatch-container{transition:z-index .3s ease;visibility:visible;z-index:2}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first.hover-active .pre-config-vehicle-card__highlight{visibility:visible;margin:15px auto 0;padding-bottom:10px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first.hover-active+.pre-config-vehicle-card__item-second{z-index:1}.pre-config-vehicle-card__item--three-up{width:calc((calc(100vw - var(--scrollbar-width)) / 25) * 7)}.pre-config-vehicle-card__item--three-up:first-child{margin-left:calc((calc(100vw - var(--scrollbar-width)) / 25) * 2)}.pre-config-vehicle-card__item--three-up:last-of-type{margin-right:calc((calc(100vw - var(--scrollbar-width)) / 25) * 2)}.pre-config-vehicle-card__item--two-up{width:calc((calc(100vw - var(--scrollbar-width)) / 25) * 11)}.pre-config-vehicle-card__item--two-up:first-child{margin-left:calc((calc(100vw - var(--scrollbar-width)) / 25) * 2)}.pre-config-vehicle-card__item--two-up:last-of-type{margin-right:calc((calc(100vw - var(--scrollbar-width)) / 25) * 2)}.pre-config-vehicle-card__item--two-up .pre-config-vehicle-card__item-first .pre-config-vehicle-card__highlight{width:calc((calc(100vw - var(--scrollbar-width)) / 25) * 8);padding:0}.pre-config-vehicle-card__item--two-up .pre-config-vehicle-card__item-first .pre-config-vehicle-card__details{width:100%}}@media (min-width:1800px){.pre-config-vehicle-card__item{height:660px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first{max-height:480px;height:auto}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first .pre-config-vehicle-card__bg{max-height:335px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first .pre-config-vehicle-card__logo-container{margin:0 0 30px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first .pre-config-vehicle-card__hover-wrap{margin:0;position:absolute;top:42%;min-height:220px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first .pre-config-vehicle-card__model-name{margin:0 0 15px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first .pre-config-vehicle-card__model-image{top:20px;max-width:400px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first .pre-config-vehicle-card__model-image img{max-width:100%;width:77%;padding-left:25px;margin-left:0;transform:scale(2);object-fit:contain}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first .pre-config-vehicle-card__swatch-container .tooltip{left:-86px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first .pre-config-vehicle-card__swatch-item{border-radius:40px;width:40px;height:40px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-second{margin-top:0}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-second .pre-config-vehicle-card__eyebrow-details{margin-top:30px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-second .pre-config-vehicle-card__eyebrow-details .pre-config-vehicle-card__eyebrow-text.eyebrow-1{margin:10px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-second .pre-config-vehicle-card__eyebrow-details .bmw-tooltip{margin-top:8.5px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first.hover-active{margin-bottom:0}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first.hover-active .pre-config-vehicle-card__bg{max-height:212px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first.hover-active .pre-config-vehicle-card__model-image{top:-130px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first.hover-active .pre-config-vehicle-card__model-image img{width:94%;transform:scale(1.4)}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first.hover-active .pre-config-vehicle-card__highlight-item:first-child{margin:0 0 8px}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first.hover-active .pre-config-vehicle-card__swatch-container{margin:60px 0 0}.pre-config-vehicle-card__item .pre-config-vehicle-card__item-first.hover-active .pre-config-vehicle-card__highlight{visibility:visible;margin:30px auto 0;padding-bottom:10px}.pre-config-vehicle-card__item--two-up .pre-config-vehicle-card__item-first .pre-config-vehicle-card__highlight{width:calc((calc(100vw - var(--scrollbar-width)) / 25) * 8);margin:25px auto 0}.pre-config-vehicle-card__item--two-up .pre-config-vehicle-card__item-first .pre-config-vehicle-card__swatch-container{margin:70px 0 0}.pre-config-vehicle-card__item--two-up .pre-config-vehicle-card__item-first .pre-config-vehicle-card__details{width:100%}.pre-config-vehicle-card .pre-config-vehicle-card__logo-container{height:67px;align-items:center}.pre-config-vehicle-card .pre-config-vehicle-card__logo-container .pre-config-vehicle-card_logo-electric{width:48px;height:28px}.pre-config-vehicle-card .pre-config-vehicle-card__logo-container .pre-config-vehicle-card_logo-m{width:60px;height:22px}}
/*# sourceMappingURL=/etc/designs/bmwusa/bmwusa-clientlibs/bmwusa-sourcemaps/pre-config-vehicle-card.css.map */