.scl-ba{--pos:50%;position:relative;width:100%;height:530px;overflow:hidden;background:#05070d;user-select:none;-webkit-user-select:none}
.scl-ba__layer{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;background-position:center center}
.scl-ba__tint{position:absolute;inset:0;display:block;pointer-events:none}
.scl-ba__after{clip-path:inset(0 0 0 var(--pos))}
.scl-ba__overlay{position:absolute;inset:0;z-index:1;pointer-events:none}
.scl-ba__label{position:absolute;z-index:2;pointer-events:none;line-height:1}
.scl-ba__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:44px;margin-left:-22px;z-index:3;cursor:ew-resize;touch-action:pan-y;outline:none}
.scl-ba__line{position:absolute;left:50%;top:0;bottom:0;width:1px;transform:translateX(-50%);background:linear-gradient(transparent,#d9a04a,transparent);box-shadow:0 0 12px #d9a04a;pointer-events:none}
.scl-ba__knob{position:absolute;left:50%;bottom:60px;transform:translateX(-50%);width:32px;height:32px;border-radius:50%;background:#0b0b0b;border:1px solid #d9a04a;color:#d9a04a;display:flex;align-items:center;justify-content:center;pointer-events:none}
.scl-ba__knob i{font-size:13px}
.scl-ba__knob svg{width:13px;height:13px;fill:currentColor}

/* Background mode: widget fills the parent container */
.elementor-widget.scl-ba-bg--yes{position:absolute!important;inset:0;width:100%!important;height:100%;max-width:none!important;margin:0!important;z-index:0}
.scl-ba-bg--yes > .elementor-widget-container{height:100%}
.scl-ba-bg--yes .scl-ba{height:100%}
.scl-ba-bg--yes ~ .e-con{position:relative;z-index:2}