'); background-repeat:repeat-x; width:100%; height:24px; position:relative; display:flex}#car-description #car-description-ratings-score .rating-stars-fill{ background-image:url('data:image/svg+xml;charset=utf-8,'); background-repeat:repeat-x; background-size:24px 24px; height:24px; position:absolute}#car-description #car-description-ratings-score .rating-stars-link{ display:block; float:left; width:24px; height:24px; background:none; cursor:pointer; z-index:1; fill:transparent; padding:0; transition:fill .4s}#car-description #car-description-ratings-score .rating-stars-link:hover{ fill:var(--text-primary-hover)}#car-description #car-description-faq{ margin-top:var(--spacing-7)} #car-description .car-relatives{ columns:370px auto; margin-top:var(--spacing-8);}#car-description .car-relatives .relatives{ display:flex; min-width:288px; padding:var(--spacing-5); flex-direction:column; gap:var(--spacing-4); height:fit-content; border-radius:var(--radius-m); background:var(--surface-01); break-inside:avoid}#car-description .car-relatives .relatives ul{ display:flex; flex-direction:column; align-items:flex-start; gap:var(--spacing-2); margin:0; padding:0; list-style:none}#car-description .car-relatives .relatives ul a{ display:flex; align-items:center; align-content:center; gap:var(--spacing-2); color: var(--text-body-01);}#car-description .car-relatives .relatives ul a:hover{ color: var(--text-link-hover);}#car-description .car-relatives .relatives ul a:active{ color: var(--text-link-active);}#car-description .car-relatives .relatives ul a img{ max-width:64px} #car-description-ratings-safety .data{ display:flex; justify-content: center; gap:var(--spacing-5); margin-top:var(--spacing-4)}#car-description-ratings-safety .data article{ width:120px}#car-description-ratings-safety .data article .stars{ display:flex}#car-description-ratings-safety .data article .stars svg{ width:24px; height:24px; fill:var(--text-primary-default)} #car-compare-charts{ display:flex; gap:var(--spacing-4); flex-wrap:wrap; width:100%}#car-compare-charts .buttons{ width:100%;}#car-compare-charts .buttons a{ margin-top: 0;}#car-compare-charts .car-compare-chart-wrap{ display:flex; width:100%; max-width:48%; max-width:calc(50% - var(--spacing-4) / 2); padding:var(--spacing-5); flex-direction:column; gap:var(--spacing-4); border-radius:var(--radius-m); background:var(--surface-01); margin-top:var(--spacing-5)}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items{ display:none; flex-direction:column; gap:var(--spacing-4); list-style:none; padding:0; margin:0}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items.active{ display:flex}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li, #car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .item{ display:flex; align-items:center; gap:var(--spacing-2)}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .item a.car-link{ display:flex; align-items:center; width: 64px; height: 32px;}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .pic{ width:64px}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .name{ color:var(--text-body-01); flex: 1;} #car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li.current .name{ font-weight:500}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .button{ margin-left:auto; position:relative}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .value{ width:60px; font-weight:500; text-wrap:nowrap}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .difference{ display:flex; width:72px; justify-content:flex-end; align-items:flex-end}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .difference.better{ color:var(--success-text)}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .difference.worse{ color:var(--error-text)}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .difference svg{ opacity:.3; width:24px; height:24px}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .difference.better svg{ fill:var(--success-text)}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .difference.worse svg{ fill:var(--error-text); transform:rotate(180deg)}#car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .difference.equal svg{ transform:rotate(90deg)} #car-videos{ display:flex; flex-direction:column; width:100%; max-width:var(--container-width-max); margin:0 auto; gap:var(--spacing-5)}#car-videos .items{ display:flex; gap:var(--spacing-5); overflow-x:auto; padding-bottom:var(--spacing-2)}#car-videos .items .video-clear{ min-width:336px}#car-videos .items .text.links{ display: none;} #car-user-rating{ display:flex; padding:var(--spacing-5) var(--spacing-4); flex-direction:column; gap:var(--spacing-4); border-radius:var(--radius-m); background:var(--surface-01); height:fit-content}#car-user-rating header{ display:flex; justify-content:space-between; align-items:center}#car-user-rating header .car-user-rating-score{ display:flex; padding:var(--spacing-1) var(--spacing-3); justify-content:center; align-items:center; border-radius:var(--radius-m); background:var(--primary-default); color:var(--text-body-01-inverse, #FFF); font-size:20px; font-weight:700; line-height:1.5; letter-spacing:-.3px}#car-user-rating .car-user-rating-data{ display:flex; align-items:center; gap:var(--spacing-4); justify-content:space-between}#car-user-rating .car-user-rating-data .highlight{ color:var(--text-primary-default); font-weight:500; line-height:1.5; letter-spacing:-.08px}#car-user-rating .car-user-rating-data .buttons{ display:flex; align-items:center; gap:var(--spacing-2)}#car-user-rating .car-user-rating-data .buttons .dislike{ transform:rotate(180deg)}#car-user-rating .car-user-rating-data .buttons .button-basic.secondary{ /* pointer-events:none */}#car-user-rating .car-user-rating-data .user-likes-summary{ display:flex; flex-direction:column}#car-user-rating .car-user-rating-data .user-likes-summary .user-like{ color:var(--text-body-02); line-height:1.5; letter-spacing:-.08px} #car-gcc-score{ display:flex; padding:var(--spacing-5) var(--spacing-4); flex-direction:column; gap:var(--spacing-4); border-radius:var(--radius-m); background:var(--surface-01); height:fit-content}#car-gcc-score header{ display:flex; justify-content:space-between; align-items:center}#car-gcc-score header .car-gcc-score-score{ display:flex; padding:var(--spacing-1) var(--spacing-3); justify-content:center; align-items:center; column-gap: 4px; border-radius:var(--radius-m); background:var(--primary-default); color:var(--text-body-01-inverse, #FFF); font-size:20px; font-weight:700; line-height:1.5; letter-spacing:-.3px; width:90px}#car-gcc-score header .car-gcc-score-score span{ font-size:16px; letter-spacing:-.08px}#car-gcc-score .car-gcc-score-data{ display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:var(--spacing-2)}#car-gcc-score .car-gcc-score-data .car-gcc-score-item{ display:flex; justify-content:space-between; width:100%}#car-gcc-score .car-gcc-score-data .car-gcc-score-item .title{ font-size:18px; font-weight:500; line-height:1.5; letter-spacing:-.09px}#car-gcc-score .car-gcc-score-data .car-gcc-score-item .value{ display:flex; width:90px; padding:2px 0; justify-content:center; align-items:center; border-radius:var(--radius-m); background:var(--surface-02); font-size:18px; font-weight:500; line-height:1.5; letter-spacing:-.09px} #car-ev-rankings{ display:flex; padding:var(--spacing-5) var(--spacing-4); flex-direction:column; gap:var(--spacing-4); border-radius:var(--radius-m); background:var(--surface-01); height:fit-content}#car-ev-rankings .ranking{ display:flex; min-width:220px; flex-direction:column; gap:var(--spacing-1)}#car-ev-rankings .ranking .header{ display:flex; justify-content:space-between; font-size:18px; font-weight:500; line-height:1.5; letter-spacing:-.09px}#car-ev-rankings .ranking .header .title{ color: var(--text-body-01);}#car-ev-rankings .ranking .header .place{ color:var(--text-link-default); min-width:92px; text-align:right; transition:color .4s}#car-ev-rankings .ranking .line{ background:var(--secondary-default); height:var(--spacing-2); position:relative; width:100%; margin:var(--spacing-2) 0}#car-ev-rankings .ranking .line .fill{ background:var(--secondary-active); left:0; position:absolute; height:var(--spacing-2)}#car-ev-rankings .ranking .line .fill:after{ content:""; display:block; width:2px; height:var(--spacing-4); background:var(--primary-default); position:absolute; right:0; top:-4px}#car-ev-rankings .ranking:hover .header .place{ color:var(--text-link-hover)} #car-scores{ display:flex; flex-wrap: wrap; gap:var(--spacing-2); width: 100%;}#car-scores .car-score{ flex: 1; display:flex; min-width:140px; padding:var(--spacing-2) 0px; align-items:center; color:var(--text-body-01, #181818); text-align:center; font-size:18px; line-height:1.5; letter-spacing:-.09px; border-radius:var(--radius-m); gap:var(--spacing-2); justify-content:center; background:var(--tertiary-default); height:fit-content}#car-scores .car-score .highlight{ font-size:20px; font-weight:700; letter-spacing:-.3px}#car-scores .car-score.positive{ color:var(--success-text)}#car-scores .car-score.negative{ color:var(--error-text)}#car-scores .car-score:hover{ background:var(--tertiary-hover)}#car-scores .car-score:active{ background:var(--tertiary-active)} #car-savings{ display:flex; flex-direction:column; gap:var(--spacing-5)}#car-savings .data{ display:flex; flex-wrap: wrap; gap:var(--spacing-5)}#car-savings .data .calculations{ background: var(--surface-marine); gap: var(--spacing-4); display: flex; min-width: 680px; padding: var(--spacing-5); flex-direction: column; border-radius: var(--radius-m); height:fit-content}#car-savings .data .calculations .title-savings-result{ text-align: center; font-size: 20px; font-weight: 700; line-height:1.5; letter-spacing:-.3px}#car-savings .data .calculations .title-savings-result span{ color: var(--text-primary-default)}#car-savings .data .calculations .savings-description { display: flex; flex-wrap: wrap; gap: var(--spacing-2); font-size: 18px; line-height: 1.5; letter-spacing: -.09px; width: 100%; justify-content: center; align-items: center}#car-savings .data .calculations .savings-description .select { display: flex; gap: var(--spacing-2); align-items: baseline; color: var(--text-primary-default); font-size: 18px; font-weight: 500; line-height: 1.5; letter-spacing: -.09px}#car-savings .data .calculations .savings-description .select .black { color: var(--text-body-01); font-weight: 400;}#car-savings .data .calculations .savings-description .select .h3 { font-size: 28px; font-weight: 600; line-height: 1.2; letter-spacing: -.6px;}#car-savings .data .calculations .savings-description .data { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--spacing-1); align-items: center;}#car-savings .data .description{ display:flex; flex-direction:column; gap:var(--spacing-4); font-size: 18px; line-height:1.5; letter-spacing:-.09px; min-width: 480px; flex: 1;}#car-savings .data .description ul{ display:flex; flex-direction:column; gap:var(--spacing-4); padding:0 0 0 var(--spacing-5); margin:0}#car-savings .data .description ul .value{ font-weight:700} #savings-calculator-fuel-savings-result { display: flex; padding: var(--spacing-3); align-items: center; border-radius: var(--radius-m); background: var(--secondary-default); color: var(--text-primary-default); font-size: 28px; font-weight: 600; line-height: 1.2; letter-spacing: -.56px; width: fit-content} #car-savings .data .calculations .savings-result { display: flex; flex-direction: column; gap: var(--spacing-1)} #car-savings .data .calculations .savings-result-line { background: var(--border-light); border-radius: var(--radius-m); width: 100%; height: 40px; position: relative; overflow: hidden} #car-savings .data .calculations .savings-result-line .ev,#car-savings .data .calculations .savings-result-line .ice { display: flex; align-items: center; justify-content: center; position: absolute; height: 40px; font-weight: 500; line-height: 1.5; letter-spacing: -.08px} #car-savings .data .calculations .savings-result-line .ev { background: var(--primary-default); color: var(--text-body-01-inverse); left: 0} #car-savings .data .calculations .savings-result-line .ice { right: 0;} #car-savings .data .calculations .savings-result-titles { display: flex; justify-content: space-between; color: var(--text-primary-default); font-weight: 500; line-height: 1.5; letter-spacing: -.08px} #car-savings .data .calculations .savings-result-titles .ice { color: var(--text-body-01);} @media(max-width:1439px){ #car-main, #car-specs, #car-range-map, #car-description, #car-compare, #car-videos, #car-comments{ padding-right:var(--spacing-7); padding-left:var(--spacing-7) }} @media(max-width:1279px){ #car-main{ flex-direction:column } #car-main .data{ flex-direction:row; margin-left:0; } #car-main .data .info{ min-width: 552px; flex: 1; } #car-trims .trims .tabs-wrap{ max-width: 100%; } #car-main .data header .compare, #car-main .data header .snackbar-basic{ max-width:400px } #car-main .data .block{ height:fit-content } #car-specs-blocks .car-specs-block{ min-width:300px; max-width:50% } #car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .item{ flex-wrap:wrap } #car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .name{ width:100% } #car-description #car-description-text, #car-description #car-description-additional{ width:100% } #car-description #car-description-additional{ columns:370px auto; display:block } #car-description #car-description-additional > section{ width:100%; break-inside:avoid } #car-description #car-description-additional > section:not(:last-child){ margin-bottom:var(--spacing-4) } #car-videos .items .video-clear{ min-width:300px }} @media(max-width:991px){ #car-description .car-relatives, #car-description #car-description-additional{ columns:294px auto } #car-savings .data{ grid-template-columns:1fr }}@media(max-width:767px){ #car-main .data .info{ min-width: auto; } #car-detail{ gap:var(--spacing-9) } #car-specs{ padding:var(--spacing-6) 0 } #car-main, #car-specs, #car-range-map, #car-description, #car-compare, #car-videos, #car-comments{ padding-right:var(--spacing-4); padding-left:var(--spacing-4) } #car-main .data{ flex-direction:column } #car-description{ flex-direction:column } #car-main .data .block{ width:100% } #car-main .data #explore-sections-nav{ width:100% } #car-main .data .block#explore-sections-nav{ width: 100%; } #explore-sections-nav ul li{ width:fit-content } #car-specs-blocks .car-specs-block{ max-width:100% } #car-compare-charts .car-compare-chart-wrap{ max-width:100% } #car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .item{ flex-wrap:nowrap } #car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .name{ width:auto } #car-description-ratings-score{ margin-top:24px } #car-description #car-description-additional{ flex-wrap:wrap } #car-savings .data{ flex-wrap: nowrap; flex-direction: column; } #car-savings .data .calculations, #car-savings .data .description { min-width: 288px; flex: 1; }} @media(max-width:635px) { #car-description .car-relatives .relatives:not(:last-child){ margin-bottom:var(--spacing-4) }} @media(max-width:479px){ #car-scores .car-score .highlight{ font-size: 18px; font-weight: 700; letter-spacing: -.09px; } #car-scores .car-score{ font-size: 16px; letter-spacing: -.08px; } #car-detail .car-last-updated{ justify-content: center; } #car-specs .car-data-sources{ font-size:16px } .car-last-updated{ justify-content:center } #car-main .data header .specs{ gap:var(--spacing-2) } #car-main .data header .specs dl{ flex-wrap:wrap } #car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .item{ flex-wrap:wrap } #car-compare-charts .car-compare-chart-wrap .car-compare-chart-items li .difference{ min-width:unset } #car-description #car-description-text #car-description-preview, #car-description #car-description-text #car-description-preview .snackbar-basic.inline{ font-size:16px } #car-savings .data .description{ font-size:16px; letter-spacing:-.08px } #car-savings .data .description .button-basic.secondary{ width: 100%; } #car-specs-pdf, #car-charging-calculator, #compare-side-by-side, #see-all-videos{ width: 100%; }}@media(max-width:390px){ #car-scores{ grid-template-columns:1fr } #car-specs-blocks .car-specs-block{ max-width:288px; min-width:100% } #car-videos .items .video-clear{ min-width:270px }}#charging-calculator{ width:100%; display:flex; justify-content:center; flex-wrap:wrap}#charging-calculator .charging-calculator-header{ display:grid; grid-template-columns:minmax(288px, 360px) 1fr; gap:var(--spacing-9)}#charging-calculator .charging-calculator-header header{ order:1; display:flex; flex-direction:column; gap:var(--spacing-4); font-size:18px; line-height:1.5; letter-spacing:-.09px}#charging-calculator .charging-calculator-header header p{ margin:0}#charging-calculator .charging-calculator-header .charging-calculator-car-card{ display:flex; padding:var(--spacing-5) var(--spacing-4); flex-direction:column; justify-content:center; align-items:center; gap:var(--spacing-4); border-radius:var(--radius-m); background:var(--surface-01); height:fit-content}#charging-calculator .charging-calculator-header .charging-calculator-car-card .title{ display:flex; flex-direction:column; align-items:center; font-size:18px; font-weight:700; line-height:1.5; letter-spacing:-.09px}#charging-calculator .charging-calculator-header .charging-calculator-car-card .details,#charging-calculator .charging-calculator-header .charging-calculator-car-card .details .heading{ display:flex; flex-direction:column; justify-content:center; gap:var(--spacing-4)}#charging-calculator .charging-calculator-header .charging-calculator-car-card .details > img{ max-width:240px; height:fit-content}#charging-calculator .charging-calculator-header .charging-calculator-car-card .title span{ font-weight:400}#charging-calculator .charging-calculator-header .charging-calculator-car-card .charging-calculator-car-ports{ width:100%}#charging-calculator .charging-calculator-header .charging-calculator-car-card .charging-calculator-car-ports ul{ display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none; width:100%; justify-content:center; gap:var(--spacing-4)}#charging-calculator .charging-calculator-header .charging-calculator-car-card .charging-calculator-car-ports ul li{ display:flex; gap:var(--spacing-2); align-items:center; font-weight:500; line-height:1.5; letter-spacing:-.08px}#charging-calculator .charging-calculator-header .charging-calculator-car-card .charging-calculator-car-ports ul li img{ max-width:48px}#charging-calculator .charging-calculator-header .charging-calculator-car-card .buttons{ display:grid; grid-template-columns:repeat(auto-fit, minmax(160px, 1fr)); justify-content:space-between; align-items:center; gap:var(--spacing-2); width:100%} #charging-calculator dl{ display:flex; gap:var(--spacing-2); align-items:center; justify-content:center; color:var(--text-body-01); font-size:14px; line-height:1.5; letter-spacing:-.09px; margin:0}#charging-calculator dt{ display:flex; align-items:center; gap:var(--spacing-1)}#charging-calculator dd{ font-weight:500; margin:0} #charging-calculator .hint-wrap{ position:relative; display:flex; align-items:center; cursor:help}#charging-calculator .hint-wrap .hint-ui{ display:none}#charging-calculator .hint-wrap img{ width:24px; height:24px; filter:var(--text-body-02-icon)}#charging-calculator .hint-wrap:hover .hint-ui{ display:flex}#charging-calculator .h2{ text-align:center; width:100%; justify-content:center} #charging-calculator-trim{ display:flex; flex-direction:column; width:100%; gap:var(--spacing-5); margin-bottom:var(--spacing-5);}#charging-calculator-trim .main-pic{ width:auto; max-height:240px; margin:var(--spacing-6)}#charging-calculator-trim .description{ color:var(--text-body-01); font-size:20px; line-height:1.5; letter-spacing:-.3px}#charging-calculator-trim .description span{ font-weight:700}#charging-calculator-trim .form{ width:680px; height:263px; margin:var(--spacing-5) 0; padding:var(--spacing-5); border-radius:var(--radius-m); background:var(--surface-01); display:flex; gap:var(--spacing-5)}#charging-calculator-trim .form .inputs,#charging-calculator-trim .form .car{ width:100%}#charging-calculator-trim .form .car .name{ color:var(--text-body-01); text-align:center; font-size:18px; font-weight:700; line-height:1.5; letter-spacing:-.09px}#charging-calculator-trim .form .car .trim{ color:var(--text-body-01); text-align:center; font-size:18px; line-height:1.5; letter-spacing:-.09px}#charging-calculator-trim .form .car .pic{ width:304px; height:152px; display:flex; justify-content:center; align-items:center} #calculator-model,#calculator-trim{ display:none} #charging-calculator-sockets{ display:flex; flex-wrap:wrap; width:100%; height:fit-content; gap:var(--spacing-5)}#charging-calculator-sockets .car-charging-port{ user-select:none; display:flex; flex-direction:column; min-width:192px; padding:var(--spacing-4); align-items:center; gap:var(--spacing-5); border-radius:var(--radius-m); background:var(--surface-01); cursor:pointer; border:2px solid transparent; transition:background .4s, border-color .4s;}#charging-calculator-sockets .car-charging-port .car-charging-port-image{ width:80px; filter:var(--text-body-02-icon)}#charging-calculator-sockets .car-charging-port .data{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:var(--spacing-1); flex:1 0 0; font-size:14px}#charging-calculator-sockets .car-charging-port .charge-ports{ display:flex; flex-direction:column; position:absolute; bottom:0; right:var(--spacing-4); gap:var(--spacing-4)}#charging-calculator-sockets .car-charging-port .charge-ports img{ width:120px} #charging-calculator-sockets .car-charging-port dl{ gap:var(--spacing-1); padding:0; width:100%}#charging-calculator-sockets .car-charging-port dl dd{ font-weight:500; line-height:1.5; margin:0; display:flex; flex-direction:column; gap:var(--spacing-1)}#charging-calculator-sockets .car-charging-port dl dd.body{ position:relative; width:100%}#charging-calculator-sockets .car-charging-port dl dd.body img{ width:180px; max-width:180px; position:absolute; right:0; bottom:50%; transform:translate(0, 35%)}#charging-calculator-sockets .car-charging-port .data .values{ font-weight: 500;}#charging-calculator-sockets .car-charging-port header .h4{ font-size: 20px; font-weight: 600; line-height: 120%; letter-spacing: -0.3px; text-align: center;} #charging-calculator-sockets .car-charging-port:hover{ background:var(--secondary-hover)}#charging-calculator-sockets .car-charging-port.active{ background:var(--secondary-active); border-color:var(--primary-active)}#charging-calculator-sockets .car-charging-port:hover header .h4{ color:var(--text-primary-hover)}#charging-calculator-sockets .car-charging-port.active header .h4{ color:var(--text-primary-active)}#charging-calculator-sockets .car-charging-port:hover .car-charging-port-image{ filter:var(--text-primary-hover-icon)}#charging-calculator-sockets .car-charging-port.active .car-charging-port-image{ filter:var(--text-primary-active-icon)} #sockets{ max-width:100%} #sockets .sockets-wrap{ display:flex; overflow-x:auto; gap:var(--spacing-2); padding-bottom:var(--spacing-2); margin-bottom:var(--spacing-7)}.sockets-ac,.sockets-dc{ display:none!important}.sockets-ac.active,.sockets-dc.active{ display:flex!important} #adjustments{ width:100%; gap:var(--spacing-4); display:flex; flex-wrap:wrap}#adjustments .switcher-basic{ display:none}#adjustments .line{ gap:var(--spacing-4); display:flex; width:100%}#adjustments .line.first{ max-height:0; transition:max-height .4s; overflow:hidden; margin:0 0 var(--spacing-5)}#adjustments .line.first.active{ max-height:1000px}#adjustments .block{ display:flex; width:100%; padding:var(--spacing-5) var(--spacing-4); flex-direction:column; gap:var(--spacing-2); border-radius:var(--radius-m); background:var(--tertiary-default)}#adjustments .block .title{ color:var(--text-body-01); font-size:20px; font-weight:700; line-height:1.5; letter-spacing:-.3px}#adjustments .block .description{ color:var(--text-body-01, #181818); line-height:1.5; letter-spacing:-.08px}#adjustments .block .description-small{ color:var(--text-body-01); font-size:14px; line-height:1.5; letter-spacing:-.07px}#adjustments .block .description-small .item{ display:none}#adjustments .block .description-small .item.active{ display:block}#adjustments .phase{ min-width:255px}#adjust-manually{ cursor:pointer; transition:color .4s; display:flex; gap:var(--spacing-3); align-items:center; user-select:none}#adjust-manually span{ position:relative}#adjust-manually span:before,#adjust-manually span:after{ position:absolute; content:""; width:14px; height:2px; background:#000; left:50%; top:50%; transform:translate(-50%,-50%)}#adjust-manually span:after{ position:absolute; content:""; width:14px; height:2px; background:#000; left:50%; top:50%; transform:translate(-50%,-50%) rotate(90deg); transition:transform .4s}#adjust-manually:hover{ color:var(--text-primary-default)}#adjust-manually.open span:after{ transform:translate(-50%,-50%) rotate(0deg)} #adjustments .charge-levels{ display:grid; grid-template-columns:repeat(2, 1fr); grid-template-rows:1fr; grid-column-gap:var(--spacing-11)}#adjustments .charge-levels .first { grid-area:1 / 1 / 2 / 2; }#adjustments .charge-levels .second { grid-area:1 / 2 / 2 / 3; } #charging-results{ display:flex; align-items:center; align-content:center; flex-wrap:wrap}#charging-results .results{ display:grid; grid-template-columns:repeat(auto-fit, minmax(480px, 1fr)); gap:var(--spacing-5)}#charging-results .snackbar-basic{ text-align:center; width:100%; justify-content:center; margin-bottom:var(--spacing-4)}#charging-results .snackbar-basic .sockets-ac.active,#charging-results .snackbar-basic .sockets-dc.active{ justify-content:center}#charging-results .attrs{ display:flex; padding:var(--spacing-5); align-items:center; align-content:center; justify-content:center; gap:16px var(--spacing-4); flex-wrap:wrap; height:fit-content; border-radius:var(--radius-m); background:var(--secondary-default)}#charging-results .attr{ display:flex; min-width:200px; flex-direction:column; align-items:center; gap:var(--spacing-1)}#charging-results .attr .title{ color:var(--text-body-01); font-size:20px; line-height:1.5; letter-spacing:-.3px}#charging-results .attr .value{ color:var(--text-body-01); font-size:20px; font-weight:700; line-height:1.5; letter-spacing:-.3px} .input-additional{ position:relative; overflow:hidden}.input-additional .before,.input-additional .after{ position:absolute; left:10px; top:50%; transform:translate(0, -50%); color:var(--text-body-02, #808080); font-size:18px; line-height:1.5; letter-spacing:-.09px; user-select:none}.input-additional .after{ right:10px; left:unset}#adjustments .price .input-additional .after,#adjustments .voltage .input-additional .after,#adjustments .amperage .input-additional .after,#adjustments .power .input-additional .after{ right:55%}#adjustments .price .input-additional input,#adjustments .voltage .input-additional input,#adjustments .amperage .input-additional input,#adjustments .power .input-additional input{ max-width:50%} #section-faq{ margin-top:var(--spacing-5)}#section-summary-ac,#section-summary-dc{ flex-direction:column; font-size:18px; letter-spacing:-.09px} #charging-calculator .hide-s1{ display:none!important} .section-share{ display:flex; align-items:center; gap:var(--spacing-2); margin-bottom:var(--spacing-5); height:fit-conter} .dc-incapable,.sockets-dc-empty{ margin-top:var(--spacing-4);}.snackbar-basic.inline.dc-incapable.active,.snackbar-basic.inline.sockets-dc-empty.active{ display:inline} #car-comments{ width:100%} @media(max-width:1279px) { #charging-calculator-sockets{ width:100% } #charging-calculator .scroll-manual{ display:none } #sockets .sockets-wrap{ overflow-x:auto; padding-bottom:var(--spacing-2); flex-direction:row; } #charging-calculator dl, #charging-calculator-sockets .car-charging-port .data{ font-size:14px; align-items: center; text-align: center; } #charging-calculator-sockets .car-charging-port{ flex-direction:column; min-width:190px } #charging-calculator-sockets .car-charging-port header .h4{ font-size:18px } #charging-calculator-sockets .car-charging-port dl{ justify-content: center; }}@media(max-width:991px){ #charging-calculator .charging-calculator-header{ grid-template-columns:1fr; gap:var(--spacing-5) } #charging-calculator .charging-calculator-header header{ order:-1 } #charging-calculator .charging-calculator-header .charging-calculator-car-card .details{ width:100%; display:grid; grid-template-columns:240px minmax(288px, 1fr); align-items:center } #charging-calculator .charging-calculator-header .charging-calculator-car-card .buttons{ flex-direction:row }}@media(max-width:767px){ #adjustments .line{ flex-wrap:wrap } #adjustments .voltage, #adjustments .amperage, #adjustments .temperature, #adjustments .price{ max-width:48%; max-width:calc(50% - var(--spacing-4) / 2) } #adjustments .phase{ text-align:center } #adjustments .phase .switcher-basic{ align-items:center } #charging-calculator-adjustments{ max-width:100% } .range-slider{ order:1; margin-top:var(--spacing-2) }} @media(max-width:575px){ #charging-calculator .charging-calculator-header .charging-calculator-car-card .details{ grid-template-columns:1fr } #charging-calculator .charging-calculator-header .charging-calculator-car-card .details > img{ margin:0 auto } #adjustments .temperature, #adjustments .price{ max-width:100% } #charging-results .attr{ min-width:calc(50% - 8px) } .section-share{ flex-wrap:wrap } .section-share .hide-mobile{ display:none } .section-share .expand-mobile{ width:100% } #charging-results .results{ grid-template-columns:1fr }}@media(max-width:479px){ #adjustments .voltage, #adjustments .amperage{ max-width:100% } #adjustments .charge-levels{ grid-column-gap:var(--spacing-5) } #charging-calculator .charging-calculator-header header, #section-summary-ac, #section-summary-dc{ font-size:16px; letter-spacing:.08px } #charging-calculator .charging-calculator-header .charging-calculator-car-card .details{ display:flex } #charging-calculator .charging-calculator-header .charging-calculator-car-card .buttons{ flex-direction:column } #charging-calculator .charging-calculator-header .charging-calculator-car-card .buttons .expand{ width:100% }}.faq-wrap{ display: flex; flex-direction: column; gap: var(--spacing-2); margin-top:var(--spacing-2)}.faq-wrap .item{ display: flex; flex-direction: column; overflow:hidden}.faq-wrap .item header{ display: flex; padding: var(--spacing-2) 0; align-items: center; gap: var(--spacing-3); color: var(--text-body-01, #181818); font-size: 24px; font-weight: 600; line-height: 1.2; letter-spacing:-.48px; cursor:pointer; user-select:none; padding:var(--spacing-2) 0; transition:color .4s; position:relative}.faq-wrap .item header span{ display:flex; min-height:40px; align-items:center}.faq-wrap .item header button{ position:relative; aspect-ratio:1/1}.faq-wrap .item header button:after,.faq-wrap .item header button:before{ position:absolute; content:""; width:14px; height:2px; background:#000; left:50%; top:50%; transform:translate(-50%, -50%)}.faq-wrap .item header button:before{ transform:rotate(90deg); transition:transform .4s; left:33%; top:48%}.faq-wrap .item header:hover button:before,.faq-wrap .item header:hover button:after{ background:var(--primary-hover)}.faq-wrap .item header:hover,.faq-wrap .item header:hover{ color:var(--text-primary-hover)}.faq-wrap .item header:active,.faq-wrap .item header:active{ color:var(--text-primary-active)}.faq-wrap .item .answer{ color: var(--text-body-01); font-size: 18px; line-height:1.5; letter-spacing:-.08px; max-height:0; transition: max-height .4s}.faq-wrap .item.active .answer{ max-height:1000px}.faq-wrap .item .answer p{ margin:0 0 12px}.faq-wrap .item.active header button:before{ transform:rotate(0deg) translate(-50%, -50%); top:50%; left:50%}.faq-wrap .snackbar-basic.inline{ display:flex; font-size:18px}@media(max-width:479px){ .faq-wrap .item header{ font-size:18px } .faq-wrap .item .answer, .faq-wrap .snackbar-basic.inline{ font-size:16px }}.car-card-slider{ display:flex; width:100%; flex-direction:column; margin-top:var(--spacing-9)}.car-card-slider .car-card-slider-list{ display:flex; width:100%; margin-top:var(--spacing-5); gap:var(--spacing-2); overflow:hidden; overflow-x:auto; padding-bottom:var(--spacing-2)}.car-card-slider .car-card-slider-list .item{ padding:var(--spacing-5); background:var(--tertiary-default); border-radius:var(--radius-m); width:100%; display:flex; flex-direction:column; gap:var(--spacing-2); min-width:272px; max-width:272px; color:var(--text-body-01); transition:background .4s}.car-card-slider .car-card-slider-list .item:hover{ background:var(--tertiary-hover)}.car-card-slider .car-card-slider-list .item:active{ background:var(--tertiary-active)}.car-card-slider .car-card-slider-list .item .pic{ height:120px; width:100%; display:flex; align-items:center; justify-content:center}.car-card-slider .car-card-slider-list .item .title{ display:flex; text-align:center; width:100%; flex-direction:column; line-height:1.5; display:inline-block; font-size:18px; font-weight:700; letter-spacing:-.09px}.car-card-slider .car-card-slider-list .item .title span{ font-weight:400; display:block}.car-card-slider .car-card-slider-list .item .title,.car-card-slider .car-card-slider-list .item .title span{ text-overflow:ellipsis; overflow:hidden; text-wrap:nowrap}.car-card-slider .car-card-slider-list .item .specs{ }.car-card-slider .car-card-slider-list .item .specs .snackbar-basic{ width:100%; margin-bottom:var(--spacing-2); min-height:unset}.car-card-slider .car-card-slider-list .item .specs dl{ margin:0; padding:0; display:flex; justify-content:space-between; line-height:1.5; font-size:16px}.car-card-slider .car-card-slider-list .item .specs dd{ margin-left: 0; font-weight:500} .car-card-slider .car-card-slider-list .item .buttons{ display:flex; max-width:100%; justify-content:space-between; gap:var(--spacing-2); margin-top:auto; position:relative}.car-card-slider .car-card-slider-list .item .buttons .car-page{ width:100%; flex:1} @media(max-width:767px){ .car-card-slider .car-card-slider-list{ width:auto; }}.video-clear{ display:flex; flex-direction:column; gap:var(--spacing-3) } .video-clear .preview{ aspect-ratio: 16 / 9; border-radius: var(--radius-m); overflow: hidden; position: relative; } .video-clear .preview .play{ position:absolute; display:flex; width:56px; height:56px; align-items:center; justify-content:center; border-radius: var(--radius-m); background: var(--secondary-default); top:50%; left:50%; transform:translate(-50%, -50%) } .video-clear .preview .play svg use{ fill: var(--text-primary-default); } .video-clear .preview .play img{ width:24px; height:24px } .video-clear .content{ display: flex; flex-direction: column; gap: var(--spacing-1) } .video-clear .title{ overflow: hidden; color: var(--text-body-01); text-overflow: ellipsis; font-size: 18px; line-height:1.5; letter-spacing:-.09px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .video-clear .details{ display: flex; gap: var(--spacing-3); justify-content:space-between; width:100% } .video-clear .details .channel{ overflow: hidden; color: var(--text-body-02); text-overflow: ellipsis; text-wrap:nowrap; line-height:1.5; letter-spacing:-.08px; } .video-clear .details .duration{ color: var(--text-body-02); line-height: 1.5; letter-spacing:-.08px } .video-clear:hover .preview .play{ background: var(--secondary-hover); z-index: 2; } .video-clear .preview::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); transition: background-color 0.3s ease; z-index: 1; } .video-clear:hover .preview::after { background-color: rgba(0, 0, 0, 0.2); } @media(max-width:1279px){ .video-clear{ flex: 1; min-width:240px } }.comments-replace{ max-width:var(--container-width-max); width:100%; display:flex; flex-direction:column; align-items:center; gap:var(--spacing-4) } .comments-replace > header{ display:flex; flex-direction:column; gap:var(--spacing-4); width:100% } .comments-replace > header .h2, .comments-replace > header .description{ text-align: center; } .comments-replace > header .description{ font-size: 18px; text-align: center; } .comments-wrap{ margin-top:var(--spacing-5) } .comments-replace, .comments-wrap{ width:100%; max-width:800px; margin:0 auto } .comments-wrap .description{ margin-top:var(--spacing-4) } .comments-wrap .comments-count{ display:flex; align-items:center; gap:var(--spacing-6); margin:var(--spacing-8) 0 } .comments-wrap .comments-count .title{ color:var(--text-body-01); font-size:24px; font-style:normal; font-weight:600; line-height:1.2; letter-spacing:-.48px } .comments-wrap .comments-list{ display:flex; flex-direction:column } .comments-wrap .comments-list .comment{ display:flex; padding-top:var(--spacing-3); flex-direction:column; gap:var(--spacing-3) } .comments-wrap .comments-list .comment.depth-1{ padding-left:var(--spacing-5); border-left: 2px dashed var(--border-light); padding-top:calc(var(--spacing-5) + var(--spacing-3)); } .comments-wrap .comments-list .comment.depth-2{ padding-left:calc(var(--spacing-5) * 2); border-left: 2px dashed var(--border-light); position:relative } .comments-wrap .comments-list .comment.depth-3{ padding-left:calc(var(--spacing-5) * 3); border-left: 2px dashed var(--border-light); position:relative } .comments-wrap .comments-list .comment.depth-2:before, .comments-wrap .comments-list .comment.depth-3:before, .comments-wrap .comments-list .comment.depth-3:after{ content:""; height:100%; display:block; border-left: 2px dashed var(--border-light); width:2px; position:absolute; left:var(--spacing-5); top:0 } .comments-wrap .comments-list .comment.depth-3:after{ left:calc(var(--spacing-5) * 2) } .comments-wrap .comments-list .comment header{ display:flex; align-items:baseline; gap:0px var(--spacing-3); flex-wrap:wrap } .comments-wrap .comments-list .comment header .author{ color:var(--text-body-01); font-size:20px; font-weight:700; line-height:1.5; letter-spacing:-.3px } .comments-wrap .comments-list .comment header .date{ color:var(--text-body-02); line-height:1.5; letter-spacing:-.08px } .comments-wrap .comments-list .comment .text{ color:var(--text-body-01); font-size:18px; line-height:1.5; letter-spacing:-.09px } .comments-wrap .comments-list .comment .buttons{ display:flex } .comments-wrap .comments-list .comment .buttons .reply{ display:flex; height:40px; padding:0; justify-content:center; align-items:center; gap:var(--spacing-2); background:transparent; color:var(--text-body-01, #181818); text-align:center; font-weight:500; line-height:1.5; font-size:16px; letter-spacing:-.08px; cursor:pointer } @media (max-width: 480px) { .comments-replace > header .description{ font-size: 16px; } }#chili_page_comment_form{ display: flex; padding: var(--spacing-5); flex-direction: column; gap: var(--spacing-3); border-radius: var(--radius-m); background: var(--tertiary-default);}#chili_page_comment_form .button-basic{ width:100%; max-width:unset}#chili_page_comment_form textarea{ resize: vertical; overflow: hidden; transition: height .3s ease;}/**Top menu**/#horizontal-multilevel-menu,#horizontal-multilevel-menu ul{ margin:0; padding:0; list-style:none; float:left} #horizontal-multilevel-menu { display:flex; gap:var(--spacing-5); justify-content:space-between; width:100%; align-items:center} #horizontal-multilevel-menu a{ font-size:18px; letter-spacing:-.09px; display:block; text-decoration:none; text-align:center; line-height:1.5; color:var(--text-body-01)}#horizontal-multilevel-menu a:hover{ border-bottom:1px solid var(--primary-hover); color:var(--primary-hover)}#horizontal-multilevel-menu a:active{ border-bottom:1px solid var(--primary-active); color:var(--primary-active)} #horizontal-multilevel-menu li{ float:left;}#horizontal-multilevel-menu li.disabled{ position:relative}#horizontal-multilevel-menu li.disabled a{ color:var(--text-primary-disabled); user-select:none; pointer-events:none}#horizontal-multilevel-menu li .hint-ui{ display:none}#horizontal-multilevel-menu li.disabled:hover .hint-ui{ display:flex} /*Sub-menu box*/#horizontal-multilevel-menu li ul{ position:absolute; /*top:-999em;*/ top:auto; display:none; z-index:500; height:auto; width:15rem; margin-left:-.5rem; background:#eee; border-bottom:1px solid #bbb; border-radius:0 0 10px 10px} /*Sub-menu item box*/#horizontal-multilevel-menu li li{ width:100%; padding:.5rem .7rem}#horizontal-multilevel-menu li li:not(:last-child){ border-bottom:1px solid #bbb;} #horizontal-multilevel-menu li ul ul{ margin:-27px 0 0 132px;} #horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{ display:none;} #horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{ display:block} div.menu-clear-left{ clear:left;}#horizontal-multilevel-menu li a.root-item-selected{ font-weight:500; color:var(--primary-active)} @media(max-width:1279px){ #horizontal-multilevel-menu { gap: var(--spacing-4); } #horizontal-multilevel-menu a{ font-size:16px; letter-spacing:-.08px }}@media(max-width:479px){ #horizontal-multilevel-menu{ gap:unset }}#title-search{ display:flex; position:relative; background:#f4f4f4; border-radius:var(--radius-m); height:48px; width:100%; max-width:328px}#title-search input{ background:transparent; border:2px solid var(--border-light); padding:var(--spacing-3) 0 var(--spacing-3) var(--spacing-7); height:48px; background:var(--surface-white); border-radius:var(--radius-m); font-family:'Inter',Arial,Helvetica,sans-serif}#title-search input:focus-visible,#title-search input{ outline-color:var(--primary-active)}#title-search #input_search,#title-search #delete-search{ appearance:none; border:none; display:flex; width:24px; align-items:center; justify-content:center; background:transparent; position:absolute; left:12px; top:50%; transform:translate(0, -50%); cursor:pointer}#title-search #input_search svg,#title-search #delete-search svg{ min-width:24px; width:24px; height:24px; fill:var(--text-body-02)}#title-search #delete-search{ display:none; right:12px; left:unset}.title-search-result{ display:none; flex-direction:column; padding:var(--spacing-2); border-radius:var(--radius-m); border:2px solid var(--border-light); background:var(--surface-white); z-index:50; margin-top:8px}.title-search-result .title{ padding:var(--spacing-4) var(--spacing-3) var(--spacing-2); color:var(--text-body-02); font-size:16px}.title-search-result a{ line-height:1.5; font-size:16px; letter-spacing:-.08px}.title-search-result a:not(.button-basic){ display:block; padding:var(--spacing-3); border-radius:var(--radius-m); max-height:70px; height:fit-content; color:var(--text-body-01); transition:background .4s}.title-search-result a:not(.button-basic):hover{ background:var(--tertiary-active); color:var(--text-body-01)}@media(max-width:1279px){ #title-search, #title-search input{ max-width:100%; width:100% }}.breadcrumbs-main{ max-width:1392px; display:flex; margin:var(--spacing-5) auto; padding:0 0 var(--spacing-2); width:100%; width:auto; overflow-x:auto; list-style:none}.breadcrumbs-main li{ display:contents; color:var(--text-body-02); align-items:center}.breadcrumbs-main li svg{ min-width:24px; fill:var(--text-body-02)}.breadcrumbs-main li a,.breadcrumbs-main li .current{ border-bottom:1px solid transparent}.breadcrumbs-main li a{ color:var(--text-body-02); line-height:1.5; font-size:16px; border-bottom:1px solid transparent; letter-spacing:-.08px}.breadcrumbs-main li a:hover{ color:var(--text-primary-hover); border-color:var(--text-primary-hover)}.breadcrumbs-main li a:active{ color:var(--text-primary-active); border-color:var(--text-primary-active)}.breadcrumbs-main li .current{ font-weight:500; color:var(--text-primary-default)}.breadcrumbs-main span{ white-space:nowrap} @media(max-width:1439px){ .breadcrumbs-main{ margin-inline:var(--spacing-7); }}@media(max-width:767px){ .breadcrumbs-main{ margin-inline:var(--spacing-4); }}.menu-bottom ul{ display:flex; gap:var(--spacing-5); list-style:none; margin:0; padding:0; flex-wrap:wrap}.menu-bottom li.disabled{ position:relative}.menu-bottom li.disabled a{ color:var(--text-primary-disabled); user-select:none; pointer-events:none}.menu-bottom li a{ color:var(--text-body-01); font-size:18px;}.menu-bottom li.active a{ font-weight:500; color:var(--primary-active)}.menu-bottom li a:hover{ border-bottom:1px solid var(--primary-hover); color:var(--primary-hover)}.menu-bottom li a:active{ border-bottom:1px solid var(--primary-active); color:var(--primary-active)}.menu-bottom li .hint-ui{ display:none}.menu-bottom li.disabled:hover .hint-ui{ display:flex}#compare-button{ position:fixed; right:80px; bottom:40px; display:flex; border-radius:var(--radius-m); border:2px solid var(--primary-default); background:var(--secondary-default); padding:var(--spacing-2) var(--spacing-3); width:fit-content; align-items:center; height:56px; z-index:2}#compare-button.hide{ display:none}#compare-button .compare-button-wrap{ display:flex; width:fit-content; gap:var(--spacing-2); align-items:center}#compare-button .compare-button-wrap .compare{ display:flex; gap:var(--spacing-2); align-items:center}#compare-button .compare-button-wrap .compare .count{ color:var(--text-primary-default); font-size:20px; line-height:150%; letter-spacing:-.3px}#compare-button .compare-button-wrap .compare img{ min-width:64px; width:64px; height:auto}#compare-button .bx_catalog-compare-list{ position:absolute; bottom:0; background:var(--surface-white); display:flex; visibility:hidden; padding:var(--spacing-5) var(--spacing-4); flex-direction:column; gap:var(--spacing-5); width:375px; flex-shrink:0; left:0; right:0; max-height:0; overflow:hidden; border-radius:var(--radius-m); border:2px solid var(--border-light); transition:max-height 1s}#compare-button .bx_catalog-compare-list .title{ font-size:24px; display:flex; justify-content:space-between; color:var(--primary-default); font-weight:700; align-items:center}#compare-button .bx_catalog-compare-list .title .items-to-compare-count{ font-size:16px; font-weight:500; margin-top:var(--spacing-1); letter-spacing:-.08px}#compare-button .bx_catalog-compare-list .title .expand svg,#compare-button .compare-button-wrap .expand svg{ width:24px; height:24px}#compare-button .compare-button-wrap .expand svg{ transform:rotate(-90deg)}#compare-button .bx_catalog-compare-list .title .expand svg{ transform:rotate(90deg)}#compare-button .bx_catalog-compare-list .title{ font-size:24px; color:var(--primary-default); font-weight:700}#compare-button .bx_catalog-compare-list .compare-items{ display:flex; gap:var(--spacing-2); flex-direction:column; max-height:24vh; max-height:calc(80vh - 270px); overflow-y:auto}#compare-button .bx_catalog-compare-list .item{ display:flex; gap:var(--spacing-2); padding-right:var(--spacing-3); font-size:16px; align-items:center}#compare-button .bx_catalog-compare-list .item .close svg{ fill:var(--text-body-02)}#compare-button .bx_catalog-compare-list .item .close:hover svg{ fill:var(--text-body-01)}#compare-button .bx_catalog-compare-list .item a{ color:var(--text-body-01)}#compare-button .bx_catalog-compare-list .item button{ margin-left:auto}#compare-button .bx_catalog-compare-list .item .img{ width:64px; min-width:64px; height:32px; display:flex; align-items:center}#compare-button .bx_catalog-compare-list .item .img img{ width:64px; height:auto}#compare-button .bx_catalog_compare_count{ display:flex; flex-direction:column; gap:var(--spacing-2); justify-content:center}#compare-button .bx_catalog_compare_count .button-basic{ width:100%}#compare-button.hover{ border:none; min-width:325px; margin-right:50px}#compare-button.hover .bx_catalog-compare-list{ visibility:visible; max-height:80vh}#compare_list_count{ margin-right:var(--spacing-neg-4); margin-right:calc(var(--spacing-neg-4) + 2px); overflow:hidden} #snackbar-cleared:not(.active){ display:none} @media(max-width:767px){ #compare-button{ right:0; bottom:1px; border-radius:var(--radius-m) 0 0 0 } #compare-button.hover{ bottom:40px }} @media(max-width:479px){ #compare-button{ right:0; bottom:0; border-radius:var(--radius-m) 0 0 0 } #compare-button.hover{ min-width:100%; bottom:1px } #compare-button.hover .bx_catalog-compare-list{ top:0; position:fixed; max-height:unset; border:0 } #compare-button .bx_catalog-compare-list{ width:100% } #compare_list_count, #compare-button .bx_catalog-compare-list .compare-items{ max-height:calc(100% - 270px) } #compare-button .bx_catalog-compare-list .compare-items{ max-height:100% } #compare-button .compare_from_wrap{ display:flex; flex-direction:column; height:100% } #compare-button .bx_catalog_compare_count{ margin-top:auto; width:100% } .body-overflow-hidden{ overflow:hidden }}@media(max-width:390px){ #compare-button .bx_catalog-compare-list .item{ font-size:14px } #compare-button .bx_catalog-compare-list .item .img{ width:48px; min-width:48px; height:24px; display:flex; align-items:center } #compare-button .bx_catalog-compare-list .item .img img{ width:48px; min-width:48px; height:fit-content }} .range-slider{ height:var(--spacing-5) } .rs-container { position:relative } .rs-container .rs-bg, .rs-container .rs-selected { background:var(--secondary-default); height:var(--spacing-1); left:0; position:absolute; top:5px; width:100%; border-radius:2px } .rs-container .rs-selected { background:var(--primary-default); width:0 } .rs-container.disabled .rs-selected { background-color:#ccc; border-color:#bbb; } .rs-container .rs-pointer { width:var(--spacing-6); height:var(--spacing-6); background:var(--primary-default); border-radius:100%; cursor:pointer; left:calc(var(--spacing-5) / 2); position:absolute; top:-10px; border:var(--spacing-1) solid var(--tertiary-default) } .rs-container .rs-scale { left:0; position:absolute; top:5px; white-space:nowrap } .rs-tooltip { color:#333; width:auto; min-width:60px; height:30px; position:relative; background:#fff; border:1px solid #00969b; border-radius:3px; position:absolute; transform:translate(-50%, -35px); left:13px; text-align:center; font-size:13px; padding:6px 10px 0 } .rs-container.disabled .rs-tooltip { border-color:#ccc; color:#999 }@font-face{ font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap; src:local('Inter'), url('/fonts/inter/Regular.woff2?v2') format('woff2'), url('/fonts/inter/Regular.woff?v2') format('woff')}@font-face{ font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap; src:local('Inter Medium'), url('/fonts/inter/Medium.woff2?v2') format('woff2'), url('/fonts/inter/Medium.woff?v2') format('woff')}@font-face{ font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap; src:local('Inter Semibold'), url('/fonts/inter/SemiBold.woff2?v2') format('woff2'), url('/fonts/inter/SemiBold.woff?v2') format('woff')}@font-face{ font-family:'Inter'; font-style:normal; font-weight:700; font-display:swap; src:local('Inter Bold'), url('/fonts/inter/Bold.woff2?v2') format('woff2'), url('/fonts/inter/Bold.woff?v2') format('woff')}:root{ --marine-blue-25:#f4f6f6; --marine-blue-50:#e6ebec; --marine-blue-65:#DAE6E9; --marine-blue-75:#CCDCDF; --marine-blue-200:#8aa4a7; --marine-blue-300:#547b7f; --marine-blue-400:#336166; --marine-blue-500:#003a40; --marine-blue-600:#00353a; --acid-green-500:#7acc00; --night-blue-500:#081f2c; --white:#ffffff; --neutral-50:#f6f6f6; --neutral-100:#ededed; --neutral-200:#e0e0e0; --neutral-300:#c7c7c7; --neutral-500:#959595; --neutral-600:#808080; --neutral-900:#181818; --error-50:#fdede8; --error-500:#ec4a17; --error-600:#d74315; --warning-50:#fffbe6; --warning-500:#ffd600; --warning-800:#8c7600; --success-50:#f0f7e6; --success-500:#6bb200; --success-700:#4c7e00; }:root{ --primary-default:var(--marine-blue-500); --primary-hover:var(--marine-blue-400); --primary-active:var(--marine-blue-600); --primary-disabled:var(--marine-blue-50); --secondary-default:var(--marine-blue-50); --secondary-hover:var(--marine-blue-65); --secondary-active:var(--marine-blue-75); --tertiary-default:var(--neutral-50); --tertiary-hover:var(--neutral-100); --tertiary-active:var(--neutral-200); --success-text:var(--success-700); --success-bg:var(--success-500); --success-ghost-bg:var(--success-50); --warning-text:var(--warning-800); --warning-bg:var(--warning-500); --warning-ghost-bg:var(--warning-50); --error-text:var(--error-600); --error-bg:var(--error-500); --error-ghost-bg:var(--error-50); --text-primary-default:var(--marine-blue-500); --text-primary-hover:var(--marine-blue-400); --text-primary-active:var(--marine-blue-600); --text-primary-disabled:var(--marine-blue-200); --text-body-01:var(--neutral-900); --text-body-02:var(--neutral-600); --text-body-01-inverse:var(--white); --text-body-02-inverse:var(--neutral-300); --text-link-default:var(--marine-blue-300); --text-link-hover:var(--marine-blue-200); --text-link-active:var(--marine-blue-400); --border-light:var(--neutral-200); --border-dark:var(--neutral-500); --surface-white:var(--white); --surface-marine:var(--marine-blue-25); --surface-01:var(--neutral-50); --surface-02:var(--neutral-100); --surface-03:var(--neutral-300); --text-body-01-inverse-icon:invert(100%); --text-body-01-icon:invert(5%) sepia(2%) saturate(206%) hue-rotate(314deg) brightness(109%) contrast(92%); --text-body-02-icon:invert(55%) sepia(11%) saturate(3%) hue-rotate(333deg) brightness(89%) contrast(87%); --text-body-03-icon:invert(68%) sepia(88%) saturate(1%) hue-rotate(51deg) brightness(100%) contrast(89%); --text-primary-default-icon:invert(18%) sepia(16%) saturate(3326%) hue-rotate(144deg) brightness(92%) contrast(102%); --text-primary-hover-icon:invert(32%) sepia(48%) saturate(391%) hue-rotate(138deg) brightness(92%) contrast(90%); --text-primary-active-icon:invert(18%) sepia(19%) saturate(2551%) hue-rotate(141deg) brightness(88%) contrast(105%); --text-primary-disabled-icon:invert(67%) sepia(13%) saturate(415%) hue-rotate(138deg) brightness(94%) contrast(84%); --success-text-icon:invert(40%) sepia(66%) saturate(5886%) hue-rotate(63deg) brightness(98%) contrast(104%); --warning-text-icon:invert(38%) sepia(26%) saturate(4033%) hue-rotate(37deg) brightness(95%) contrast(101%); --error-text-icon:invert(35%) sepia(93%) saturate(3216%) hue-rotate(355deg) brightness(87%) contrast(92%); }h1, h2, h3, h4, h5, h6{ font-size:16px; text-align:left; font-weight:700; margin:0 } .h1{ font-size:44px; line-height:1.2; letter-spacing:-1.3px } .h2{ font-size:36px; line-height:1.2; letter-spacing:-.9px } .h3{ font-size:28px; font-weight:600; line-height:1.2; letter-spacing:-.6px } .h4{ font-size:24px; font-weight:600; line-height:1.2; letter-spacing:-.4px } .h5{ font-size:18px; font-weight:700; line-height:1.2; letter-spacing:-.09px } .h1 span, .h2 span, .h3 span, .h4 span, .h5 span{ color:var(--text-primary-default) } @media(max-width:479px) { .h1{ font-size:32px; letter-spacing:-.7px } .h2{ font-size:28px; letter-spacing:-.6px } .h3{ font-size:24px; letter-spacing:-.4px } .h4{ font-size:20px; letter-spacing:-.3px } .h5{ font-size:16px; letter-spacing:0 } }*{ box-sizing:border-box; scroll-margin-top:72px}:root{ --container-width-max:1392px; --spacing-1:4px; --spacing-2:8px; --spacing-3:12px; --spacing-4:16px; --spacing-5:24px; --spacing-6:32px; --spacing-7:40px; --spacing-8:48px; --spacing-9:64px; --spacing-10:80px; --spacing-11:120px; --spacing-neg-1:-4px; --spacing-neg-2:-8px; --spacing-neg-3:-12px; --spacing-neg-4:-16px; --spacing-neg-5:-24px; --spacing-neg-6:-32px; --spacing-neg-7:-40px; --radius-none:0; --radius-xs:4px; --radius-s:8px; --radius-m:12px; --radius-l:16px; --radius-xl:24px; --radius-rounded:50%}body{ vertical-align:baseline; background:#fff; margin:0; padding:0; border:0; outline:0 none; color:#000; font-family:'Inter',Arial,Helvetica,sans-serif; font-size:16px; line-height:1.4; letter-spacing:0; font-weight:400} a{ color:var(--text-link-default); text-decoration:none; transition:color .4s, background .4s}a:hover{ color:var(--text-link-hover)}a:active{ color:var(--text-link-active)}a.link{ color:var(--text-link-default); text-decoration:none; transition:color .4s, background .4s; width:fit-content; font-weight:500; border-bottom:1px solid transparent}a.link:hover{ color:var(--text-link-hover); border-color:var(--text-primary-hover)}a.link:active{ color:var(--text-link-active)}table{ border-spacing:0}img{ width:100%; max-width:100%; height:auto}strong,th{ font-weight:inherit; text-align:inherit}address,var{ font-size:inherit; font-weight:inherit; font-style:inherit; display:inline}p{ margin:var(--spacing-4) 0}button{ appearance:none; border:0; font-family:'Inter',Arial,Helvetica,sans-serif; background:inherit; font:inherit;}::-webkit-scrollbar{ width:4px; height:8px}body::-webkit-scrollbar{ width:8px; height:8px}::-webkit-scrollbar-track{ background:var(--surface-02); border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb{ background:var(--surface-03); border-radius:var(--radius-xs); cursor:grab} .divider{ display:flex; width:340px; max-width:100%; padding:var(--spacing-2) var(--spacing-4); align-items:flex-start; background:var(--surface-white)}.divider:after{ content:""; width:100%; height:1px; background:var(--border-light);} .iframe-16-9{ position:relative; overflow:hidden; width:100%; padding-top:56.25%}.responsive-iframe{ position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%} iframe{ max-width:100%; border:0}.text-bold{ font-weight:700}.hide{ clip:rect(1px,1px,1px,1px); height:1px; overflow:hidden; position:absolute; white-space:nowrap; width:1px!important; z-index:-1000; -webkit-user-select:none}.w100{ width:100%}.overflow-hidden{ overflow:hidden}textarea{ resize:none; width:100%; font-size:18px; min-height:5rem; border:1px solid #333; border-radius:var(--radius-m); border:2px solid var(--border-light); background:var(--surface-white); border-radius:10px; padding:var(--spacing-3); font-family:'Inter',Arial,Helvetica,sans-serif}select{ font:inherit; letter-spacing:inherit; word-spacing:inherit; cursor:pointer} .container-ads .adsbygoogle{ display:block}.container-ads:has(.adsbygoogle[data-ad-status="unfilled"]){ display:none} .container-ads.footer{ width:100%; max-width:var(--container-width-max); height:300px; margin:var(--spacing-5) auto 0}.container-ads.footer .adsbygoogle{ height:300px} #header,.container{ width:100%; max-width:var(--container-width-max); margin:0 auto} #header{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:var(--spacing-3) 0 0; background:var(--surface-white)}#header .left{ display:flex; justify-content:space-between; align-items:center; gap:var(--spacing-5)}#header .logo,#footer .logo{ width:192px; line-height:1}#header .menu{ display:flex; align-items:center}#header .other-countries{ display:flex; gap:var(--spacing-2); align-items:center}#header .other-countries button,#header .other-countries a{ display:flex; align-items:center; transition:background .4s; color:var(--text-body-01); height:48px; line-height:1; padding: 0;}#header .other-countries a{ filter: grayscale(1); opacity:.3; transition:opacity .4s}#header .other-countries button img,#header .other-countries img{ width:24px; height:24px; min-width:24px; min-height:24px}#header .other-countries button .leftside,#header .other-countries .leftside{ min-width: 24px; min-height: 24px; margin-right:var(--spacing-1)}#header .other-countries button .title,#header .other-countries .title{ display:block; line-height:1.5; font-size:14px;}#header .other-countries .countries-dropdown{ display:none; position:absolute; width:100%; z-index:1; border-radius:var(--radius-m); border:2px solid var(--border-light); background:var(--surface-white); overflow:hidden}#header .other-countries a:hover{ filter: none; opacity:1}#header .other-countries a:active{ opacity:1}#header .other-countries button .expand{ transition:transform .4s; fill:var(--text-body-02); margin:0 var(--spacing-2); min-width: 24px; min-height: 24px; flex: 1;}@media (max-width: 479px) { #header .other-countries button { max-width: 120px; }}@media (pointer:fine) { #header .other-countries:hover .countries-dropdown{ display:block; border-color:var(--tertiary-hover) } #header .other-countries:hover button{ border-color:var(--primary-hover) } #header .other-countries:hover button .expand{ transform:rotate(180deg); fill:var(--text-primary-default) }}#header .other-countries.active .countries-dropdown{ display:block; border-color:var(--tertiary-hover)} #header .other-countries.active button{ border-color:var(--primary-hover)}#header .other-countries.active button .expand{ transform:rotate(180deg)} #footer{ width:100%; background:var(--surface-01); margin-top:var(--spacing-9); padding:var(--spacing-7) 0}#footer .top,#footer .bottom{ width:100%; max-width:var(--container-width-max); margin:0 auto; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:var(--spacing-5)}#footer .top .contacts{ width:100%; display:flex; flex-direction:column; gap:var(--spacing-3)}#footer .top{ padding-bottom:var(--spacing-6); border-bottom:2px solid var(--border-light)}#footer .top .contacts .title{ font-weight:700}#footer .copyright{ letter-spacing:-.07px; font-size:14px; color:var(--text-body-02); padding:var(--spacing-4) 0}#footer .links{ display:flex; align-items:center; justify-content:space-between; width:100%; flex-wrap:wrap; gap:var(--spacing-3)}#footer .links .social-networks{ display:flex; gap:var(--spacing-2)}#header .breadcrumbs-main{ order:4} #comparelistchange{ position:fixed; top:0; left:0; right:0; background:var(--marine-blue-500); color:#fff; padding:16px; display:none; justify-content:center}#comparelistchange.active{ display:flex}#comparelistchange.active.removed .added{ display:none}#comparelistchange.active.removed .removed{ display:block}#comparelistchange.active.added .added{ display:block}#comparelistchange.active.added .removed{ display:none} #feedbackPopupWrap{ display:none; position:fixed; top:0; bottom:0; left:0; right:0; align-items:center; justify-content:center; z-index:1000}#feedbackPopupWrap .wrap{ width:100%; height:100%; display:flex}#feedbackPopupWrap .overlay{ position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.8); z-index:5; cursor:pointer}#feedbackPopupWrap.active{ display:flex} .button-basic.share-link-button{ display:none}.button-basic.share-link-button.inline{ display:flex}.share-link-heading .button-basic.share-link-button{ margin-left:var(--spacing-2)}.share-link-heading:hover .button-basic.share-link-button{ display:inline-flex; height:auto; vertical-align:middle} @media(max-width:1439px){ #header, #footer .top, #footer .bottom, .container{ max-width:100%; max-width:-webkit-fill-available; margin-left:var(--spacing-7); margin-right:var(--spacing-7) }}@media(max-width:1279px){ #header{ gap:var(--spacing-4) 0 } #header .logo{ width:166px } #footer .menu-bottom li a{ font-size: 16px; letter-spacing: -.08px; }}@media(max-width:767px){ #header, #footer .top, #footer .bottom, .container{ margin-left:var(--spacing-4); margin-right:var(--spacing-4) } #header .left{ width:100% } #header .menu{ margin:0 auto }}@media(max-width:479px){ #header .left, #header .menu{ width:100% } #header .logo{ width:140px } #header .left{ gap:unset } #header .other-countries button, #header .other-countries a{ height:40px } #header .other-countries button .title, #header .other-countries .title{ font-size:16px; line-height:1.5; letter-spacing:-.08px } .iframe-16-9{ padding-top:0; height:400px }}input[type="text"], input[type="tel"], input[type="number"], input[type="email"]{ -webkit-appearance:none; -moz-appearance:none; appearance:none; border:2px solid var(--border-light); padding:var(--spacing-3); max-width:100%; min-width:1px; width:100%; font-size:18px; background:var(--surface-white); border-radius:var(--radius-m); font-family:'Inter', Arial, Helvetica, sans-serif } input:-webkit-autofill{ -webkit-box-shadow:0 0 0px 1000px #e4eaf1 inset } input[type="text"]::-webkit-input-placeholder, input[type="text"]::-moz-placeholder, input[type="text"]::-placeholder, input[type="text"]::-ms-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="tel"]::-moz-placeholder, input[type="tel"]::-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="email"]::-moz-placeholder, input[type="email"]::-placeholder, input[type="email"]::-ms-input-placeholder{ font-family:'Inter',Arial,Helvetica,sans-serif; opacity:.7; font-weight:200 } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{ z-index:1 } input[type="text"]:disabled, input[type="tel"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="text"]:disabled + .after, input[type="tel"]:disabled + .after, input[type="number"]:disabled + .after, input[type="email"]:disabled + .after{ opacity:.3 } .input-additional{ position:relative; overflow:hidden } .input-additional.switcher input{ display:none } .input-additional.switcher input.active{ display:inline } .input-additional .before, .input-additional .after{ position:absolute; left:10px; top:50%; transform:translate(0, -50%); color:var(--text-body-02); font-size:18px; line-height:1.5; letter-spacing:-.09px; user-select:none } .input-additional .after{ right:10px; left:unset } .input-additional .after.switcher-basic{ right:4px } .input-additional .after.switcher-basic .items{ box-shadow:none; padding:0 } .input-additional .after.switcher-basic .items .item{ font-size:14px } .input-additional .after.switcher-basic .items .item:not(.active){ color:var(--text-body-02) } .input-additional .after.switcher-basic .items .item svg{ height:20px } .input-additional .after.switcher-basic .items .item.active svg{ width:20px } .input-fields input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]){ display:flex; align-items:center; margin:1rem 0; border:none; border-radius:12px; width:100%; background:var(--bg10); height:56px; padding:16px 12px 0; font-size:16px; outline:none; border:1px solid transparent; transition:border .4s; background:#fff; border:1px solid #959595 } .input-fields input::placeholder{ opacity:0 } .input-fields input:focus-visible{ border:1px solid var(--marine-blue-500) } .input-fields input:focus-visible::placeholder{ opacity:1 } .input-fields input.false{ border:1px solid var(--error) } .input-fields .value{ display:block; max-width:100%; position:relative } .input-fields label{ width:100% } .input-fields label:focus-within input{ background:#fff } .input-fields label p, .input-fields .value span{ z-index:1; position:absolute; margin:1em 0; left:12px; top:0; display:block; user-select:none; color:var(--text02); transition:top .4s,font-size .4s,left .4s } .input-fields label:focus-within p, .input-fields label.focused p, .input-fields label:focus-within .value span, .input-fields label.focused .value span{ top:-7px; font-size:13px } .input-fields .field select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; border:1px solid transparent; border-radius:12px; width:100%; background:var(--bg10); height:56px; font-size:16px; font-weight:400; color:#000; margin:0; padding:1rem 0 0 1rem; outline:none; transition:border .4s; cursor:pointer; position:relative } .input-fields .field select:after{ content:""; background:url(/images/icons/chevron_icon.svg); width:0.75rem; height:0.75rem; background-size:0.75rem 0.75rem; margin-top:0.35rem; margin-left:0.5rem; display:block; float:right; transition:transform .4s } .input-fields .field select option{ padding:0; min-height:unset; color:#000 } .input-fields .field .field.check input, .input-fields .field .field.check select{ background-color:#ffcccc }.button-basic{ display:flex; height:48px; padding:0px var(--spacing-4); justify-content:center; align-items:center; gap:var(--spacing-2); flex-shrink:0; border-radius:var(--radius-m); font-size:20px; color:var(--text-body-01); text-align:center; font-family:Inter; font-style:normal; font-weight:500; line-height:27px; letter-spacing:-.3px; cursor:pointer; width:fit-content; background:transparent; user-select:none; border:none; transition:background .4s, opacity .4s}.button-basic.img-only{ padding:0}.button-basic.img-only span:not(.replace){ display:none}.button-basic.expand{ width:100%} .button-basic .replace{ display:flex; gap:inherit; align-items:center; justify-content:center}.button-basic img{ width:24px; height:24px; min-width:24px}.button-basic.disabled{ opacity:.3; pointer-events:none}.button-basic.disabled.compare-button-car{ pointer-events:auto} .button-basic.size-xl{ height:56px}.button-basic.size-l{ font-size:18px}.button-basic.size-m{ height:40px; font-size:16px}.button-basic.size-s{ height:32px; font-size:16px}.button-basic.img-only.size-xl{ width:56px}.button-basic.img-only.size-l{ width:48px}.button-basic.img-only.size-m{ width:40px}.button-basic.img-only.size-s{ width:32px} .button-basic.outline{ border:2px solid var(--border-light)}.button-basic.outline:hover{ background:var(--tertiary-hover); color:inherit}.button-basic.outline:active{ background:var(--tertiary-active)} .button-basic.primary{ background:var(--primary-default); color:var(--text-body-01-inverse);}.button-basic.primary:hover{ background:var(--primary-hover)}.button-basic.primary:active{ background:var(--primary-active)}.button-basic.primary img{ filter:var(--text-body-01-inverse-icon)}.button-basic.primary svg use{ fill:var(--text-body-01-inverse)} .button-basic.flat{ border-color:transparent}.button-basic.flat:hover{ background:var(--tertiary-hover); color:var(--text-body-01);}.button-basic.flat:active{ background:var(--tertiary-active); color:var(--text-body-01);} .button-basic.secondary{ background:var(--secondary-default); color:var(--primary-default)}.button-basic.secondary:hover{ background:var(--secondary-hover)}.button-basic.secondary:active{ background:var(--secondary-active)}.button-basic.secondary img{ filter:var(--text-primary-default-icon)}.button-basic.secondary svg use{ fill:var(--text-primary-default)} .button-basic.success{ border-color:transparent}.button-basic.success:hover{ background:var(--success-ghost-bg); color:var(--success-text);}.button-basic.success:active{ background:var(--success-bg); color:var(--success-text);}.button-basic.success svg use{ fill:var(--success-text)} .button-basic.warning{ background:var(--warning-bg); color:var(--text-body-01)}.hint-ui{ display:flex; width:288px; padding:var(--spacing-2); flex-direction:column; align-items:flex-start; gap:var(--spacing-2); border-radius:var(--radius-s); border:2px solid var(--border-light); background:var(--surface-01); position:absolute; z-index:1; font-size:14px; min-width:168px; right:0 } .hint-ui:before{ content:""; position:absolute; right:12px; top:-8px; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid var(--border-light) } .hint-ui.fit{ width:fit-content } .hint-ui.bottom{ bottom:100%; bottom:calc(100% + 8px) } .hint-ui.bottom:before{ border-bottom:0; border-top:6px solid var(--border-light); top:unset; bottom:-8px } .hint-ui.top{ top:100%; top:calc(100% + 8px) } .hint-ui.top:before{ border-top:0; border-bottom:6px solid var(--border-light); bottom:unset; top:-8px } .hint-ui.left{ right:unset; left:-8px } .hint-ui.left:before{ right:unset; left:12px } @media(max-width:767px){ .hint-ui{ width:180px } .hint-ui.fit{ width:fit-content } .hint-ui.left{ right:180px; left:-180px; transform:translate(50%) } .hint-ui.left:before{ right:unset; left:94px } }.tabs-wrap{ display: flex; align-items: center; gap:var(--spacing-2); overflow-x:auto; position:relative}.tabs-item{ display:flex; height:40px; padding:0px var(--spacing-4); justify-content:center; align-items:center; gap:var(--spacing-2); border-radius:var(--radius-m); border:2px solid var(--border-light); letter-spacing:-.08px; white-space:nowrap; color:var(--text-body-01); font-weight:400; user-select:none; cursor:pointer; transition:background .4s}.tabs-item:hover{ background:var(--tertiary-hover); color:var(--text-body-01)}.tabs-item:active{ background:var(--tertiary-active)}.tabs-item.selected{ background:var(--primary-default); border-color:var(--primary-default); color:var(--text-body-01-inverse)}.tabs-item.disabled{ opacity:.3; user-select:none; pointer-events:none} .tabs-wrap.wrapped{ flex-wrap:wrap}.tabs-wrap.overflowed{ padding-bottom:var(--spacing-2)}.snackbar-basic{ width:430px; max-width:100%; padding:var(--spacing-2) var(--spacing-4); display:flex; gap:var(--spacing-2); align-items:center; font-size:16px; line-height:150%; letter-spacing:-.08px; position:fixed; right:80px; min-height:56px; bottom:110px; border-radius:var(--radius-m); z-index:1; transition:transform 0.3s ease-out, opacity 0.3s ease-out;}.snackbar-basic:has(button.img-only) button.secondary { padding-inline: var(--spacing-2);}.snackbar-basic:has(button.img-only) { padding-right: var(--spacing-2);}.snackbar-basic:not(.inline){ transform:translateY(100%); opacity:0; display:none}.snackbar-basic.inline{ display:none; position:relative; width:fit-content; bottom:unset; right:unset; left:unset}.snackbar-basic.active{ display:flex; transform:translateY(0); opacity:1}.snackbar-basic.inline.active{ display:inline-block; max-width:688px; min-height:unset}.snackbar-basic.active:not(.inline){ transform:translateY(0)}.snackbar-basic .info{ width:100%}.snackbar-basic .button-basic{ margin-left:auto}.snackbar-basic.primary{ background:var(--primary-default); color:var(--text-body-01-inverse)}.snackbar-basic.secondary{ background:var(--secondary-default); color:var(--primary-default)}.snackbar-basic.warning{ background:var(--warning-ghost-bg); color:var(--warning-text)}.snackbar-basic.success{ background:var(--success-ghost-bg); color:var(--success-text)} @media(max-width:767px){ .snackbar-basic{ right:20px }}@media(max-width:479px){ .snackbar-basic{ left:20px; width:auto; bottom:20px }}@media(max-width:430px){ .snackbar-basic{ right:10px; left:10px; }}.switcher-basic{ display:flex; flex-direction:column; gap:var(--spacing-1); overflow-x:auto } .switcher-basic .items{ display:flex; padding:var(--spacing-1); align-items:center; border-radius:var(--radius-m); box-shadow:inset 0 0 0 2px var(--secondary-active); background:var(--surface-white); width:fit-content } .switcher-basic .items .item{ display:flex; height:40px; padding:0px var(--spacing-3); justify-content:center; align-items:center; border-radius:var(--radius-s); background:var(--surface-white); color:var(--text-body-01); font-weight:400; line-height:1.5; letter-spacing:-.08px; user-select:none; cursor:pointer; border:2px solid transparent; transition:background .4s; font-size:16px } .switcher-basic .items .item:hover{ background:var(--tertiary-hover) } .switcher-basic .items .item:active{ background:var(--tertiary-active) } .switcher-basic .items .item.active{ border-color:var(--secondary-active); background:var(--secondary-default); color:var(--primary-default); pointer-events:none; gap:var(--spacing-1); font-weight:500 } .switcher-basic .items .item.active img{ filter:var(--text-primary-default-icon) } .switcher-basic .items .item.active svg use{ fill:var(--text-primary-default) } .switcher-basic .items .item img{ width:0; height:24px; transition:width .4s } .switcher-basic .items .item.active img{ display:block; width:24px } .switcher-basic .items .item svg{ width:0; height:24px; transition:width .4s } .switcher-basic .items .item.active svg{ display:block; width:24px } .switcher-basic .values .value{ display:none } .switcher-basic .values .value.active{ display:block } .switcher-basic.size-s .items .item{ height: 32px; font-size: 14px; letter-spacing: -0.1px; }.select-items{ padding:var(--spacing-2); border-radius:var(--radius-m); border:2px solid var(--border-light); background:var(--surface-white); z-index:50; margin-top:8px; max-height:300px; overflow-y:auto } .select-items .select-item{ line-height:27px; font-size:18px; letter-spacing:-.09px; display:block; padding:var(--spacing-3) var(--spacing-4); border-radius:var(--radius-m); max-height:70px; height:fit-content; color:var(--text-body-01); transition:background .4s; cursor:pointer } .select-items .select-item:hover{ background:var(--tertiary-active); color:var(--text-body-01) }.dropdown-basic { position: relative; } .dropdown-basic button, /* Target the element */ select.dropdown-basic { margin: 0; padding: 0; list-style: none; border-radius: var(--radius-m); border: 2px solid var(--border-light); background: var(--surface-white); font-size: 16px; width: 100%; display: flex; align-items: center; padding-left: var(--spacing-3); transition: background 0.4s; color: var(--text-body-01); height: 48px; white-space: nowrap; line-height: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.dropdown-basic { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cmask id='mask0_9693_13699' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='24'%3E%3Crect x='0.5' width='24' height='24' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_9693_13699)'%3E%3Cpath d='M12.5 15.3746L6.5 9.37461L7.9 7.97461L12.5 12.5746L17.1 7.97461L18.5 9.37461L12.5 15.3746Z' fill='%23808080'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right; padding-right: var(--spacing-5); } select.dropdown-basic:focus-visible { outline: none; border-color: var(--primary-active); } .dropdown-basic button, .dropdown-basic .dropdown-items a { display: flex; align-items: center; padding-left: var(--spacing-3); transition: background .4s; color: var(--text-body-01); white-space: nowrap; line-height: 1; } .dropdown-basic .dropdown-items a { padding-inline: var(--spacing-3); padding-block: var(--spacing-3); border-radius: var(--radius-m); margin-right: var(--spacing-1); } .dropdown-basic button span { flex: 1; font-size: 16px; min-height: fit-content; text-align: left; line-height: 150%; text-overflow: ellipsis; overflow: hidden; text-wrap: nowrap; } .dropdown-basic button svg, .dropdown-basic .dropdown-items svg { width: 24px; height: 24px; min-width: 24px; min-height: 24px; } .dropdown-basic button .leftside, .dropdown-basic .dropdown-items .leftside { margin-right: var(--spacing-2); } .dropdown-basic button .title, .dropdown-basic .dropdown-items .title { display: block; font-size: 16px; line-height: 150%; } .dropdown-basic .dropdown-container { display: none; position: absolute; border-radius: var(--radius-m); padding-top: var(--spacing-2); overflow: hidden; min-width: fit-content; z-index: 1; } .dropdown-basic .dropdown-items { border-radius: var(--radius-m); border: 2px solid var(--border-light); background: var(--surface-white); overflow: hidden; max-height: 450px; min-width: fit-content; padding: var(--spacing-2); } .dropdown-basic .dropdown-items .dropdown-list { overflow: auto; max-height: 430px; } .dropdown-basic .dropdown-items a:hover { background: var(--tertiary-hover); } .dropdown-basic .dropdown-items a:active { background: var(--tertiary-active); } .dropdown-basic button .expand { transition: transform .4s; fill: var(--text-body-02); margin: 0 var(--spacing-2); } .dropdown-basic:hover .dropdown-container { display: block; border-color: var(--tertiary-hover); z-index: 2; } .dropdown-basic:hover button { border-color: var(--primary-hover); } .dropdown-basic:hover button .expand { transform: rotate(180deg); fill: var(--text-primary-default); } .dropdown-basic.active .dropdown-container { display: block; } .dropdown-basic.active .dropdown-items { display: block; border-color: var(--tertiary-hover); } .dropdown-basic.active button { border-color: var(--primary-hover); } .dropdown-basic.active button .expand { transform: rotate(180deg); } .dropdown-basic .dropdown-items .subtitle { display: flex; align-items: center; padding-left: var(--spacing-3); transition: background .4s; color: var(--text-body-01); height: 41px; white-space: nowrap; line-height: 1; font-size: 14px; color: var(--text-body-02); line-height: 1.5; letter-spacing: -0.08px; } .chip-basic:not(.button-basic){ display:flex; height:var(--spacing-7); min-width:var(--spacing-8); padding:0px var(--spacing-2); justify-content:center; align-items:center; gap:var(--spacing-1); flex-shrink:0; border-radius:var(--radius-m); background:var(--tertiary-default); width:fit-content; color: var(--text-body-01); line-height:1.5; letter-spacing:-.08px; border: 2px solid transparent; cursor:pointer; transition:background .4s } .chip-basic:hover{ background:var(--tertiary-hover) } .chip-basic:active{ background:var(--tertiary-active) } .chip-basic.active{ color:var(--text-primary-active); font-weight:500; border-color:var(--secondary-active); background: var(--secondary-default) } .chip-basic.active:hover{ color:var(--text-primary-hover); background: var(--secondary-hover) } .chip-basic.active:active{ color:var(--text-primary-active); background: var(--secondary-active) } .chip-basic.active:after{ content:""; width:24px; height:24px; display:block; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnPjxwYXRoIGQ9Ik04LjQgMTcuMDAwNEw3IDE1LjYwMDRMMTAuNiAxMi4wMDA0TDcgOC40MjUzOUw4LjQgNy4wMjUzOUwxMiAxMC42MjU0TDE1LjU3NSA3LjAyNTM5TDE2Ljk3NSA4LjQyNTM5TDEzLjM3NSAxMi4wMDA0TDE2Ljk3NSAxNS42MDA0TDE1LjU3NSAxNy4wMDA0TDEyIDEzLjQwMDRMOC40IDE3LjAwMDRaIi8+PC9nPjwvc3ZnPg=='); filter:var(--text-primary-default-icon); background-size: contain; transition:filter .4s } .chip-basic.active:hover:after{ filter:var(--text-primary-hover-icon) } .chip-basic.active:active:after{ filter:var(--text-primary-active-icon) }.slider-basic{ height:var(--spacing-5); position:relative } .slider-basic .line-basic, .slider-basic .line-fill{ background:var(--secondary-default); height:var(--spacing-1); left:0; position:absolute; top:5px; width:100%; border-radius:2px } .slider-basic .line-fill{ background:var(--primary-default); width:0 } .slider-basic .pointer{ width:var(--spacing-6); height:var(--spacing-6); background:var(--primary-default); border-radius:100%; cursor:grab; margin-left:calc(var(--spacing-neg-6) / 2); position:absolute; top:-10px; border:var(--spacing-1) solid var(--tertiary-default); z-index:5 } .slider-basic .pointer:active{ cursor:grabbing } .slider-basic-mutual{ width:100%; position:relative } .slider-basic-mutual .second{ position:absolute; left:0; top:0; right:0 } .slider-basic-mutual .first .line-fill{ z-index:4; background:var(--secondary-default) } .slider-basic-mutual .second .line-basic{ z-index:1 } .slider-basic-mutual .second .line-fill{ z-index:3 }.checkbox-label-basic{ display:flex; gap:var(--spacing-2); cursor:pointer; font-size:18px; line-height:1.5; letter-spacing:-.09px } .checkbox-toggle-basic{ display:flex; width:var(--spacing-8); height:var(--spacing-5); align-items:flex-start; gap:var(--spacing-1); flex-shrink:0; border:none; appearance:none; border-radius:var(--radius-m); background:var(--tertiary-default); position:relative; justify-content:space-between; cursor:pointer; user-select:none; transition:background .4s } .checkbox-toggle-basic:disabled{ opacity:.5; pointer-events:none } .checkbox-toggle-basic:not(:disabled):hover{ background:var(--tertiary-hover) } .checkbox-toggle-basic:not(:disabled):active{ background:var(--tertiary-active) } .checkbox-toggle-basic:before, .checkbox-toggle-basic:after{ content:""; border-radius:var(--radius-rounded); position:absolute; top:50%; transform:translate(0,-50%) } .checkbox-toggle-basic:before{ width:var(--spacing-4); height:var(--spacing-4); background:var(--surface-white); left:var(--spacing-1) } .checkbox-toggle-basic:after{ width:var(--spacing-2); height:var(--spacing-2); background:transparent; border:2px solid #959595; right:var(--spacing-1) } .checkbox-toggle-basic:checked{ background:var(--primary-default) } .checkbox-toggle-basic:not(:disabled):checked:hover{ background:var(--primary-hover) } .checkbox-toggle-basic:not(:disabled):checked:active{ background:var(--primary-active) } .checkbox-toggle-basic:checked:before{ left:unset; right:var(--spacing-1) } .checkbox-toggle-basic:checked:after{ content:""; background-image:url("data:image/svg+xml;charset=utf-8,"); width:var(--spacing-4); height:var(--spacing-4); border-radius:0; border:none; right:unset; left:var(--spacing-1) } @media(max-width:479px){ .checkbox-label-basic{ font-size:16px } }body.no-scroll{ overflow:hidden}.light-gallery{ width:100%; max-width:100%; position:relative}.light-gallery .g-inside{ width:100%; max-width:100%; position:relative}.light-gallery:not(.fullscreen) .g-inside{ overflow:hidden}.light-gallery .g-inside .close{ position:fixed; top:0; align-items:center; justify-content:center; cursor:pointer; right:16px; opacity:.6; display:none}.light-gallery .g-inside .expand{ position:absolute; top:1rem; right:1rem; z-index:1}.light-gallery .g-inside .close:hover,.light-gallery .g-inside .expand:hover{ opacity:1}.light-gallery .main,.light-gallery .g-main{ width:100%; max-width:100%; height:auto; border-radius:var(--radius-m) var(--radius-m) var(--radius-xs) var(--radius-xs)}.light-gallery .full{ position:absolute; top:0; bottom:0; cursor:zoom-in; display:flex; align-items:center}.light-gallery .prev,.light-gallery .next{ position:absolute; display:flex; align-items:center; padding-left:16px; width:50%; top:0; bottom:0; left:0; cursor:pointer; transition:background .4s}.light-gallery .prev:hover,.light-gallery .next:hover{ background:rgba(0,0,0,.1)}.light-gallery .prev:hover{ background:linear-gradient(270deg, rgba(239,239,239,0) 0%, rgba(0,0,0,.2) 50%, rgba(0,0,0,.4) 100%)}.light-gallery .next:hover{ background:linear-gradient(90deg, rgba(239,239,239,0) 0%, rgba(0,0,0,.2) 50%, rgba(0,0,0,.4) 100%)}.light-gallery .prev:hover .button-basic,.light-gallery .next:hover .button-basic{ background:var(--secondary-hover)}.light-gallery .next{ border-radius:0 var(--radius-m) var(--radius-xs) 0; left:unset; right:0; padding-left:0; padding-right:16px; justify-content:flex-end}.light-gallery .prev{ border-radius:var(--radius-m) 0 0 var(--radius-xs)}.light-gallery .prev svg{ transform:rotate(-180deg)}.light-gallery .full{ right:30%; width:40%}.light-gallery .g-previews{ width:100%; display:flex; align-items:flex-start; flex-wrap:wrap; overflow:hidden; gap:var(--spacing-1); margin-top:var(--spacing-1)}.light-gallery .g-preview{ width:100%; max-width:calc(100% / 6 - var(--spacing-1) + var(--spacing-1) / 6); height:auto; cursor:zoom-in; position:relative; aspect-ratio: 16 / 9; height: -webkit-fill-available}.light-gallery .g-preview:after{ content: ""; position: absolute; inset: 0; border-radius:var(--radius-xs); box-shadow:inset 0 0 0 2px transparent;} .light-gallery .g-previews img{ width:100%; height:100%; object-fit:cover; border-radius:var(--radius-xs); transition:filter .4s}.light-gallery .g-previews .g-preview:hover img{ filter:brightness(.8)}.light-gallery .g-previews.oneline{ flex-wrap:nowrap}.light-gallery .g-previews.oneline img:not(:last-child){ margin-right:1rem}.light-gallery .g-previews .g-preview.active:after{ box-shadow:inset 0 0 0 2px var(--primary-active)} .light-gallery.fullscreen{ position:fixed; z-index:10; background:rgba(0,0,0,.9); bottom:0; left:0; top:0; right:0; max-width:100%; display:flex; margin:0}.light-gallery.fullscreen .g-inside{ padding:48px 0; display:flex; flex-wrap:wrap; gap:20px; justify-content:center; width:auto; overflow:auto; order:1; margin:0 auto; text-align:center}.light-gallery.fullscreen .g-inside .close{ display:flex; opacity:.9; top:10px; z-index:11}.light-gallery.fullscreen .g-inside .expand{ display:none}.light-gallery.fullscreen .g-inside .g-main{ width:auto; max-height:95vh; padding:0 .5rem .5rem; border-radius:0; cursor:zoom-out}.light-gallery.fullscreen .g-inside .g-main.large{ max-width:unset; max-height:unset; width:1200px}.light-gallery.fullscreen .prev,.light-gallery.fullscreen .next{ position:fixed; width:20%}.light-gallery.fullscreen .full{ display:none} .light-gallery.fullscreen .g-previews{ width:100px; padding-left:1rem; display:none}.light-gallery.fullscreen .g-previews img{ max-width:100%; max-height:unset}.light-gallery.fullscreen .g-previews img:first-child{ margin-top:1rem} @media(max-width:992px) { .light-gallery.fullscreen .prev, .light-gallery.fullscreen .next{ display:none }} @media(max-width:767px) { .light-gallery:not(.fullscreen) .g-inside { display: block; overflow: hidden; } .light-gallery{ margin:0 var(--padding-main-neg); max-width:unset; width:unset } .light-gallery .g-previews{ flex-wrap:nowrap; overflow-x:auto; width:100%; -webkit-overflow-scrolling: touch; padding-bottom:var(--spacing-2); min-height:96px } .light-gallery .g-previews .g-preview.active:after{ box-shadow:none } .light-gallery .g-preview{ max-width:33%; min-width:fit-content } .light-gallery .g-inside .close, .light-gallery .g-inside .next .button-basic, .light-gallery .g-inside .prev .button-basic, .light-gallery .g-inside .full{ display:none }} USA Global Cars Compare Charging Savings Blog Home Electric cars Cadillac Lyriq Cadillac Lyriq AWD (2022-…) 7.5 GCC Score Cadillac Lyriq AWD Years of Production When the car first came out and when they stopped making it 2022-… Price USA (new) Manufacturer's suggested base price $62,090 Price USA (used) Estimated pre-owned price $45,244 Compare Trims Currently Produced RWD Since 2022 AWD Since 2022 Jump to Specs Range Map Savings Charging FAQs Compare Videos Discussion Cadillac Lyriq AWD (2022-…) Specifications and Dimensions Green Cars Compare gathers data from government agencies, vehicle manufacturers, and real owners to provide accurate and accessible EV information. General Info Years of Production When the car first came out and when they stopped making it 2022-… (Produced) Available in the USA Yes Country of Manufacture Country where final assembly of the car took place China USA Body Style Vehicle category based on its shape and layout SUV Range and Efficiency Range Range on a full charge: EPA (USA), WLTP (EU), NEDC (EU old), GCC (Green Cars Compare) WLTP EPA GCC 329 mi 89 out of 242 307 mi 53 out of 164 286 mi 83 out of 253 Battery Capacity Nominal (total energy storage), Usable (accessible portion) Nominal Usable 106 kWh 24 out of 162 102 kWh 22 out of 184 Efficiency Higher efficiency means lower energy consumption Energy/Range Range/Energy 35.7 kWh/100 mi 141 out of 210 2.8 mi/kWh 176 out of 237 Charging Max AC Charging 11.5 kW 8 out of 24 Max DC Charging 190 kW 29 out of 85 Architecture Higher voltage allows to charge faster and use less wiring 400 V Charge Port The port type impacts charging speed and station compatibility CCS Type 1 Performance Drive Type Motor types: PMSM (Permanent Magnet Synchronous), IM (AC Induction), EESM (Externally Excited Synchronous) AWD 2 motors: PMSM (front), PMSM (rear) Motor Peak power and torque of the car's electric motor(s) Power Torque 373 kW (500 hp) 68 out of 190 450 lb-ft 92 out of 187 0-60 mph Acceleration time from a standstill 4.6 s 29 out of 118 Top Speed The fastest the car can go (max speed) 132 mph 27 out of 68 0.00 s 00 mph Launch Dimensions Length Car's body length (front to back bumper) 196.7 in 41 out of 223 Width Car's body width including or excluding side mirrors with Mirrors w/o Mirrors 86.9 in 19 out of 106 77.8 in 20 out of 97 Height Car's body height (from ground to highest point) 63.9 in 65 out of 153 Wheelbase Distance between centers of front and rear wheels (affects ride and handling) 121.8 in 22 out of 136 Cargo and Towing Number of Seats Total passenger capacity of the car (including driver) 5 Curb Weight Car's weight without passengers or cargo 5961 lb 43 out of 513 Cargo Volume Cargo capacity: Trunk (rear seats up), Max (rear seats folded), Frunk (front hood) Trunk Max Frunk 28 ft³ 31 out of 155 60.8 ft³ 49 out of 178 No Data Towing Capacity Maximum weight the car can tow safely with a trailer that has its own brakes 3500 lb 25 out of 51 Last Updated: July 03, 2024 Download Specs PDF Range Map This interactive map shows the potential driving range on a full battery.For the most accurate range estimates tailored to your location, enable location access. Light green area: Round-trip Dark green area: One-way Show Range Map Hide Range Map Fuel Savings If You Switched to Cadillac Lyriq AWD (2022-…) in 5 years you could save $ 4,905 on fuel $3,849 $8,754 Electric ICE EV fuel savings are calculated using the following parameters: Annual mileage: 13,476 mi ICE vehicle efficiency: 24.4 mpg Gasoline price: $3.17 per gallon Electricity price: $0.16 per kWh These estimates exclude factors like fluctuations in gas and electricity prices or car maintenance and insurance costs. Open Savings Calculator Charging Slow (AC) Fast (DC) Home and Office (AC) Charging Fast (DC) Charging This car does not support DC fast charging This car is not is not sold in the USA and therefore not compatible with US charging stations. To see compatible DC chargers, switch your website version to Global NEMA 5-15 Output: 1.8 kW 120 V, 15 A, 1-phase NEMA 5-20 Output: 2.4 kW 120 V, 20 A, 1-phase NEMA 6-20 Output: 4.8 kW 240 V, 20 A, 1-phase NEMA 14-30 Output: 7.2 kW 240 V, 30 A, 1-phase NEMA 14-50 Output: 9.6 kW 240 V, 40 A, 1-phase NEMA 6-50 Output: 9.6 kW 240 V, 40 A, 1-phase CCS DC 50 kW Output: 50 kW CCS DC 100 kW Output: 100 kW CCS DC 150 kW Output: 150 kW CCS DC 200 kW Output: 200 kW CCS DC 250 kW Output: 250 kW CCS DC 350 kW Output: 350 kW Supercharger V2 Split 75 kW Output: 75 kW Supercharger V2 150 kW Output: 150 kW Supercharger V3 250 kW Output: 250 kW Charging power is limited by the car’s on-board charger (11.5 kW) Charging power is limited by the car’s DC charging capability (190 kW) The car only accepts single-phase current (max 240 V) 1 The car’s DC charging capability at 400V stations is limited to 190 kW Time h min Avg. Rate ≈ mph Avg. Power kW Open Charging Calculator AC Charging 20–80% Using a outlet, charging the Cadillac Lyriq AWD (2022-…) from 20% to 80% takes around h min. Plug it in now, and it’ll be good to go by . For deeper insights like added range, charging costs, and more, plus the ability to tweak settings manually, check out the Charging Calculator. DC Charging 20–80% Using a station, charging the Cadillac Lyriq AWD (2022-…) from 20% to 80% takes around h min. Plug it in now, and it’ll be good to go by . For deeper insights like added range, charging costs, and more, plus the ability to tweak settings manually, check out the Charging Calculator. Overview Detailed Descriptions The Cadillac Lyriq AWD (2022-…) is an all-electric all-wheel drive SUV. It came out in 2022. Brand new, the car starts around $62,090. The Cadillac Lyriq AWD (2022-…) has a 106 kWh battery pack, allowing it to travel up to 286 mi on a single charge — ranked №221 out of 852 electric vehicles. Frequently Asked Questions How powerful is it? How fast does it accelerate? The Cadillac Lyriq AWD (2022-…) can accelerate from 0 to 60 mph in 4.6 seconds (№29 out of 118 ranked positions, among 852 electric vehicles, with some cars sharing positions) and reach a top speed of 132 mph. The car’s powertrain delivers up to 373 kW (500 hp) of power and 450 lb-ft of torque. Cadillac's 2024 Lyriq EV can get a performance boost with the optional $1,200 Velocity software upgrade, unlocking 74 lb-ft more torque for a total of 524 lb-ft and shaving 0.3 seconds off the 0-60 mph time. How far can it go on single charge? What is the real-world range? Real-world range of the Cadillac Lyriq AWD (2022-…) is 286 miles (№83 out of 253 ranked positions, among 852 electric vehicles, with some cars sharing positions) — depending on several factors, including: Speed: Higher speeds deplete the battery faster. Temperature: Extreme cold and hot weather impacts range. Terrain: Hilly or mountainous terrain reduces range. Driving style: Aggressive driving with frequent acceleration and braking consumes more energy. Use of features: Features like climate control and media system also affect range. It's important to remember that these are just estimates, and your actual range may vary. It's always best to factor in these various factors when planning your trip and be prepared for potential charging stops. Plan your trips using the EV Navigation interactive map. What charging options are available? How long does it take to charge it? In the USA Cadillac Lyriq AWD (2022-…) has a CCS Type 1 charge port. You can charge it at home using a standard domestic socket or plug into any public AC charging station using the right cable. Keep in mind that the car's on-board charger (inverter) limits the maximum AC charging rate to 11.5 kW, which translates to approximately 29 miles of range added per hour of charging. For quicker charging, consider using a compatible DC fast-charging station. The car boasts a maximum charging rate of 190 kW, but remember that battery temperature and charge level can influence the actual speed you'll experience. Estimate charging time, rate and cost using EV Charging Calculator. For even faster home charging, an optional 19.2 kW AC on-board charger is available for additional 1,480$. How big is it? What are the dimensions (length, width, height)? Here are the dimensions and weight for the Cadillac Lyriq AWD (2022-…): Length: 196.7 in Width: 86.9 in (including side mirrors) or 77.8 in (excluding side mirrors) Height: 63.9 in Wheelbase: 121.8 in (distance between the center of the front and rear wheels) Curb weight: 5961 lbs (weight of the empty car, no people or cargo) How much cargo space does it offer? Does it have a front trunk? Here's a breakdown of the Cadillac Lyriq AWD (2022-…) cargo space: Trunk capacity: With the rear seats up, you get 28 cubic feet of cargo space in the back (№31 out of 155 ranked positions, among 852 electric vehicles, with some cars sharing positions). Max cargo capacity: Fold down the rear seats, and you open up 60.8 cubic feet of total cargo space (№49 out of 178 ranked positions, among 852 electric vehicles, with some cars sharing positions). Frunk capacity: The car doesn’t have a “frunk” (front trunk). Is it suitable for towing? What is the maximum towing capacity? The Cadillac Lyriq AWD (2022-…) has a towing capacity (braked) of up to 3500 lbs (maximum weight the car can tow safely with a trailer that has its own brakes). Previous Generation There are no earlier versions of this car Next Generation There are no newer versions of this car Additional Information User Rating 0% 0% like this car You like it too You don’t like it GCC users GCC Score 7.5 / 10 Value for Money 8.2 Range and Efficiency 6.3 Charging 8.1 Performance 6.9 Cargo and Towing 7.9 EV Rankings Real Range 83 out of 253 Efficiency 141 out of 210 DC Charging 29 out of 85 Acceleration 29 out of 118 Trunk Volume 31 out of 155 See All Rankings Similar Electric Cars Acura ZDX Type S AWD Produced 2024-… Real Range 264 mi 0-60 mph 4.3 s Price (USA) $73,500 Car Details Kia EV9 GT Announced 2025-… Real Range 237 mi 0-60 mph 4.3 s Price (USA) $80,000 Car Details Audi Q8 Sportback e-tron S Produced 2023-… Real Range 242 mi 0-60 mph 4.2 s Price (USA) $92,600 Car Details Audi Q8 e-tron S Produced 2023-… Real Range 238 mi 0-60 mph 4.2 s Price (USA) $89,900 Car Details Audi e-tron S Discontinued 2020-2022 Real Range 196 mi 0-60 mph 4.3 s Price (USA) $44,999 Car Details Audi e-tron Sportback S Discontinued 2020-2022 Real Range 199 mi 0-60 mph 4.3 s Price (USA) $49,950 Car Details Similar Range EPA WLTP GCC 307 mi 0% BMW i4 xDrive40 (2024-…) 307 mi 0% Audi Q6 e-tron quattro (2024-…) 307 mi 0% Mercedes EQE SUV 350+ (2023-…) 307 mi 0% BMW iX xDrive50 (2021-…) 307 mi Cadillac Lyriq AWD (2022-…) 305 mi -0.7% Rimac Nevera (2022-…) 305 mi -0.7% Mercedes EQS SUV 450+ (2022-2023) 305 mi -0.7% Tesla Model X Performance (2019-2020) 305 mi -0.7% Ford Mustang Mach-E California Route 1 RWD (2020-2022) 329 mi 0% BYD Tang Flagship (2024-…) 329 mi 0% Volkswagen ID.4 Pro 4MOTION (2023-…) 329 mi 0% Rolls-Royce Spectre (2023-…) 329 mi 0% NIO EL6 Long Range (2023-…) 329 mi Cadillac Lyriq AWD (2022-…) 329 mi 0% Lotus Eletre S (2023-…) 328 mi -0.3% Mercedes EQA 250 (2023-…) 328 mi -0.3% Kia EV6 Long Range RWD (2021-2024) 328 mi -0.3% Tesla Model 3 Performance (2024-…) 287 mi +0.3% Nissan Ariya 87 kWh FWD (2021-…) 286 mi 0% Kia EV6 Long Range AWD (2024-…) 286 mi 0% Mercedes EQA 250+ (2023-…) 286 mi 0% BMW iX M60 (2022-…) 286 mi Cadillac Lyriq AWD (2022-…) 285 mi -0.3% Kia EV6 Long Range RWD (2021-2024) 285 mi -0.3% Jeep Wagoneer S (2024-…) 285 mi -0.3% Škoda Enyaq iV 80 (2021-2023) 285 mi -0.3% Porsche Taycan RWD (2024-…) Similar Performance 0-60 mph Torque Power 4.6 s 0% Ford Mustang Mach-E Standard Range AWD (2023-…) 4.6 s 0% Mercedes EQS 500 4MATIC (2022-2024) 4.6 s 0% Sony Vision-S 01 4.6 s 0% Tesla Model X Standard Range (2019-2020) 4.6 s Cadillac Lyriq AWD (2022-…) 4.6 s 0% Volvo XC40 Recharge (EX40) Twin Motor (2022-…) 4.6 s 0% Porsche Taycan RWD Sport Turismo (2024-…) 4.6 s 0% Porsche Taycan RWD Plus Sport Turismo (2024-…) 4.7 s +2.2% Tesla Model X 100D (2017-2019) 457 lb-ft +1.6% VinFast VF 9 Eco (2024-…) 457 lb-ft +1.6% VinFast VF 8 Plus (2024-…) 450 lb-ft 0% Porsche Taycan 4 Plus (2024-…) 450 lb-ft 0% Porsche Taycan 4 Cross Turismo (2024-…) 450 lb-ft Cadillac Lyriq AWD (2022-…) 446 lb-ft -0.9% Hyundai Ioniq 5 Long Range AWD (2022-2024) 446 lb-ft -0.9% Hyundai Ioniq 5 Standard Range AWD (2021-2022) 446 lb-ft -0.9% Hyundai Ioniq 5 Project 45 (2021) 446 lb-ft -0.9% Kia EV6 Long Range AWD (2021-2024) 507 hp +1.4% Tesla Model Y Long Range AWD (2022-…) 506 hp +1.2% Tesla Model 3 Performance (2018-2024) 503 hp +0.6% MG Cyberster GT Dual Motor (2024-...) 501 hp +0.2% Kia EV9 GT (2025-…) 500 hp Cadillac Lyriq AWD (2022-…) 499 hp -0.2% Acura ZDX Type S AWD (2024-…) 496 hp -0.8% Audi e-tron Sportback S (2020-2022) 496 hp -0.8% Audi e-tron S (2020-2022) 496 hp -0.8% Audi SQ8 e-tron (2023-…) Compare Side-by-Side Video Reviews and Test Drives 2024 Cadillac LYRIQ Review CarGurus 10:36 Hongqi Tiangong 08: The Electric SUV Revolution EVs Gallery 07:15 2023 Cadillac LYRIQ review // Was it worth the wait? Motormouth 18:05 First Drive in my NEW 2024 Cadillac Lyriq EV - it’s Luxury and AMAZING!! #ev #cadillac @Cadillac ByTesla 05:13 New and exciting! Test Drive the 2024 Cadillac Lyriq Sport 3 with an expert! Smail Cadillac 20:30 2024 Cadillac Lyriq Tech Review! - The Best Luxury EV Deal? Joshua McDonald 11:19 2024 Cadillac LYRIQ Review // Is This the Future of American Luxury EVs? Auto Reviews 24 17:10 2024 Cadillac LYRIQ Luxury 1 vs Sport 1 Vagabond Builds 11:37 1 1 2 3 4 See All Videos Discussion Share your thoughts, ask questions, and connect with the EV community. No registration required. Comment Let's Compare Clear All Comparison list cleared Undo
Using a outlet, charging the Cadillac Lyriq AWD (2022-…) from 20% to 80% takes around h min. Plug it in now, and it’ll be good to go by .
For deeper insights like added range, charging costs, and more, plus the ability to tweak settings manually, check out the Charging Calculator.
Using a station, charging the Cadillac Lyriq AWD (2022-…) from 20% to 80% takes around h min. Plug it in now, and it’ll be good to go by .
The Cadillac Lyriq AWD (2022-…) is an all-electric all-wheel drive SUV. It came out in 2022. Brand new, the car starts around $62,090.
The Cadillac Lyriq AWD (2022-…) has a 106 kWh battery pack, allowing it to travel up to 286 mi on a single charge — ranked №221 out of 852 electric vehicles.
The Cadillac Lyriq AWD (2022-…) can accelerate from 0 to 60 mph in 4.6 seconds (№29 out of 118 ranked positions, among 852 electric vehicles, with some cars sharing positions) and reach a top speed of 132 mph.
The car’s powertrain delivers up to 373 kW (500 hp) of power and 450 lb-ft of torque.
Cadillac's 2024 Lyriq EV can get a performance boost with the optional $1,200 Velocity software upgrade, unlocking 74 lb-ft more torque for a total of 524 lb-ft and shaving 0.3 seconds off the 0-60 mph time.
Real-world range of the Cadillac Lyriq AWD (2022-…) is 286 miles (№83 out of 253 ranked positions, among 852 electric vehicles, with some cars sharing positions) — depending on several factors, including:
It's important to remember that these are just estimates, and your actual range may vary. It's always best to factor in these various factors when planning your trip and be prepared for potential charging stops.
Plan your trips using the EV Navigation interactive map.
In the USA Cadillac Lyriq AWD (2022-…) has a CCS Type 1 charge port.
Estimate charging time, rate and cost using EV Charging Calculator.
For even faster home charging, an optional 19.2 kW AC on-board charger is available for additional 1,480$.
Here are the dimensions and weight for the Cadillac Lyriq AWD (2022-…):
Here's a breakdown of the Cadillac Lyriq AWD (2022-…) cargo space:
The Cadillac Lyriq AWD (2022-…) has a towing capacity (braked) of up to 3500 lbs (maximum weight the car can tow safely with a trailer that has its own brakes).