.kw-ba{--kw-ba-pos:50%;--kw-ba-ar:3 / 2;position:relative;overflow:hidden;background:var(--al-bone-deep,#e4e4e4);touch-action:pan-y}.kw-ba__img{display:block;object-fit:cover;user-select:none;-webkit-user-drag:none}.kw-ba__img--base{position:static;width:100%;height:auto;aspect-ratio:var(--kw-ba-ar,3 / 2);max-width:100%}.kw-ba>picture{display:block}.kw-ba__after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--kw-ba-pos))}.kw-ba__after picture{display:block;height:100%}.kw-ba__after .kw-ba__img{position:absolute;inset:0;width:100%;height:100%;max-width:none}.kw-ba__divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--kw-ba-pos);width:2px;margin-left:-1px;background:var(--al-white,#fff);box-shadow:0 0 0 1px rgb(0 0 0 / 12%);pointer-events:none}.kw-ba__grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--al-white,#fff);box-shadow:0 2px 10px rgb(0 0 0 / 22%);color:var(--al-text,#565657)}.kw-ba__grip svg{width:45%;height:45%;stroke:currentColor;fill:none;stroke-width:1.6}.kw-ba__range{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;padding:0;opacity:0;background:#fff0;border:0;appearance:none;-webkit-appearance:none;cursor:ew-resize}.kw-ba__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:44px;height:100vh}.kw-ba__range::-moz-range-thumb{width:44px;height:100vh;border:0;border-radius:0}.kw-ba:has(.kw-ba__range:focus-visible) .kw-ba__grip{outline:3px solid var(--al-petrol,#153644);outline-offset:3px}.kw-ba__tag{position:absolute;bottom:10px;z-index:1;padding:4px 10px;border-radius:40px;background:rgb(255 255 255 / 90%);font-size:.6875rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;line-height:1.3;color:var(--al-text,#565657);pointer-events:none}.kw-ba__tag--before{left:10px}.kw-ba__tag--after{right:10px}.kw-ba--single .kw-ba__after,.kw-ba--single .kw-ba__divider,.kw-ba--single .kw-ba__range,.kw-ba--single .kw-ba__tag{display:none}.kw-ba--single{touch-action:auto}@media (prefers-reduced-motion:no-preference){.kw-ba.is-hinting .kw-ba__divider{transition:left 0.9s cubic-bezier(.4,0,.2,1)}.kw-ba.is-hinting .kw-ba__after{transition:clip-path 0.9s cubic-bezier(.4,0,.2,1)}}.kw-ba-notice{display:grid;place-items:center;min-height:160px;padding:1.25rem;border:1px dashed #c3c4c7;background:#f6f7f7;color:#50575e;font-size:13px;line-height:1.5;text-align:center}