.bb-mmi-configurator,.bb-mmi-configurator *{box-sizing:border-box}.bb-mmi-configurator [hidden]{display:none!important}.bb-mmi-configurator{position:relative;width:100%;max-width:100%;overflow:hidden;background:#000;color:#f7f7f8}.bb-mmi-configurator__inner{width:100%;max-width:1180px;margin-left:auto;margin-right:auto;padding:72px 48px 0}.bb-mmi-configurator__intro{width:100%;max-width:760px;margin:0 0 30px}.bb-mmi-configurator__eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 13px;color:#d0d5dc;font-size:1.17rem!important;line-height:1.2!important;font-weight:700;letter-spacing:.13em!important;text-transform:uppercase}.bb-mmi-configurator__eyebrow:before{content:"";display:block;width:6px;height:6px;flex:0 0 6px;border-radius:999px;background:#ff2ca8;box-shadow:0 0 8px #ff2ca8bd,0 0 18px #ff2ca842}.bb-mmi-configurator__heading{width:100%;max-width:720px;margin:0;color:#f7f7f8;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:3.2rem!important;line-height:1.05!important;letter-spacing:-.045em!important}.bb-mmi-configurator__lead{width:100%;max-width:660px;margin:18px 0 0;color:#c9cfd7;font-size:1.6rem!important;line-height:1.55!important}.bb-mmi-step{width:100%;padding:30px 0;border-top:1px solid rgba(206,214,224,.12)}.bb-mmi-step:first-of-type{padding-top:0;border-top:0}.bb-mmi-step__top{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:20px}.bb-mmi-step__copy{min-width:0}.bb-mmi-step__number{margin-bottom:7px;color:#ff2ca8;font-size:1.17rem;line-height:1.2;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.bb-mmi-step__title{margin:0;color:#f7f7f8;font-size:1.4rem;line-height:1.25;font-weight:750;letter-spacing:-.02em}.bb-mmi-step__description{max-width:680px;margin:8px 0 0;color:#c9cfd7;font-size:1.18rem;line-height:1.52}.bb-mmi-step__status{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:34px;padding:8px 12px;border:1px solid rgba(99,215,163,.2);border-radius:999px;background:#63d7a312;color:#9af0c8;font-size:.94rem;line-height:1;font-weight:700;white-space:nowrap}.bb-mmi-step__status:before{content:"\2713";color:#63d7a3;font-weight:800}.bb-mmi-step__status-value{color:#f7f7f8}.bb-mmi-idrive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:12px;width:100%}.bb-mmi-idrive-card{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;margin:0;padding:0;overflow:hidden;appearance:none;-webkit-appearance:none;cursor:pointer;text-align:left;border:1px solid rgba(206,214,224,.14);border-radius:17px;background:linear-gradient(145deg,#191b20,#121419 66%,#0e1014);color:#f7f7f8;font:inherit;box-shadow:0 12px 30px #0003;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.bb-mmi-idrive-card:hover{transform:translateY(-2px);border-color:#ff2ca84d}.bb-mmi-idrive-card.is-selected{border-color:#ff2ca8b8;background:linear-gradient(180deg,#ff2ca813,#111318 45%);box-shadow:0 0 0 1px #ff2ca81a,0 16px 38px #00000047,0 0 25px #ff2ca812}.bb-mmi-idrive-card:focus-visible{outline:2px solid #ff2ca8;outline-offset:3px}.bb-mmi-idrive-card__media{position:relative;width:100%;aspect-ratio:16 / 10;height:auto;overflow:hidden;background:#181b21}.bb-mmi-idrive-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.bb-mmi-idrive-card:hover .bb-mmi-idrive-card__image{transform:scale(1.018)}.bb-mmi-idrive-card[data-bb-evo-parent] .bb-mmi-idrive-card__media{position:relative;aspect-ratio:16 / 10;height:auto}.bb-mmi-idrive-card__evo-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background:#ced6e01a}.bb-mmi-idrive-card__evo-half{position:relative;width:100%;height:50%;min-width:0;min-height:0;overflow:hidden;background:#111318}.bb-mmi-idrive-card__evo-half:first-child{border-bottom:1px solid rgba(206,214,224,.1)}.bb-mmi-idrive-card__evo-half img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.bb-mmi-idrive-card__evo-label{position:absolute;left:7px;bottom:5px;z-index:2;padding:4px 6px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:#000000c2;color:#f7f7f8;font-size:.68rem;line-height:1;font-weight:750;letter-spacing:.05em}.bb-mmi-idrive-card__check{position:absolute;top:9px;right:9px;z-index:5;display:flex;align-items:center;justify-content:center;width:28px;height:28px;opacity:0;transform:scale(.82);border-radius:999px;background:#ff2ca8;color:#fff;font-size:1rem;font-weight:800;box-shadow:0 0 18px #ff2ca84d;transition:opacity .16s ease,transform .16s ease}.bb-mmi-idrive-card.is-selected .bb-mmi-idrive-card__check{opacity:1;transform:scale(1)}.bb-mmi-idrive-card__body{padding:13px 14px 14px}.bb-mmi-idrive-card__name{display:block;color:#f7f7f8;font-size:1.4rem;line-height:1.25;font-weight:750}.bb-mmi-idrive-card__caption{display:block;margin-top:4px;color:#aeb5bf;font-size:1rem;line-height:1.35}.bb-mmi-idrive-help{margin:15px 0 0;color:#b8bec7;font-size:1.08rem;line-height:1.5}.bb-mmi-camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.bb-mmi-camera-card{appearance:none;-webkit-appearance:none;display:flex;align-items:flex-start;gap:13px;width:100%;min-width:0;min-height:100px;margin:0;padding:17px 18px;cursor:pointer;text-align:left;border:1px solid rgba(206,214,224,.14);border-radius:16px;background:#111318;color:#f7f7f8;font:inherit;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease}.bb-mmi-camera-card:hover:not(:disabled){border-color:#ff2ca84d}.bb-mmi-camera-card.is-selected{border-color:#ff2ca8b8;background:linear-gradient(135deg,#ff2ca817,#111318 50%);box-shadow:0 0 0 1px #ff2ca814}.bb-mmi-camera-card.is-unavailable{opacity:.42;cursor:not-allowed}.bb-mmi-camera-card:focus-visible{outline:2px solid #ff2ca8;outline-offset:3px}.bb-mmi-camera-card__radio{position:relative;display:block;width:20px;height:20px;flex:0 0 20px;margin-top:2px;border:1px solid rgba(201,207,215,.4);border-radius:50%;background:#090a0c}.bb-mmi-camera-card__radio:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;opacity:0;transform:scale(.6);border-radius:50%;background:#ff2ca8;transition:opacity .16s ease,transform .16s ease}.bb-mmi-camera-card.is-selected .bb-mmi-camera-card__radio{border-color:#ff2ca8}.bb-mmi-camera-card.is-selected .bb-mmi-camera-card__radio:after{opacity:1;transform:scale(1)}.bb-mmi-camera-card__content{min-width:0}.bb-mmi-camera-card__title{display:block;color:#f7f7f8;font-size:1.4rem;line-height:1.25;font-weight:750}.bb-mmi-camera-card__text{display:block;margin-top:6px;color:#b8bec7;font-size:1.05rem;line-height:1.45}.bb-mmi-compat{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:760px;margin:8px auto 0;padding:17px 0;border-top:1px solid rgba(206,214,224,.12);border-bottom:1px solid rgba(206,214,224,.12)}.bb-mmi-compat__copy{display:flex;align-items:baseline;gap:8px;min-width:0}.bb-mmi-compat__copy strong{color:#f7f7f8;font-size:1.08rem;line-height:1.3;font-weight:750}.bb-mmi-compat__copy span{color:#8d949f;font-size:1rem;line-height:1.3}.bb-mmi-compat__actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.bb-mmi-compat__link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;text-decoration:none;border:1px solid rgba(105,223,255,.23);border-radius:10px;background:#69dfff0e;color:#d8f7ff;font-size:.95rem;line-height:1;font-weight:700;transition:border-color .16s ease,background .16s ease,transform .16s ease}.bb-mmi-compat__link:hover{border-color:#69dfff7a;background:#69dfff17;transform:translateY(-1px)}.bb-mmi-compat__link svg{display:block;width:17px;height:17px}.bb-mmi-purchase{width:100%;max-width:760px;margin:24px auto 0}.bb-mmi-summary{width:100%;overflow:hidden;border:1px solid rgba(206,214,224,.13);border-radius:17px;background:linear-gradient(145deg,#181b21eb,#0f1115f5)}.bb-mmi-summary__head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid rgba(206,214,224,.1)}.bb-mmi-summary__eyebrow{display:block;margin-bottom:4px;color:#8d949f;font-size:.9rem;line-height:1.2;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.bb-mmi-summary__variant{display:block;color:#f7f7f8;font-size:1.18rem;line-height:1.3;font-weight:750}.bb-mmi-summary__ready{display:inline-flex;align-items:center;gap:7px;color:#9af0c8;font-size:.95rem;line-height:1.2;font-weight:700;white-space:nowrap}.bb-mmi-summary__ready:before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:999px;background:#63d7a3;box-shadow:0 0 10px #63d7a361}.bb-mmi-summary__ready.is-unavailable{color:#ffe4a3}.bb-mmi-summary__ready.is-unavailable:before{background:#f4c86b;box-shadow:none}.bb-mmi-summary__lines{padding:7px 18px}.bb-mmi-summary__line{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:45px;padding:8px 0;color:#c9cfd7;font-size:1.08rem;line-height:1.4;border-bottom:1px solid rgba(206,214,224,.07)}.bb-mmi-summary__line:last-child{border-bottom:0}.bb-mmi-summary__line strong{flex:0 0 auto;color:#f7f7f8;font-size:1.12rem;font-weight:750}.bb-mmi-summary__line .bb-mmi-summary__addon{color:#f7f7f8}.bb-mmi-summary__total{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border-top:1px solid rgba(255,44,168,.2);background:#ff2ca809}.bb-mmi-summary__total span{color:#c9cfd7;font-size:1rem;line-height:1.2;font-weight:750;letter-spacing:.09em}.bb-mmi-summary__total strong{color:#f7f7f8;font-size:1.45rem;line-height:1.1;font-weight:800}.bb-mmi-add-to-cart{appearance:none;-webkit-appearance:none;position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:62px;margin:12px 0 0;padding:16px 24px;cursor:pointer;color:#050505;font:inherit;font-size:1.18rem;line-height:1.15;font-weight:850;letter-spacing:.055em;border:1px solid rgba(255,88,188,.92);border-radius:17px;background:linear-gradient(105deg,#ff2ca8,#ff3db0 48%,#ff2ca8);box-shadow:0 10px 28px #ff2ca82b,0 18px 40px #00000042;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.bb-mmi-add-to-cart:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 13px 34px #ff2ca838,0 20px 44px #00000047}.bb-mmi-add-to-cart:active:not(:disabled){transform:scale(.994)}.bb-mmi-add-to-cart:disabled{cursor:not-allowed;opacity:.48}.bb-mmi-add-to-cart.is-loading{cursor:wait;opacity:.72}.bb-mmi-add-to-cart.is-added{border-color:#63d7a3e6;background:#63d7a3}.bb-mmi-add-to-cart__status{min-height:18px;margin-top:8px;color:#9af0c8;font-size:.94rem;line-height:1.4;text-align:center}@media screen and (min-width:750px)and (max-width:989px){.bb-mmi-configurator__inner{width:100%;max-width:900px;padding:56px 36px 0}.bb-mmi-configurator__intro{max-width:680px;margin-bottom:27px}.bb-mmi-configurator__heading{max-width:680px;font-size:2.85rem!important}.bb-mmi-configurator__lead{max-width:620px;font-size:1.35rem!important}.bb-mmi-idrive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.bb-mmi-configurator__inner{width:100%;max-width:100%;margin-left:auto;margin-right:auto;padding:41px 18px 0!important}.bb-mmi-configurator__intro{width:100%;max-width:100%;margin:0 0 24px}.bb-mmi-configurator__eyebrow{gap:8px;margin:0 0 10px;font-size:1rem!important;line-height:1.2!important;letter-spacing:.12em!important}.bb-mmi-configurator__heading{width:100%;max-width:100%;font-size:2.5rem!important;line-height:1.05!important;letter-spacing:-.04em!important}.bb-mmi-configurator__lead{width:100%;max-width:100%;margin-top:14px;font-size:1.4rem!important;line-height:1.55!important}.bb-mmi-step{padding:26px 0}.bb-mmi-step__top{display:block;margin-bottom:15px}.bb-mmi-step__number{margin-bottom:6px;font-size:1rem;letter-spacing:.12em}.bb-mmi-step__title{font-size:1.14rem}.bb-mmi-step__description{margin-top:6px;font-size:1.02rem}.bb-mmi-step__status{margin-top:11px;min-height:31px;padding:7px 10px;font-size:.88rem}.bb-mmi-idrive-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px}.bb-mmi-idrive-card{border-radius:14px}.bb-mmi-idrive-card__media,.bb-mmi-idrive-card[data-bb-evo-parent] .bb-mmi-idrive-card__media{aspect-ratio:16 / 10;height:auto}.bb-mmi-idrive-card__body{padding:10px 11px 11px}.bb-mmi-idrive-card__name{font-size:1.14rem}.bb-mmi-idrive-card__caption{margin-top:3px;font-size:.88rem}.bb-mmi-idrive-card__check{top:6px;right:6px;width:24px;height:24px;font-size:.85rem}.bb-mmi-idrive-card__evo-label{left:5px;bottom:4px;padding:3px 5px;font-size:.6rem}.bb-mmi-idrive-help{margin-top:12px;font-size:.96rem}.bb-mmi-camera-grid{grid-template-columns:1fr;gap:8px}.bb-mmi-camera-card{min-height:0;padding:14px;border-radius:14px}.bb-mmi-camera-card__title{font-size:1.14rem}.bb-mmi-camera-card__text{margin-top:4px;font-size:.96rem}.bb-mmi-compat{gap:13px;margin-top:5px;padding:14px 0}.bb-mmi-compat__copy{display:block}.bb-mmi-compat__copy strong{display:block;font-size:1rem}.bb-mmi-compat__copy span{display:block;margin-top:2px;font-size:.9rem}.bb-mmi-compat__actions{gap:6px}.bb-mmi-compat__link{min-height:35px;padding:7px 9px;font-size:.86rem}.bb-mmi-compat__link svg{width:15px;height:15px}.bb-mmi-purchase{margin-top:20px}.bb-mmi-summary{border-radius:15px}.bb-mmi-summary__head{padding:14px}.bb-mmi-summary__eyebrow{font-size:.8rem}.bb-mmi-summary__variant{font-size:1.06rem}.bb-mmi-summary__ready{font-size:.84rem}.bb-mmi-summary__lines{padding:5px 14px}.bb-mmi-summary__line{min-height:42px;gap:12px;font-size:.98rem}.bb-mmi-summary__line strong{font-size:1.02rem}.bb-mmi-summary__total{padding:14px}.bb-mmi-summary__total span{font-size:.9rem}.bb-mmi-summary__total strong{font-size:1.3rem}.bb-mmi-add-to-cart{min-height:58px;margin-top:10px;padding:15px 18px;border-radius:15px;font-size:1.08rem}.bb-mmi-add-to-cart__status{font-size:.88rem}}@media screen and (max-width:390px){.bb-mmi-compat{align-items:flex-start;flex-direction:column}.bb-mmi-compat__actions{width:100%}.bb-mmi-compat__link{flex:1}}@media screen and (min-width:1300px){.bb-mmi-configurator__inner{padding-left:50px;padding-right:50px}}@media(prefers-reduced-motion:reduce){.bb-mmi-configurator *,.bb-mmi-configurator *:before,.bb-mmi-configurator *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/bb-mmi-configurator.css.map */