.adsy-ba{--adsy-ba:50%;position:relative;overflow:hidden;border-radius:var(--global-kb-radius-md,16px);aspect-ratio:4/3;user-select:none;touch-action:pan-y}
.adsy-ba__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;max-width:none}
.adsy-ba__clip{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--adsy-ba)) 0 0)}
.adsy-ba__line{position:absolute;top:0;bottom:0;left:var(--adsy-ba);width:2px;margin-left:-1px;background:var(--global-palette9,#fff);pointer-events:none}
.adsy-ba__handle{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:var(--global-palette9,#fff);box-shadow:0 4px 14px rgba(0,0,0,.25)}
.adsy-ba__handle::before,.adsy-ba__handle::after{content:"";position:absolute;top:50%;width:0;height:0;margin-top:-6px;border:6px solid transparent}
.adsy-ba__handle::before{left:7px;border-right-color:var(--global-palette3,#16191d)}
.adsy-ba__handle::after{right:7px;border-left-color:var(--global-palette3,#16191d)}
.adsy-ba__label{position:absolute;top:12px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:13px;line-height:1.4;pointer-events:none}
.adsy-ba__label--przed{left:12px}
.adsy-ba__label--po{right:12px}
.adsy-ba__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.adsy-ba:focus-within .adsy-ba__handle{outline:3px solid var(--global-palette1);outline-offset:2px}
