.b-before-after__content{aspect-ratio:16/9;border-radius:.75rem;width:100%;position:relative;overflow:hidden}.b-before-after__content img{-webkit-user-select:none;user-select:none;max-width:none}.b-before-after__after,.b-before-after__before{height:100%;position:absolute;top:0;left:0;overflow:hidden}.b-before-after__before{z-index:2;width:50%}.b-before-after__after{z-index:1;width:100%}.b-before-after__resizer{background-color:var(--secondary-color-1);cursor:w-resize;touch-action:pan-y;z-index:5;align-items:center;width:.2rem;height:100%;display:flex;position:absolute;top:0;left:50%}.b-before-after__resizer.resize{cursor:ew-resize}.b-before-after__resizer-handle{background:var(--primary-color-1);box-sizing:border-box;color:var(--primary-color-1);z-index:3;border:.2rem solid #fff;border-radius:50%;flex-flow:row;justify-content:center;align-items:center;gap:1rem;width:4rem;height:4rem;font-weight:900;display:flex;position:absolute;transform:translate(-1.9rem)}.b-before-after__resizer-handle svg:first-of-type{transform:rotate(180deg)}.b-before-after__resizer-handle svg *{stroke:#fff;stroke-width:.2rem}