html:not(.js) [data-carousel] [data-rail],html:not(.js) [data-carousel] [data-controls]{display:none}html:not(.js) [data-carousel] [data-panel]+[data-panel]{margin-top:16px}html.js [data-carousel]{--shift: 8px}@media(min-width:768px){html.js [data-carousel]{--shift: 24px}}html.js [data-carousel] [data-stage]{display:grid;grid-template-columns:minmax(0,1fr)}html.js [data-carousel] [data-panel]{grid-area:1 / 1;opacity:0;visibility:hidden;transform:translate(var(--shift));transition:opacity .6s var(--ease-signature),transform .6s var(--ease-signature),visibility 0s linear .6s}html.js [data-carousel] [data-panel].is-active{opacity:1;visibility:visible;transform:none;transition:opacity .6s var(--ease-signature),transform .6s var(--ease-signature),visibility 0s}@media(max-width:1023px){html.js [data-carousel=product] [data-stage]{position:relative;overflow-y:clip}html.js [data-carousel=product] [data-panel]:not(.is-active){position:absolute;inset:0 0 auto}}@media(max-width:767px){html.js [data-carousel=compare] [data-stage]{position:relative;overflow-y:clip;padding-bottom:16px;margin-bottom:-16px}html.js [data-carousel=compare] [data-panel]:not(.is-active){position:absolute;inset:0 0 auto}}html.js [data-carousel=compare] [data-panel]{transform:none}html.js [data-carousel] .about-panel-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html.js [data-carousel] .about-panel-title>*{overflow:hidden}[data-carousel] [data-progress]{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;border-radius:99px;background:var(--accent)}[data-carousel] [data-progress].is-running{animation:about-fill var(--carousel-duration, 7s) linear forwards}[data-carousel] [data-tab].is-active [data-progress]:not(.is-running){transform:none}[data-carousel=ai] [data-progress]{background:var(--accent-on-dark)}html.js [data-carousel] .about-grow{transform:scaleX(0);transform-origin:left}html.js [data-carousel] .is-active .about-grow{animation:about-grow .8s var(--ease-signature) var(--d, 0s) forwards}html.js [data-carousel] .about-lift{opacity:0}html.js [data-carousel] .is-active .about-lift{animation:about-lift .6s var(--ease-signature) var(--d, 0s) forwards}[data-carousel] .is-active .about-dot{animation:about-travel 2.4s ease-in-out var(--d, 0s) infinite}[data-carousel] .is-active .about-pulse{animation:about-breathe 2.2s ease-in-out infinite}html.js [data-carousel] .is-active .about-in-left{animation:about-in-left .7s var(--ease-signature) both}html.js [data-carousel] .is-active .about-in-right{animation:about-in-right .8s var(--ease-signature) .15s both}html.js [data-carousel] .is-active .about-draw{animation:about-draw .7s var(--ease-signature) .1s both}@keyframes about-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes about-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes about-lift{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes about-travel{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}to{left:calc(100% - 10px);opacity:0}}@keyframes about-breathe{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.35);opacity:1}}@keyframes about-in-left{0%{opacity:0;transform:translate(calc(-1 * var(--shift)))}to{opacity:1;transform:none}}@keyframes about-in-right{0%{opacity:0;transform:translate(var(--shift)) scale(.98)}to{opacity:1;transform:none}}@keyframes about-draw{0%{stroke-dashoffset:90}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){html.js [data-carousel] [data-panel],html.js [data-carousel] [data-panel].is-active{transition:none;transform:none}[data-carousel] [data-progress].is-running{animation:none}html.js [data-carousel] .about-grow,html.js [data-carousel] .is-active .about-grow{transform:none;animation:none}html.js [data-carousel] .about-lift,html.js [data-carousel] .is-active .about-lift{opacity:1;animation:none}[data-carousel] .is-active .about-dot,[data-carousel] .is-active .about-pulse,html.js [data-carousel] .is-active .about-in-left,html.js [data-carousel] .is-active .about-in-right,html.js [data-carousel] .is-active .about-draw{animation:none}}