@view-transition{navigation:auto}::view-transition{pointer-events:none}::view-transition-old(root){animation:flow-out .12s ease-out both}::view-transition-new(root){animation:flow-in .22s ease-out both}@keyframes flow-in{0%{transform:translateY(7px)}to{transform:translateY(0)}}@keyframes flow-out{to{opacity:.85}}.flow{max-width:1120px;padding-block:30px 65px;min-height:76vh}.flow-progress{margin:0 0 19px}.flow-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#80808c;margin-bottom:12px}.flow-progress strong{color:#292931;font-weight:500}.flow-progress-track{height:5px;border-radius:9px;background:#eaeaef;overflow:hidden}.flow-progress-track>span{display:block;height:100%;background:#17171c;border-radius:9px;width:10%;animation:flow-progress .45s cubic-bezier(.2,.7,.3,1) both}@keyframes flow-progress{0%{width:var(--from,10%)}to{width:var(--to,10%)}}.flow-selection{font-size:10px;color:#96969f;line-height:1.8;min-height:18px;overflow-wrap:anywhere;margin:20px 0 34px}.flow-heading{margin:18px 0 32px;max-width:820px}.flow-heading h1{font:500 clamp(35px,4.2vw,54px)/1.12 OpenSauceTwo,sans-serif;letter-spacing:-1.4px;margin:15px 0 19px}.flow-heading>p:last-child{font-size:13px;line-height:1.9;color:#81818d;max-width:700px}.flow-form{min-width:0}.flow-form fieldset{border:0;padding:0;margin:0;min-width:0}.flow-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flow-brand-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;align-items:stretch;max-width:900px}.flow-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.flow-upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.flow-family-grid,.flow-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.flow-stack{display:grid;gap:12px}.flow-choice{display:block;position:relative;min-width:0;cursor:pointer}.flow-choice input{position:absolute;width:1px;height:1px;opacity:0;top:0;right:0;bottom:0;left:0}.flow-choice>span{height:100%;display:flex;flex-direction:column;background:#f8f8fa;border:1px solid #e2e2e9;border-radius:13px;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}.flow-choice:hover>span{border-color:#a2a2ad;transform:translateY(-2px)}.flow-choice input:checked+span{border-color:#24242d;box-shadow:0 0 0 1px #24242d;background:#f1f1f5}.flow-choice input:focus-visible+span{outline:2px solid #555;outline-offset:4px}.flow-choice-photo{width:100%;height:auto;aspect-ratio:1.9;object-fit:cover;object-position:center;display:block;background:#eee}.flow-choice-text{display:flex;position:relative;flex-direction:column;gap:10px;padding:20px 48px 20px 20px;justify-content:center;flex:1;min-height:76px}.flow-choice strong{font-size:15px;font-weight:500;letter-spacing:-.15px;line-height:1.4}.flow-choice small{font-size:11px;line-height:1.8;color:#888894}.flow-choice i{position:absolute;right:19px;top:50%;margin-top:-9px;width:18px;height:18px;border:1px solid #c6c6cf;border-radius:50%}.flow-choice input:checked+span i{background:#1b1b22;border-color:#1b1b22;box-shadow:inset 0 0 0 4px #fff}.flow-brand-grid .flow-choice strong{font:500 25px/1.2 OpenSauceTwo,sans-serif}.flow-brand-grid .flow-choice:not(.has-photo) .flow-choice-text{padding:35px 60px 35px 30px}.flow-more{margin:23px 0}.flow-more summary{cursor:pointer;font-size:12px;color:#71717e;padding:12px 0}.flow-more .flow-text-grid{margin-top:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.flow-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:29px;padding-top:24px;border-top:1px solid #e8e8ee}.flow-actions>a{font-size:11px;color:#82828f;text-decoration:underline;text-underline-offset:5px}.flow-actions .button{min-width:180px;justify-content:space-between;font-size:12px}.flow-footnote,.flow-credit{font-size:10px;line-height:1.8;color:#9696a0;margin:20px 0}.flow-credit{margin-top:32px}.flow-credit a{text-decoration:underline;text-underline-offset:4px}.flow-split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start}.flow-context{margin:0}.flow-context img,.flow-feature-photo{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:13px}.flow-context figcaption{font-size:9px;line-height:1.8;color:#9898a3;margin-top:10px}.flow-single{align-self:center}.flow .field{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#575764}.flow .field input,.flow .field select{width:100%;min-height:52px;border:1px solid #dedee7;background:#fff;border-radius:9px;padding:12px;font-size:14px}.flow .field small{font-size:10px;line-height:1.8;color:#9696a2}.flow-skip{margin-top:18px;display:inline-block;font-size:11px;line-height:1.8;text-decoration:underline;text-underline-offset:4px}.flow-error{font-size:12px;line-height:1.8;color:#a03535}.flow-reference{margin:32px 0 0;border:1px solid #e5e5eb;border-radius:12px;padding:21px}.flow-reference summary{cursor:pointer;font-size:12px}.flow-reference>p{font-size:11px;color:#898997;line-height:1.9}.flow-reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:20px}.flow-reference-grid figure{margin:0}.flow-reference-grid img{width:100%;height:auto;aspect-ratio:1.75;object-fit:contain;border-radius:8px;background:#f6f6f8}.flow-reference-grid figcaption{font-size:10px;line-height:1.8;color:#94949f;margin-top:8px}.flow-result{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}.flow-result.without-photo{grid-template-columns:1fr}.flow-result-photo{margin:0}.flow-result-photo img{width:100%;height:auto;aspect-ratio:1.3;object-fit:cover;border-radius:14px}.flow-result h2{font:500 31px/1.15 OpenSauceTwo,sans-serif;letter-spacing:-.7px;margin:17px 0 20px}.flow-result p{font-size:12px;color:#81818f;line-height:1.9}.flow-result .flow-result-note{font-size:10px;color:#a0a0aa;padding-top:14px;border-top:1px solid #e8e8ee;margin-top:22px}.flow-result-actions{display:flex;align-items:flex-start;flex-direction:column;gap:18px;margin:24px 0}.flow-result-actions .button{font-size:11px;gap:25px}.flow-result-actions .text-button{font-size:11px;text-decoration:underline;text-underline-offset:5px}.flow-hardware{margin-top:35px;padding-top:30px;border-top:1px solid #e7e7ed}.flow-hardware h2{font:500 26px/1.2 OpenSauceTwo,sans-serif}.flow-hardware [data-flow-hardware-cards]{display:grid;gap:15px}.flow-hardware article{padding:24px;border:1px solid #e4e4eb;border-radius:13px;background:#f9f9fb}.flow-hardware h3{font:500 20px/1.3 OpenSauceTwo,sans-serif}.flow-hardware p{font-size:12px;line-height:1.9;color:#858590}.flow-stock{font-size:10px;border:1px solid #dddde6;border-radius:30px;padding:5px 10px;display:inline-block;color:#80808d}.flow-confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:90;overflow:clip;contain:strict}.flow-confetti span{position:absolute;left:var(--x);top:-20px;width:7px;height:11px;opacity:0;animation:flow-confetti .8s cubic-bezier(.2,.6,.5,1) var(--delay) both;border-radius:1px}@keyframes flow-confetti{0%{opacity:0;transform:translateZ(0) rotate(0)}15%{opacity:.95}to{opacity:0;transform:translate3d(var(--drift),65vh,0) rotate(var(--rotation))}}@media(max-width:760px){.flow{padding-block:19px 40px}.flow-progress{margin-bottom:15px}.flow-progress>div:first-child{font-size:10px;margin-bottom:10px}.flow-selection{font-size:9px;margin:17px 0 25px}.flow-heading{margin:12px 0 26px}.flow-heading h1{font-size:36px;letter-spacing:-.9px;margin:13px 0 17px}.flow-heading>p:last-child{font-size:12px;line-height:1.85}.flow-brand-grid,.flow-split,.flow-result,.flow-upgrade-grid{grid-template-columns:1fr;gap:21px}.flow-model-grid{grid-template-columns:1fr 1fr;gap:12px}.flow-brand-grid .flow-choice-photo{aspect-ratio:1.9}.flow-brand-grid .flow-choice:not(.has-photo) .flow-choice-text{padding:22px 52px 22px 22px}.flow-brand-grid .flow-choice strong{font-size:23px}.flow-choice-text{padding:16px 39px 16px 14px;min-height:65px}.flow-choice strong{font-size:13px}.flow-choice small{font-size:10px}.flow-choice i{right:14px;width:16px;height:16px;margin-top:-8px}.flow-choice input:checked+span i{box-shadow:inset 0 0 0 3px #fff}.flow-model-grid .flow-choice-photo{aspect-ratio:1.5;object-fit:cover}.flow-more .flow-text-grid{grid-template-columns:1fr 1fr;gap:11px}.flow-family-grid{gap:12px}.flow-family-grid .flow-choice-text{min-height:105px}.flow .field input,.flow .field select{font-size:16px;min-height:52px}.flow-context img,.flow-feature-photo{max-height:230px;aspect-ratio:1.7}.flow-context figcaption{font-size:9px}.flow-actions{margin-top:25px;padding-top:20px}.flow-actions .button{min-width:165px;min-height:50px;font-size:12px}.flow-upgrade-grid .flow-choice-photo{aspect-ratio:2}.flow-upgrade-grid .flow-choice strong{font-size:17px}.flow-upgrade-grid .flow-choice small{font-size:11px}.flow-upgrade-grid .flow-choice-text{padding:19px 46px 19px 19px}.flow-reference-grid{grid-template-columns:1fr;gap:20px}.flow-reference{padding:17px}.flow-result h2{font-size:28px}.flow-result-photo img{max-height:240px;aspect-ratio:1.6}.flow-result-actions .button{width:100%;justify-content:space-between}.flow-credit{margin-top:26px}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.flow *{animation:none!important;transition:none!important}.flow-progress-track>span{width:var(--to,10%)}.flow-choice:hover>span{transform:none}.flow-confetti{display:none}}.flow-choice-photo{object-fit:contain}.flow-context img,.flow-feature-photo,.flow-result-photo img{aspect-ratio:1.8;object-fit:contain;background:#f6f6f8}@media(max-width:760px){.flow-model-grid .flow-choice-photo{aspect-ratio:1.75;object-fit:contain}.flow-result-photo img{aspect-ratio:1.8}}.flow-saved{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:22px;border:1px solid var(--dn-line,#dedee7);border-radius:16px;margin:0 0 30px}.flow-saved>div{display:flex;flex-direction:column;gap:8px;flex:1}.flow-saved span{font-size:11px;color:var(--dn-muted,#81818d)}.flow-saved strong{font-size:16px}.flow-saved a,.flow-saved button{font-size:12px}.flow-vin{max-width:700px}.service-vin{display:flex;flex-direction:column;gap:10px;margin:20px 0;font-size:12px}.service-vin input{width:100%;padding:14px;border:1px solid var(--dn-line,#dedee7);border-radius:10px;background:var(--dn-card,#fff);color:var(--dn-ink,#17171c);text-transform:uppercase;font:inherit}.service-vin small{font-size:10px;color:var(--dn-muted,#81818d);line-height:1.7}.flow-choice strong>small{display:block;margin-top:5px}.flow-vin input{text-transform:uppercase}@media(max-width:640px){.flow-vin .flow-actions{flex-wrap:wrap}.flow-vin .flow-actions .button{min-width:150px}.flow-saved{gap:18px}.flow-saved>div{flex-basis:100%}}.flow-system-reference{border:1px solid var(--dn-line,#dedee7);border-radius:18px;padding:24px;background:var(--dn-surface,#f8f8fa)}.flow-system-reference h2{font:500 25px/1.2 OpenSauceTwo,sans-serif;letter-spacing:-.6px;margin:10px 0 14px}.system-find{font-size:13px;line-height:1.7;color:var(--dn-ink,#222)}.system-menu{font-size:11px;line-height:1.8;color:var(--dn-muted,#777);margin:12px 0 22px}.system-version-list{display:grid;gap:9px}.system-version-row{padding:12px 14px;border:1px solid transparent;border-radius:11px;background:var(--dn-bg,#fff);transition:border-color .18s,background .18s}.system-version-row>span{display:block;font-size:10px;color:var(--dn-muted,#777);margin-bottom:7px}.system-version-row code{display:block;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;color:var(--dn-muted,#777)}.system-version-row mark{background:#d4e6ff;color:#14263b;padding:3px 4px;border-radius:4px;font-weight:600}.system-version-row.is-active{border-color:var(--dn-ink,#222)}.system-highlight-key{display:flex;gap:8px;align-items:center;font-size:10px;line-height:1.8;color:var(--dn-ink,#222);margin:18px 0 10px}.system-highlight-key i{width:10px;height:10px;flex-shrink:0;background:#d4e6ff;border:1px solid #aac7ee;border-radius:3px}.system-example-note{font-size:10px;line-height:1.8;color:var(--dn-muted,#777);margin:0}.flow-identification{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.flow-brand-grid{grid-template-columns:1.2fr 1fr 1fr;max-width:none}.flow-no-photo{grid-template-columns:minmax(0,700px)}.flow-bmw-models{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-color-mode=dark] .system-version-row mark{background:#264467;color:#e4f0ff}html[data-color-mode=dark] .system-highlight-key i{background:#264467;border-color:#6488b4}@media(max-width:760px){.flow-identification,.flow-brand-grid{grid-template-columns:1fr}.flow-system-reference{padding:20px}.flow-bmw-models{grid-template-columns:repeat(2,minmax(0,1fr))}.system-version-row code{font-size:11px}.flow-identification{gap:26px}}@media(prefers-reduced-motion:reduce){.system-version-row{transition:none}}.system-version-list{grid-template-columns:repeat(2,minmax(0,1fr))}.system-version-row code{font-size:13px}@media(max-width:760px){.system-version-list{grid-template-columns:1fr}.system-version-row code{font-size:13px}}.flow-bmw-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.flow-bmw-models .flow-choice{min-width:0}.flow-bmw-models .flow-choice-photo,.flow-more .flow-choice.has-photo .flow-choice-photo{aspect-ratio:1.7;object-fit:contain;background:#f7f6f3}.flow-photo-credits{border-top:1px solid #e3e5e7;margin-top:25px;padding:12px 0;color:#58616a;font-size:11px}.flow-photo-credits summary{cursor:pointer;font-size:11px}.flow-photo-credits ul{padding-left:20px;line-height:1.8;max-height:250px;overflow:auto}.flow-photo-credits a,.flow-context figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}@media(max-width:780px){.flow-bmw-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}}@media(max-width:430px){.flow-bmw-models{grid-template-columns:1fr 1fr}}.flow-screen-media{margin-top:24px;border-top:1px solid var(--dn-line,#e3e5e7);padding-top:22px;color:var(--dn-ink,#191c1f)}.flow-screen-media h3{font-size:17px;font-weight:500;letter-spacing:-.25px;margin:0 0 10px}.flow-screen-media p{font-size:12px;line-height:1.7;color:var(--dn-muted,#58616a)}.flow-screen-media figure{margin:18px 0}.flow-screen-media img{display:block;width:100%;height:auto;object-fit:contain;max-height:250px;border:1px solid var(--dn-line,#e3e5e7);border-radius:12px;background:var(--dn-surface,#f5f4f0)}.flow-screen-media figcaption{font-size:11px;margin-top:7px;color:var(--dn-muted,#58616a)}.flow-screen-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flow-screen-examples figure{margin:0}.flow-screen-examples img{max-height:125px}.flow-screen-media .flow-guide-link{display:inline-block;font-size:12px;color:var(--dn-ink,#191c1f);text-decoration:underline;text-underline-offset:3px}.flow-screen-media .flow-screen-note{font-size:10px}.flow-screen-media .flow-screen-note a{color:inherit;text-decoration:underline}@view-transition{navigation:none}.flow[data-flow]{position:relative}.flow[data-flow]:not(.flow-ready)>:not(.flow-loading){visibility:hidden}.flow-loading{position:absolute;z-index:3;top:94px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:13px;min-width:230px;min-height:76px;font-size:12px;white-space:nowrap;color:#161616}.flow.flow-ready>.flow-loading{display:none}.flow-loading-spinner{width:20px;height:20px;display:block;border-radius:50%;border:2px solid #d8d6d1;border-top-color:#1a1a1a;animation:flow-loading-spin .8s linear infinite}@keyframes flow-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.flow-loading-spinner{animation:none}}.flow-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:940px}.flow-brand-grid .flow-brand-card{min-width:0}.flow-brand-card .flow-brand-card-inner{display:flex;flex-direction:column;height:100%;min-height:205px}.flow-brand-card .flow-brand-card-visual{display:flex;align-items:center;justify-content:center;min-height:125px;background:#f7f6f3;border-bottom:1px solid #e8e5df}.flow-brand-grid .flow-brand-card .flow-brand-logo{display:block;width:100%;height:125px;aspect-ratio:auto;object-fit:contain;object-position:center;padding:21px 52px;background:transparent}.flow-brand-grid .flow-brand-card .flow-choice-text{flex:1;padding:15px 44px 17px 19px;min-height:72px;gap:4px}.flow-brand-grid .flow-brand-card strong{font-size:16px;letter-spacing:-.2px;line-height:1.3}.flow-brand-grid .flow-brand-card small{font-size:11px}@media(max-width:760px){.flow-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flow-brand-card .flow-brand-card-inner{min-height:176px}.flow-brand-card .flow-brand-card-visual{min-height:105px}.flow-brand-grid .flow-brand-card .flow-brand-logo{height:105px;padding:22px 32px}.flow-brand-grid .flow-brand-card strong{font-size:14px}.flow-brand-grid .flow-brand-card .flow-choice-text{min-height:67px;padding:13px 36px 13px 14px}}.atelier-years{border:0;padding:0;margin:0;min-width:0}.atelier-years legend{font-size:18px;font-weight:500;padding:0;margin:0 0 6px}.atelier-years-hint{font-size:12px;color:var(--dn-muted);margin:0 0 20px;line-height:1.6}.atelier-year-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.atelier-year{position:relative;display:block;cursor:pointer}.atelier-year input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.atelier-year>span{display:flex;align-items:center;justify-content:center;min-height:58px;padding:12px 6px;border:1px solid var(--dn-line);border-radius:13px;background:var(--dn-bg);color:var(--dn-ink);font-size:17px;font-weight:500;transition:background .15s,border-color .15s,transform .15s}.atelier-year:hover>span{background:var(--dn-surface);transform:translateY(-1px)}.atelier-year input:checked+span{background:var(--dn-action);color:var(--dn-on-action);border-color:var(--dn-action)}.atelier-year input:focus-visible+span{outline:3px solid var(--dn-focus);outline-offset:3px}.atelier-year-unknown{grid-column:1/-1;margin-top:4px}.atelier-year-unknown>span{font-size:13px;min-height:46px;background:var(--dn-surface)}@media(max-width:760px){.atelier-year-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.atelier-year>span{min-height:52px;font-size:16px;border-radius:11px}.atelier-years legend{font-size:17px}.atelier-years-hint{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){.atelier-year>span{transition:none}}[data-flow]:not([data-stage=system]):not([data-stage=version]) .flow-split{display:block;max-width:980px;margin-inline:auto}[data-flow] .flow-context,[data-flow] .flow-feature-photo,[data-flow] .flow-result-photo{display:none!important}[data-flow] .atelier-model-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}[data-flow] .atelier-model-choices .flow-choice>span{min-height:78px}[data-flow] .atelier-model-choices small{display:block;font-size:11px;font-weight:400;color:var(--dn-muted);margin-top:6px}.atelier-model-search{position:relative;display:grid;gap:10px;margin:0 0 18px}.atelier-model-search label{font-size:13px;font-weight:600}.atelier-model-search input{width:100%;min-height:56px;padding:16px 80px 16px 18px;font:inherit;border:1px solid var(--dn-line);border-radius:14px;background:var(--dn-surface);color:var(--dn-ink)}.atelier-model-search button{position:absolute;right:18px;bottom:18px;font-size:12px}.flow-model-empty{padding:24px;border:1px solid var(--dn-line);border-radius:14px;color:var(--dn-muted)}@media(max-width:760px){[data-flow] .atelier-model-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){[data-flow] .atelier-model-choices{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/vortex-flow.css.map */