.pc-before-after-wrapper{position:relative;width:100%;overflow:hidden;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.pc-before-after-wrapper img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;pointer-events:none}.pc-image-before{position:relative;width:100%}.pc-image-after{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:inset(0 0 0 calc(var(--pc-position) * 1%))}.pc-image-after img{height:100%}.pc-label{position:absolute;z-index:5;pointer-events:none;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.pc-v-center .pc-label{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pc-labels-hover-only .pc-label{opacity:0}.pc-labels-hover-only:hover .pc-label{opacity:1}.pc-before-after-handle{position:absolute;top:0;bottom:0;left:calc(var(--pc-position) * 1%);-webkit-transform:translateX(-50%);transform:translateX(-50%);cursor:ew-resize;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;z-index:10}.pc-handle-button{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;pointer-events:none;-ms-flex-negative:0;flex-shrink:0}.pc-handle-button svg{width:60%;height:60%;pointer-events:none}