.frame-type-mask_comparison_slider .comparison-slider{--split: 50%;--separator-width: 12px;--separator-angle: 7deg;--handle-size: 40px;--split: 50%;--split-top: 50%;--split-bottom: 50%;position:relative;overflow:hidden;user-select:none;touch-action:none;max-height:70vh;min-height:70vh;border-top:5px solid var(--colorDark);border-bottom:5px solid var(--colorDark)}.frame-type-mask_comparison_slider .comparison-slider img,.frame-type-mask_comparison_slider .comparison-slider video{user-select:none;pointer-events:none;-webkit-user-drag:none}.frame-type-mask_comparison_slider .comparison-slider .media-before{z-index:0}.frame-type-mask_comparison_slider .comparison-slider .media-after{position:absolute;inset:0;z-index:1;clip-path:polygon(var(--split-top) 0%, 100% 0%, 100% 100%, var(--split-bottom) 100%)}.frame-type-mask_comparison_slider .comparison-slider .separator{position:absolute;top:-10%;bottom:-10%;left:var(--split);width:var(--separator-width);z-index:2;transform:translateX(-50%) rotate(var(--separator-angle));transform-origin:center center;background:red;pointer-events:none}.frame-type-mask_comparison_slider .comparison-slider .separator .handle{position:absolute;top:50%;left:50%;width:var(--handle-size);height:var(--handle-size);transform:translate(-50%, -50%);border-radius:50%;background:var(--colorWhite);cursor:ew-resize;pointer-events:auto}