.TradeIn_banner{width:100%;position:relative;box-sizing:border-box}.TradeIn_banner *,.TradeIn_banner *:before,.TradeIn_banner *:after{box-sizing:border-box}.TradeIn_banner .l40-tradein__compare{position:relative;width:100%}.TradeIn_banner .divide{position:relative;width:100%;height:100%;overflow:hidden}.TradeIn_banner .divide .view{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.TradeIn_banner .divide .view--after{z-index:1}.TradeIn_banner .divide .view--after:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#e3e3e34d;pointer-events:none;z-index:2}.TradeIn_banner .divide .view--after img{filter:grayscale(.4) brightness(.92)}.TradeIn_banner .divide .view--before{z-index:2;-webkit-clip-path:polygon(0 0,50% 0,50% 100%,0 100%);clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.TradeIn_banner .divide .view img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.TradeIn_banner .divide .line{position:absolute;top:0;left:50%;width:1px;height:100%;background:transparent;cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:4;transform:translate(-50%);-webkit-tap-highlight-color:transparent;touch-action:none}.TradeIn_banner .divide .line .line__handle{position:absolute;top:50%;left:50%;width:106px;height:44px;border-radius:22px;transform:translate(-50%,-50%);background:#ffffffa6;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);box-shadow:inset 0 0 0 1px #ffffff8c,0 6px 22px #0000002e;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:ew-resize;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;transition:transform .18s ease,box-shadow .18s ease}.TradeIn_banner .divide .line .line__handle svg{width:100%;height:auto;display:block;pointer-events:none}.TradeIn_banner .divide .line:hover .line__handle,.TradeIn_banner .divide .line:active .line__handle{transform:translate(-50%,-50%) scale(1.04);box-shadow:inset 0 0 0 1px #ffffffa6,0 8px 28px #00000038}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.TradeIn_banner .divide .line .line__handle{background:#ffffffe0}}@media screen and (max-width:850px){.TradeIn_banner .divide .line .line__handle{width:47px;height:19px;border-radius:17px}}.TradeIn_banner .banner_pc{display:block}.TradeIn_banner .banner_mo{display:none}@media screen and (max-width:850px){.TradeIn_banner .banner_pc{display:none}.TradeIn_banner .banner_mo{display:block}}
/*# sourceMappingURL=/cdn/shop/t/122/assets/TradeIn-banner2.css.map */