.mp-pk-card{position:relative;display:flex;width:100%;height:100%;box-sizing:border-box;overflow:hidden;opacity:0;align-items:stretch;justify-content:space-between;border-radius:var(--radius)}.finish{opacity:1}mp-pk-card{width:100%;height:100%;border-radius:var(--radius)}.with-bg{background-size:cover;background-repeat:no-repeat;background-position:left var(--bgLeft) center}.mp-pk-card-divider{position:absolute;width:var(--gap);opacity:0;z-index:-1}.mp-pk-card-scale-bar,.mp-pk-card-scale-bar-bg{position:absolute;top:0;left:50%;bottom:0;width:var(--gap);z-index:10;transform:translateX(-50%) skewX(var(--deg))}.mp-pk-card-scale-bar{opacity:var(--bgOpacity);background-color:var(--bg)}.mp-pk-card-scale-bar-bg{background-color:#fff;z-index:9}.mp-pk-card-image{position:absolute;top:0;left:0;width:var(--max);height:100%;clip-path:polygon(0 0,var(--top) 0,var(--bottom) 100%,0 100%)}.mp-pk-card-item{position:absolute;top:0;bottom:0;z-index:15}.mp-pk-card-left{left:0;width:var(--max);background-color:transparent;clip-path:polygon(0 0,calc(100% - var(--gap)/ 2) 0,calc(100% - var(--gap)/ 2 - var(--halfScaleWidth) * 2) 100%,0 100%)}.mp-pk-card-right{right:0;width:var(--max);background-color:transparent;clip-path:polygon(calc(var(--halfScaleWidth) * 2 + var(--gap)/ 2) 0,100% 0,100% 100%,calc(var(--gap)/ 2) 100%)}