.before-after-slider{border-radius:16px;cursor:default;height:auto;overflow:hidden;position:relative;user-select:none;width:100%}.before-after-slider img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.before-image{clip-path:inset(0 50% 0 0);z-index:1}.after-image{clip-path:inset(0 0 0 50%);z-index:2}.slider-handle{align-items:center;cursor:ew-resize;display:flex;flex-direction:column;justify-content:center;width:40px;z-index:3}.handle-bar,.slider-handle{height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%)}.handle-bar{background-color:hsla(0,0%,100%,.8);mask-image:radial-gradient(circle,transparent 25px,#000 26px);-webkit-mask-image:radial-gradient(circle,transparent 25px,#000 26px);width:2px;z-index:1}.handle-circle{align-items:center;background:rgba(4,30,66,.2);border:2px solid hsla(0,0%,100%,.8);border-radius:50%;display:flex;height:50px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px;z-index:3}.handle-circle .fa-chevron-left,.handle-circle .fa-chevron-right{color:#fff;font-size:16px;position:absolute;text-shadow:1px 1px 2px rgba(0,0,0,.8);user-select:none}.fa-chevron-left{left:10px}.fa-chevron-right{right:10px}.slider-labels{bottom:0;display:flex;height:auto;justify-content:space-between;padding:0;pointer-events:none;position:absolute;width:100%;z-index:4}.slider-labels .label{background:#041e42;color:#fff;font-weight:400;padding:10px}.before-label{text-align:left;z-index:1}.after-label,.before-label{color:#fff;font-size:16px;padding:10px}.after-label{text-align:right;z-index:2}@media only screen and (max-width:600px){.before-after-slider{margin:0 auto;max-width:90%}.after-label,.before-label{font-size:9px}.handle-circle{height:30px;width:30px}.handle-bar{mask-image:radial-gradient(circle,transparent 15px,#000 16px);-webkit-mask-image:radial-gradient(circle,transparent 15px,#000 16px)}.handle-circle .fa-chevron-left,.handle-circle .fa-chevron-right{color:#fff;font-size:12px}.fa-chevron-right{right:4px}.fa-chevron-left{left:4px}}