.comparisonComponentContainer{height:auto;overflow-x:hidden;margin-right:10px}@media(min-width:1280px){.comparisonComponentContainer{margin-right:0}}.comparisonGraph{height:100%;padding-left:10px;border-bottom:none!important}@media(min-width:1280px){.comparisonGraph{height:480px;padding-left:0;border-bottom:1px solid #373737}}.comparisonGraphInner{width:100%;margin-top:60px;border-bottom:1px solid #373737}.comparisonGraphInnernew{width:100%;margin-top:60px}@media(min-width:1280px){.comparisonGraphInner{width:1160px;margin-top:0;margin-left:0;border-bottom:none!important}}.comparisonGraphCol{height:111px;padding:30px;position:relative;font-size:15px;line-height:23px;letter-spacing:.02em;display:flex;justify-content:center;align-items:end;border-left:1px solid #373737;width:20%}.comparisonGraphCol.bus,.comparisonGraphCol.subway,.comparisonGraphCol.tesla,.comparisonGraphCol.gasolineCar{transition:height 3s 50ms ease-in-out}.comparisonGraphCol.mobile{position:relative;border-top:1px solid #373737;padding:10px;width:46px;height:141px;display:flex;justify-content:start;align-items:center;transition:width 3s 50ms ease-in-out}.comparisonGraphCol.mobile:first-child:before{content:"";position:absolute;width:1px;height:12px;background:#373737;top:-13px;left:-1px}.comparisonGraphCol p{min-width:-moz-max-content;min-width:max-content}.comparisonGraphMarker{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:36px;height:36px;border-radius:50%;transform:translate(-50%,-50%);z-index:100}.comparisonGraphMarker.clip{background:#47ff6f}.comparisonGraphMarker.bus{background:#fff50080;transition:height 1.5s ease-in-out}.comparisonGraphMarker.subway{background:#ffa80080;transition:height 1.5s ease-in-out}.comparisonGraphMarker.tesla{background:#ff4d0080;transition:height 1.5s ease-in-out}.comparisonGraphMarker.gasolineCar{background:#ff000080;transition:height 1.5s ease-in-out}.comparisonGraphMarker.mobile{width:24px;height:24px;left:unset;right:0;transform:translate(50%,-50%) rotate(90deg)}.comparisonGraphMarker>svg{fill:none;transform:translate(-.45px,1px)}.comparisonGraphDialsContainer{height:42px;overflow-y:hidden;display:hidden;justify-content:flex-end;width:100%}.comparisonGraphDialsContainer.mobile{display:flex}@media(min-width:1280px){.comparisonGraphDialsContainer.mobile{display:none}.comparisonGraphDialsContainer{display:flex;height:72px;justify-content:flex-start}}.comparisonGraphDial1,.comparisonGraphDial2,.comparisonGraphDial3{display:flex;flex-direction:column;align-items:center;--tw-bg-opacity: 1;background-color:rgb(55 55 55 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(250 252 252 / var(--tw-text-opacity));width:29px;height:-moz-fit-content;height:fit-content;margin:0 2px}@media(min-width:1280px){.comparisonGraphDial1,.comparisonGraphDial2,.comparisonGraphDial3{width:49px}}.comparisonGraphDial1{transition:transform 1s ease-in-out}.comparisonGraphDial2{transition:transform 1.6s .25s ease-in-out}.comparisonGraphDial3{transition:transform 2.2s .5s ease-in-out}.comparisonGraphDialNum{display:flex;align-items:center;justify-content:center;height:42px}@media(min-width:1280px){.comparisonGraphDialNum{height:72px}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/section-comparison-component.css.map */