.slider{height:600px}.comparisonslider,.slider{position:relative;width:900px;max-width:100%;margin:auto;overflow:hidden;border-radius:12px;background:#000}.comparisonslider{height:-moz-fit-content;height:fit-content}.slider img{width:100%;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.before-wrap,.slider img{position:absolute;top:0;left:0;height:100%}.before-wrap{width:50%;overflow:hidden;z-index:2;background-repeat:no-repeat;background-size:cover}.before1{background-image:url(/assets/img/ba/before1.jpg)}.before2,.before3,.before4,.before5,.before6,.before7{background-image:url(https://picsum.photos/id/1016/1200/800)}.handle{top:0;width:4px;height:100%;background:hsla(0,0%,100%,.911);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:3;cursor:ew-resize;box-shadow:0 0 12px #fff}.handle,.handle:before{position:absolute;left:50%}.handle:before{content:"";top:50%;width:50px;height:50px;transform:translate(-50%,-50%);background:hsla(0,0%,100%,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50%;background-image:url(/assets/img/home-01/hero/arrow.svg);background-size:100%;background-repeat:no-repeat;background-position:50%}.label{position:absolute;top:10px;padding:6px 12px;font-size:13px;background:rgba(0,0,0,.6);color:#fff;border-radius:4px;z-index:4}.label.before{left:10px}.label.after{right:10px}@media (max-width:600px){.slider{width:385px;height:250px}.comparisonslider,.slider{position:relative;max-width:100%;margin:auto;overflow:hidden;border-radius:12px;background:#000}.comparisonslider{width:387px}}