"); 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 } }.ai-container{ display:flex; padding:var(--spacing-5); flex-direction:column; justify-content:center; align-items:flex-start; gap:var(--spacing-5); align-self:stretch; border-radius:var(--radius-m); background:var(--surface-ai) } .ai-container .h1, .ai-container .h2, .ai-container .h3, .ai-container .h4{ color:var(--text-ai-default) } .ai-container .ai-request{ width:100%; display:flex; align-items:center; flex-wrap:wrap; gap:var(--spacing-4) } .ai-container .ai-request header{ flex:1; display:flex; flex-direction:column; gap:var(--spacing-4) } .ai-container .ai-request header .description{ font-size:18px; letter-spacing:-.09px } .ai-container.process .ai-request, .ai-container.response .ai-request{ display:none } .ai-container .ai-process{ display:none; width:100%; justify-content:center; gap:var(--spacing-2); color:var(--text-ai-default); font-size:18px; font-weight:500; letter-spacing:-.09px } .ai-container.process .ai-process{ display:flex } .ai-container .ai-response{ display:none; width:100%; flex-direction:column; gap:var(--spacing-5); transition:gap .4s } .ai-container .ai-response .description{ font-size:18px; letter-spacing:-.09px } .ai-container .ai-response header{ display:flex; align-items:center; gap:var(--spacing-2) } .ai-container .ai-response header .button-basic{ display:flex; align-items:center; justify-content:center; margin-left:auto} .ai-container .ai-response header .button-basic svg{ transform:rotate(-90deg); transition:transform .4s } .ai-container .ai-response .description{ height:216px; position:relative; overflow:hidden; overflow-y:auto; padding-right:var(--spacing-2); transition:height .4s, margin-bottom .4s } /*.ai-container .ai-response .description:after{ content:""; display:block; background:linear-gradient(180deg, rgba(242,250,230,0) 0%, rgba(242,250,230,0.75) 25%, rgba(242,250,230,1) 100%); height:50px; position:sticky; bottom:-1px }*/ .ai-container .ai-response .description p:first-child{ margin-top:0 } .ai-container .ai-response .share{ display:flex; flex-wrap:wrap; width:100%; justify-content:space-between } .ai-container .ai-response .share .section-share{ margin-bottom:0 } .ai-container.response .ai-response{ display:flex } .ai-container .ai-response.inactive{ gap:0 } .ai-container .ai-response.inactive header .button-basic svg{ transform:rotate(90deg) } .ai-container .ai-response.inactive .description{ height:0; margin-bottom:0 } .ai-loader{ color:var(--text-ai-default)} .ai-loader, .ai-loader div{ box-sizing:border-box} .ai-loader{ display:inline-flex; justify-content:center; align-items:center; position:relative; width:24px; height:24px} .ai-loader div{ display:inline-block; position:absolute; width:4px; background:currentColor; animation:ai-loader-scale 2s cubic-bezier(0.4, 0, 0.2, 1) infinite; transform-origin:center center} .ai-loader div:nth-child(1){ left:4px; animation-delay:0s; animation-name:ai-loader-1} .ai-loader div:nth-child(2){ left:10px; animation-delay:0.5s; animation-name:ai-loader-2} .ai-loader div:nth-child(3){ left:16px; animation-delay:0.3s; animation-name:ai-loader-3} @keyframes ai-loader-1{ 0%{ height:4px; top:calc(50% - 2px) } 20%{ height:14px; top:calc(50% - 7px) } 40%{ height:0; top:50% } 65%{ height:18px; top:calc(50% - 9px) } 100%{ height:4px; top:calc(50% - 2px) } } @keyframes ai-loader-2{ 0%{ height:4px; top:calc(50% - 2px) } 25%{ height:14px; top:calc(50% - 7px) } 45%{ height:0; top:50% } 65%{ height:16px; top:calc(50% - 8px) } 100%{ height:4px; top:calc(50% - 2px) } } @keyframes ai-loader-3{ 0%{ height:4px; top:calc(50% - 2px) } 15%{ height:18px; top:calc(50% - 9px) } 38%{ height:0; top:50% } 60%{ height:22px; top:calc(50% - 11px) } 100%{ height:4px; top:calc(50% - 2px) } } @media (max-width:768px){ .ai-container .ai-request header{ min-width:100%; } } @media (max-width:480px){ .ai-container .ai-request header .description{ font-size:16px; letter-spacing:-.08px } .ai-container .ai-response .description{ font-size:16px; letter-spacing:-.08px } }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 }}
Home Electric cars Compare Results Just a sec! AI is comparing every detail for you...
Your AI Summary Is Ready!
General Info Range and Efficiency Charging Performance Dimensions Cargo and Towing
Comparison list cleared
Undo