.item-comparison[data-v-ad9470cf]{margin:0 auto;margin-bottom:var(--component-mb);max-width:1440px}.item-comparison .title[data-v-ad9470cf]{font-size:40px;font-weight:var(--title-font-weight);line-height:56px;margin:0 auto;max-width:816px;text-align:center}.item-comparison .sub-title[data-v-ad9470cf]{font-size:24px;font-weight:400;line-height:36px;margin:24px auto 40px;max-width:1260px;text-align:center}.item-comparison .image-container[data-v-ad9470cf]{aspect-ratio:1440/435;display:flex;position:relative;transform-origin:bottom;width:100%}.item-comparison .image-container .trapezoid[data-v-ad9470cf]{animation-duration:.8s;animation-fill-mode:both;flex:0 0 auto;height:100%;overflow:hidden;transition:all .3s ease}.item-comparison .image-container .trapezoid .item-name[data-v-ad9470cf]{align-items:center;background:#000c;border-radius:20px;color:#fff;display:inline-flex;flex-shrink:0;font-size:18px;font-weight:400;height:38px;padding:0 24px;position:absolute;top:28px}.item-comparison .image-container .trapezoid .img[data-v-ad9470cf]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.item-comparison .image-container .left[data-v-ad9470cf]{aspect-ratio:571/242;border-bottom-left-radius:12px;border-top-left-radius:12px;bottom:0;clip-path:polygon(0 0,100% 0,79.7% 100%,0 100%);height:56%;left:0;position:absolute;z-index:1}.item-comparison .image-container .left.active[data-v-ad9470cf]{animation-name:bounce-ad9470cf;aspect-ratio:1060/435;clip-path:polygon(0 0,100% 0,78.5% 100%,0 100%);height:100%;z-index:2}.item-comparison .image-container .left .item-name[data-v-ad9470cf]{left:28px}.item-comparison .image-container .right[data-v-ad9470cf]{aspect-ratio:571/242;border-bottom-right-radius:16px;border-top-right-radius:16px;bottom:0;clip-path:polygon(22.1% 0,100% 0,100% 100%,0 100%);height:56%;position:absolute;right:0;z-index:1}.item-comparison .image-container .right.active[data-v-ad9470cf]{animation-name:bounce-ad9470cf;aspect-ratio:951/435;clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);height:100%;z-index:2}.item-comparison .image-container .right .item-name[data-v-ad9470cf]{right:54px}@media (max-width:768px){.item-comparison[data-v-ad9470cf]{width:calc(100% - 32px)}.item-comparison .title[data-v-ad9470cf]{font-size:var(--title-font-size);line-height:1.5}.item-comparison .sub-title[data-v-ad9470cf]{font-size:var(--sub-title-font-size);line-height:1.5;margin-bottom:12px;margin-top:8px}.item-comparison .image-container[data-v-ad9470cf]{aspect-ratio:361/107;flex-direction:column;height:auto}.item-comparison .image-container .left[data-v-ad9470cf]{aspect-ratio:159/67;border-bottom-left-radius:6px;border-top-left-radius:6px;bottom:0;clip-path:polygon(0 0,100% 0,74% 100%,0 100%);height:60%;left:0;position:absolute;width:auto;z-index:1}.item-comparison .image-container .left.active[data-v-ad9470cf]{animation-name:bounce-ad9470cf;aspect-ratio:267/107;clip-path:polygon(0 0,100% 0,75% 100%,0 100%);height:100%;width:auto;z-index:2}.item-comparison .image-container .left .item-name[data-v-ad9470cf]{left:8px;top:8px}.item-comparison .image-container .right[data-v-ad9470cf]{aspect-ratio:159/67;border-bottom-right-radius:16px;border-top-right-radius:16px;bottom:0;clip-path:polygon(26% 0,100% 0,100% 100%,0 100%);height:60%;position:absolute;right:0;width:auto;z-index:1}.item-comparison .image-container .right.active[data-v-ad9470cf]{animation-name:bounce-ad9470cf;aspect-ratio:240/107;clip-path:polygon(27.5% 0,100% 0,100% 100%,0 100%);height:100%;width:auto;z-index:2}.item-comparison .image-container .right .item-name[data-v-ad9470cf]{right:8px;top:8px}.item-comparison .image-container .trapezoid .item-name[data-v-ad9470cf]{border-radius:20px;font-size:12px;height:20px;line-height:18px;padding:0 8px}.item-comparison .trapezoid[data-v-ad9470cf]{clip-path:none;height:300px}}@keyframes bounce-ad9470cf{0%{transform:scale(1)}40%{transform:scale(1.08)}60%{transform:scale(.95)}80%{transform:scale(1.03)}to{transform:scale(1)}}.trapezoid[data-v-ad9470cf]{animation-timing-function:cubic-bezier(.25,.46,.45,1.5)}