.cs-section h2{font-family:Inter-Medium;letter-spacing:0;margin-top:0;line-height:1.2}.cs-inner{position:relative}.cs-after-title{position:absolute;bottom:0;right:17%;transform:translate(-17%)}.cs-before-title{position:absolute;bottom:0;left:22%;transform:translate(-22%)}.cs-title h4{flex:0 0 50%;max-width:50%;margin:0;text-transform:uppercase;line-height:1.3;padding:7px;font-family:Inter-bold}.cs-image{position:absolute;top:0;left:0;height:100%;width:100%}.cs-image--before{z-index:1;pointer-events:none}.cs-handle{position:absolute;top:0;bottom:0;left:50%;z-index:2;width:5px;display:flex;align-items:center;justify-content:center;pointer-events:none;cursor:e-resize}.cs-handle-arrow--left{width:10px;height:15px;position:absolute;top:50%;left:0;transform:translate(-20px,-50%);clip-path:polygon(100% 0%,0 50%,100% 100%);display:block!important}.cs-handle-arrow--right{width:10px;height:15px;position:absolute;top:50%;right:0;transform:translate(20px,-50%);clip-path:polygon(100% 50%,0 0,0 100%);display:block!important}.cs-slider{opacity:0;position:absolute;z-index:5;height:100%;width:100%;-webkit-appearance:none;overflow:hidden;cursor:grab}.cs-slider::-webkit-slider-thumb{-webkit-appearance:none;height:50rem;max-height:100%;width:5rem;border:solid 4px red}.cs-inner{position:relative;width:100%;z-index:0}.cs-image{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.cs-image--after{z-index:1}.cs-clip{position:relative;height:100%;width:100%;clip-path:inset(0 50% 0 0);overflow:hidden}.cs-clip img,.cs-image img{width:100%;height:100%;object-fit:cover;display:block}.cs-label{padding:8px 30px;box-shadow:0 3px 10px #000000a3;font-family:Inter;margin:60px auto -25px;width:fit-content;transform:rotate(5deg);position:relative;z-index:1}.cs-title-wrapper{position:absolute;bottom:0;width:100%;z-index:1}@media only screen and (max-width: 1024px){.cs-before-title{left:20%;transform:translate(-20%)}.cs-after-title{right:15%;transform:translate(-15%)}}@media only screen and (max-width: 767px){.cs-before-title{left:19%;transform:translate(-19%)}.cs-after-title{right:14%;transform:translate(-14%)}}@media only screen and (max-width: 550px){.cs-before-title{left:17%;transform:translate(-17%)}.cs-after-title{right:11%;transform:translate(-11%)}}@media only screen and (max-width: 450px){.cs-before-title{left:15%;transform:translate(-15%)}.cs-after-title{right:9%;transform:translate(-9%)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-after-before.css.map */