.comparison-container{position:relative;width:80%;max-width:50.0em;height:37.5em;overflow:hidden;border-radius:0.625em;box-shadow:0 0.25em 0.625em rgba(0,0,0,0.2);user-select:none}.comparison-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.comparison-image.after{clip-path:inset(0 50% 0 0);z-index:2}.comparison-handle{position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;background-color:transparent;border:0.125em solid white;border-radius:50%;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%)}.comparison-handle:hover{background-color:rgba(255,255,255,0.2);cursor:pointer}.left-arrow{transform:rotate(-270deg);left:0.312em}.right-arrow{transform:rotate(-90deg);right:0.312em}.divider-line{position:absolute;top:0;left:50%;width:0.25em;height:100%;background-color:white;transform:translateX(-50%);z-index:4;pointer-events:none;clip-path:polygon(0 0,100% 0,100% calc(50% - 1.25em),0 calc(50% - 1.25em),0 calc(50% + 1.25em),100% calc(50% + 1.25em),100% 100%,0 100%)}.before-label{left:10%}.after-label{right:10%}.label{position:absolute;top:50%;transform:translateY(-50%);font-size:1.0em;font-weight:bold;color:white;background:rgba(0,0,0,0.5);padding:0.312em 0.625em;border-radius:0.312em;z-index:10;pointer-events:none}.label.before{left:0.5%}.label.after{right:0.5%}