.version-two #main .co-infotainment{--compat-surface: #061424;--compat-text: #f6f9ff;--compat-accent: #a8caff;position:relative;background:var(--compat-surface);color:var(--compat-text);overflow-x:clip;overflow-y:visible;padding:clamp(64px,7.5vw,112px) 40px}.co-infotainment-stage{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);align-items:center;gap:clamp(28px,3vw,44px);max-width:1320px;margin-inline:auto}.co-infotainment-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;min-width:0}.co-infotainment[data-system-count="4"] .co-infotainment-gallery,.co-infotainment[data-system-count="5"] .co-infotainment-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.co-infotainment[data-system-count="2"] .co-infotainment-stage,.co-infotainment[data-system-count="3"] .co-infotainment-stage{grid-template-columns:minmax(240px,340px) minmax(0,560px);justify-content:center}.co-infotainment-layer{min-width:0}.co-infotainment.is-moving .co-infotainment-layer{will-change:transform}.co-infotainment-card{margin:0;width:100%}.co-infotainment-screen{display:grid;place-items:center;aspect-ratio:12 / 5;width:100%;overflow:hidden;border-radius:12px;background:#c9d0d7}.co-infotainment-screen.has-image{aspect-ratio:auto;background:transparent}.co-infotainment-screen img{display:block;width:100%;height:auto;object-fit:contain;transform:scale(1.155);transform-origin:center}.co-infotainment-screen.is-placeholder{color:#435364}.co-infotainment-screen>span{font:12px/1.4 Open Sans,sans-serif}.co-infotainment-copy{max-width:340px}.version-two #main .co-infotainment-copy h2{margin:0;font:600 clamp(28px,2.75vw,42px)/1.07 Gilroy,sans-serif;letter-spacing:-.03em;text-wrap:balance;color:var(--compat-text)}.co-infotainment-copy h2 span{display:block;color:var(--compat-accent)}.version-two #main .co-infotainment-copy p{max-width:31ch;margin:20px 0 0;font:400 14px/1.7 Open Sans,sans-serif;color:#c4d5e6}.co-infotainment ::selection{background:var(--compat-accent);color:var(--compat-surface)}@media(min-width:761px)and (max-width:1050px){.co-infotainment-stage{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:32px}.co-infotainment-gallery{gap:24px}}@media(max-width:760px){.version-two #main .co-infotainment{padding:40px 24px}.co-infotainment[data-system-count] .co-infotainment-stage{grid-template-columns:minmax(0,1fr);gap:20px;overflow-x:clip;overflow-y:visible}.co-infotainment[data-system-count] .co-infotainment-gallery{grid-template-columns:minmax(0,1fr);gap:20px}.co-infotainment-copy{width:100%;max-width:none;text-align:left;margin-bottom:8px}.version-two #main .co-infotainment-copy h2{font-size:clamp(28px,8vw,36px)}.version-two #main .co-infotainment-copy p{max-width:46ch;margin:14px 0 0;font-size:13px;line-height:1.6}.co-infotainment-screen.has-image{aspect-ratio:16 / 9}.co-infotainment-screen img{height:100%;min-height:0;object-fit:cover}}@media(max-width:380px){.co-infotainment[data-system-count] .co-infotainment-stage,.co-infotainment[data-system-count] .co-infotainment-gallery{gap:16px}}.co-infotainment-screen.is-screen-only{aspect-ratio:1983 / 793;border-radius:18px;background:linear-gradient(145deg,#d4eaff0d,transparent 50%,#06142414),#0a223970;-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);box-shadow:inset 0 1px #edf7ff9e,inset 1px 0 #daedff50,inset -1px 0 #a8caff25,inset 0 -1px #b8dcff38,0 14px 32px #00000024}.co-infotainment-screen.is-screen-only img{height:auto;object-fit:contain;transform:none;filter:drop-shadow(0 7px 8px #00000066)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.co-infotainment-screen.is-screen-only{background:#10253a}}@media(forced-colors:active){.co-infotainment-screen.is-screen-only{background:Canvas;outline:1px solid CanvasText;outline-offset:-1px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.co-infotainment-screen.is-screen-only img{filter:none}}@media(prefers-reduced-motion:reduce){.co-infotainment-layer{transform:none!important;will-change:auto!important}}.co-infotainment-screen .co-infotainment-menu-crop{display:block;width:84%;height:76%;overflow:hidden;filter:drop-shadow(0 7px 8px #00000066)}.co-infotainment-name{text-align:center;font-size:16px;font-weight:650;margin-top:12px;color:inherit}
/*# sourceMappingURL=/cdn/shop/t/7/assets/co-infotainment-compatibility.css.map */