/*! BMWUSA Vite Build 1794254007249 */@keyframes bounce{0,20%,50%,80%,to{transform:translateY(0)}
40%{transform:translateY(-30px)}
60%{transform:translateY(-15px)}
}
@keyframes flash{0,50%,to{opacity:1}
25%,75%{opacity:0}
}
@keyframes jello{11.1%{transform:none}
22.2%{transform:skew(-12.5deg) skewY(-12.5deg)}
33.3%{transform:skew(6.25deg) skewY(6.25deg)}
44.4%{transform:skew(-3.125deg) skewY(-3.125deg)}
55.5%{transform:skew(1.5625deg) skewY(1.5625deg)}
66.6%{transform:skew(-.78125deg) skewY(-.78125deg)}
77.7%{transform:skew(.390625deg) skewY(.390625deg)}
88.8%{transform:skew(-.1953125deg) skewY(-.1953125deg)}
to{transform:none}
}
@keyframes pulse{0{transform:scale(1)}
50%{transform:scale(1.1)}
to{transform:scale(1)}
}
@keyframes rubberBand{0{transform:scaleZ(1)}
30%{transform:scale3d(1.25,.75,1)}
40%{transform:scale3d(.75,1.25,1)}
50%{transform:scale3d(1.15,.85,1)}
65%{transform:scale3d(.95,1.05,1)}
75%{transform:scale3d(1.05,.95,1)}
to{transform:scaleZ(1)}
}
@keyframes shake{0,to{transform:translate(0)}
10%,30%,50%,70%,90%{transform:translate(-10px)}
20%,40%,60%,80%{transform:translate(10px)}
}
@keyframes swing{20%,40%,60%,80%,to{transform-origin:top center}
20%{transform:rotate(15deg)}
40%{transform:rotate(-10deg)}
60%{transform:rotate(5deg)}
80%{transform:rotate(-5deg)}
to{transform:rotate(0)}
}
@keyframes tada{0{transform:scale(1)}
10%,20%{transform:scale(.9) rotate(-3deg)}
30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}
40%,60%,80%{transform:scale(1.1) rotate(-3deg)}
to{transform:scale(1) rotate(0)}
}
@keyframes wobble{0{transform:translate(0)}
15%{transform:translate(-25%) rotate(-5deg)}
30%{transform:translate(20%) rotate(3deg)}
45%{transform:translate(-15%) rotate(-3deg)}
60%{transform:translate(10%) rotate(2deg)}
75%{transform:translate(-5%) rotate(-1deg)}
to{transform:translate(0)}
}
@keyframes bounceIn{0{opacity:0;transform:scale(.3)}
50%{opacity:1;transform:scale(1.05)}
70%{transform:scale(.9)}
to{transform:scale(1)}
}
@keyframes bounceInDown{0{opacity:0;transform:translateY(-2000px)}
60%{opacity:1;transform:translateY(30px)}
80%{transform:translateY(-10px)}
to{transform:translateY(0)}
}
@keyframes bounceInLeft{0{opacity:0;transform:translate(-2000px)}
60%{opacity:1;transform:translate(30px)}
80%{transform:translate(-10px)}
to{transform:translate(0)}
}
@keyframes bounceInRight{0{opacity:0;transform:translate(2000px)}
60%{opacity:1;transform:translate(-30px)}
80%{transform:translate(10px)}
to{transform:translate(0)}
}
@keyframes bounceInUp{0{opacity:0;transform:translateY(2000px)}
60%{opacity:1;transform:translateY(-30px)}
80%{transform:translateY(10px)}
to{transform:translateY(0)}
}
@keyframes bounceOut{0{transform:scale(1)}
25%{transform:scale(.95)}
50%{opacity:1;transform:scale(1.1)}
to{opacity:0;transform:scale(.3)}
}
@keyframes bounceOutDown{0{transform:translateY(0)}
20%{opacity:1;transform:translateY(-20px)}
to{opacity:0;transform:translateY(2000px)}
}
@keyframes bounceOutLeft{0{transform:translate(0)}
20%{opacity:1;transform:translate(20px)}
to{opacity:0;transform:translate(-2000px)}
}
@keyframes bounceOutRight{0{transform:translate(0)}
20%{opacity:1;transform:translate(-20px)}
to{opacity:0;transform:translate(2000px)}
}
@keyframes bounceOutUp{0{transform:translateY(0)}
20%{opacity:1;transform:translateY(20px)}
to{opacity:0;transform:translateY(-2000px)}
}
@keyframes fadeIn{0{opacity:0}
to{opacity:1}
}
@keyframes fadeInDown{0{opacity:0;transform:translateY(-20px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes fadeInDownBig{0{opacity:0;transform:translateY(-2000px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes fadeInLeft{0{opacity:0;transform:translate(-20px)}
to{opacity:1;transform:translate(0)}
}
@keyframes fadeInLeftBig{0{opacity:0;transform:translate(-2000px)}
to{opacity:1;transform:translate(0)}
}
@keyframes fadeInRight{0{opacity:0;transform:translate(20px)}
to{opacity:1;transform:translate(0)}
}
@keyframes fadeInRightBig{0{opacity:0;transform:translate(2000px)}
to{opacity:1;transform:translate(0)}
}
@keyframes fadeInUp{0{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes fadeInUpBig{0{opacity:0;transform:translateY(2000px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes fadeOut{0{opacity:1}
to{opacity:0}
}
@keyframes fadeOutDown{0{opacity:1;transform:translateY(0)}
to{opacity:0;transform:translateY(20px)}
}
@keyframes fadeOutDownBig{0{opacity:1;transform:translateY(0)}
to{opacity:0;transform:translateY(2000px)}
}
@keyframes fadeOutLeft{0{opacity:1;transform:translate(0)}
to{opacity:0;transform:translate(-20px)}
}
@keyframes fadeOutLeftBig{0{opacity:1;transform:translate(0)}
to{opacity:0;transform:translate(-2000px)}
}
@keyframes fadeOutRight{0{opacity:1;transform:translate(0)}
to{opacity:0;transform:translate(20px)}
}
@keyframes fadeOutRightBig{0{opacity:1;transform:translate(0)}
to{opacity:0;transform:translate(2000px)}
}
@keyframes fadeOutUp{0{opacity:1;transform:translateY(0)}
to{opacity:0;transform:translateY(-20px)}
}
@keyframes fadeOutUpBig{0{opacity:1;transform:translateY(0)}
to{opacity:0;transform:translateY(-2000px)}
}
@keyframes flip{0{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}
40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}
50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}
80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}
to{transform:perspective(400px) scale(1);animation-timing-function:ease-in}
}
@keyframes flipInX{0{opacity:0;transform:perspective(400px) rotateX(90deg)}
40%{transform:perspective(400px) rotateX(-10deg)}
70%{transform:perspective(400px) rotateX(10deg)}
to{opacity:1;transform:perspective(400px) rotateX(0)}
}
@keyframes flipInY{0{opacity:0;transform:perspective(400px) rotateY(90deg)}
40%{transform:perspective(400px) rotateY(-10deg)}
70%{transform:perspective(400px) rotateY(10deg)}
to{opacity:1;transform:perspective(400px) rotateY(0)}
}
@keyframes flipOutX{0{opacity:1;transform:perspective(400px) rotateX(0)}
to{opacity:0;transform:perspective(400px) rotateX(90deg)}
}
@keyframes flipOutY{0{opacity:1;transform:perspective(400px) rotateY(0)}
to{opacity:0;transform:perspective(400px) rotateY(90deg)}
}
@keyframes lightSpeedIn{0{opacity:0;transform:translate(100%) skew(-30deg)}
60%{opacity:1;transform:translate(-20%) skew(30deg)}
80%{opacity:1;transform:translate(0) skew(-15deg)}
to{opacity:1;transform:translate(0) skew(0)}
}
@keyframes lightSpeedOut{0{opacity:1;transform:translate(0) skew(0)}
to{opacity:0;transform:translate(100%) skew(-30deg)}
}
@keyframes rotateIn{0{opacity:0;transform:rotate(-200deg);transform-origin:center center}
to{opacity:1;transform:rotate(0);transform-origin:center center}
}
@keyframes rotateInDownLeft{0{opacity:0;transform:rotate(-90deg);transform-origin:left bottom}
to{opacity:1;transform:rotate(0);transform-origin:left bottom}
}
@keyframes rotateInDownRight{0{opacity:0;transform:rotate(90deg);transform-origin:right bottom}
to{opacity:1;transform:rotate(0);transform-origin:right bottom}
}
@keyframes rotateInUpLeft{0{opacity:0;transform:rotate(90deg);transform-origin:left bottom}
to{opacity:1;transform:rotate(0);transform-origin:left bottom}
}
@keyframes rotateInUpRight{0{opacity:0;transform:rotate(-90deg);transform-origin:right bottom}
to{opacity:1;transform:rotate(0);transform-origin:right bottom}
}
@keyframes rotateOut{0{opacity:1;transform:rotate(0);transform-origin:center center}
to{opacity:0;transform:rotate(200deg);transform-origin:center center}
}
@keyframes rotateOutDownLeft{0{opacity:1;transform:rotate(0);transform-origin:left bottom}
to{opacity:0;transform:rotate(90deg);transform-origin:left bottom}
}
@keyframes rotateOutDownRight{0{opacity:1;transform:rotate(0);transform-origin:right bottom}
to{opacity:0;transform:rotate(-90deg);transform-origin:right bottom}
}
@keyframes rotateOutUpLeft{0{opacity:1;transform:rotate(0);transform-origin:left bottom}
to{opacity:0;transform:rotate(-90deg);transform-origin:left bottom}
}
@keyframes rotateOutUpRight{0{opacity:1;transform:rotate(0);transform-origin:right bottom}
to{opacity:0;transform:rotate(90deg);transform-origin:right bottom}
}
@keyframes slideInDown{0{opacity:0;transform:translateY(-2000px)}
to{transform:translateY(0)}
}
@keyframes slideInLeft{0{opacity:0;transform:translate(-2000px)}
to{transform:translate(0)}
}
@keyframes slideInRight{0{opacity:0;transform:translate(2000px)}
to{transform:translate(0)}
}
@keyframes slideInUp{0{opacity:0;transform:translateY(2000px)}
to{transform:translateY(0)}
}
@keyframes slideOutDown{0{transform:translateY(0)}
to{opacity:0;transform:translateY(2000px)}
}
@keyframes slideOutLeft{0{transform:translate(0)}
to{opacity:0;transform:translate(-2000px)}
}
@keyframes slideOutRight{0{transform:translate(0)}
to{opacity:0;transform:translate(2000px)}
}
@keyframes slideOutUp{0{transform:translateY(0)}
to{opacity:0;transform:translateY(-2000px)}
}
@keyframes hinge{0{animation-timing-function:ease-in-out;transform:rotate(0);transform-origin:top left}
20%,60%{animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}
40%{animation-timing-function:ease-in-out;transform:rotate(60deg);transform-origin:top left}
80%{opacity:1;animation-timing-function:ease-in-out;transform:rotate(60deg) translateY(0);transform-origin:top left}
to{opacity:0;transform:translateY(700px)}
}
@keyframes rollIn{0{opacity:0;transform:translate(-100%) rotate(-120deg)}
to{opacity:1;transform:translate(0) rotate(0)}
}
@keyframes rollOut{0{opacity:1;transform:translate(0) rotate(0)}
to{opacity:0;transform:translate(100%) rotate(120deg)}
}
@keyframes zoomIn{0{opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes zoomInDown{0{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}
60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}
}
@keyframes zoomInLeft{0{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}
60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}
}
@keyframes zoomInRight{0{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}
60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}
}
@keyframes zoomInUp{0{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}
60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}
}
@keyframes zoomOut{0{opacity:1}
50%{opacity:0;transform:scale3d(.3,.3,.3)}
to{opacity:0}
}
@keyframes zoomOutDown{40%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}
to{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}
}
@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}
}
@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}
}
@keyframes zoomOutUp{40%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}
to{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}
}
.animate-in-view{opacity:0}
.animate-in-view.animated-in-view{opacity:1}
.animate-in-view.fadeIn{animation-name:fadeIn;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden}
.animate-in-view.fadeInDown{animation-name:fadeInDown;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden}
.animate-in-view.fadeInDownBig{animation-name:fadeInDownBig;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden}
.animate-in-view.fadeInUp{animation-name:fadeInUp;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden}
.animate-in-view.fadeInUpBig{animation-name:fadeInUpBig;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden}
.animate-in-view.fadeInLeft{animation-name:fadeInLeft;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden}
.animate-in-view.fadeInLeftBig{animation-name:fadeInLeftBig;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden}
.animate-in-view.fadeInRight{animation-name:fadeInRight;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden}
.animate-in-view.fadeInRightBig{animation-name:fadeInRightBig;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden}
.animate-in-view.fadeOut{animation-name:fadeOut;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden;opacity:1}
.animate-in-view.fadeOutDown{animation-name:fadeOutDown;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden;opacity:1}
.animate-in-view.fadeOutLeft{animation-name:fadeOutLeft;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden;opacity:1}
.animate-in-view.fadeOutRight{animation-name:fadeOutRight;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden;opacity:1}
.animate-in-view.fadeOutUp{animation-name:fadeOutUp;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden;opacity:1}
.animate-in-view.zoomIn{animation-name:zoomIn;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden}
.animate-in-view.zoomOut{animation-name:zoomOut;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden;opacity:1}
.animate-in-view.slideInUp{animation-name:slideInUp;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden}
.animate-in-view.slideInDown{animation-name:slideInDown;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden}
.animate-in-view.slideInLeft{animation-name:slideInLeft;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden}
.animate-in-view.slideInRight{animation-name:slideInRight;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden}
.animate-in-view.bounceInDown{animation-name:bounceInDown;animation-iteration-count:1;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden}
.animate-in-view.delay-1s{animation-delay:1s}
.animate-in-view.delay-2s{animation-delay:2s}
.animate-in-view.delay-3s{animation-delay:3s}
.animate-in-view.delay-4s{animation-delay:4s}
.animate-in-view.delay-5s{animation-delay:5s}
.animate-in-view.fast{animation-duration:.8s}
.animate-in-view.faster{animation-duration:.5s}
.animate-in-view.slow{animation-duration:2s}
.animate-in-view.slower{animation-duration:3s}