.bac{margin-top:24px}.bac__title{margin:0 0 12px;font-size:20px;font-weight:600;letter-spacing:-.02em}.bac__box{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-2);touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:ew-resize}.bac__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.bac__img--top{-webkit-clip-path:inset(0 calc(100% - var(--pos)) 0 0);clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.bac__tag{position:absolute;top:12px;padding:4px 10px;border-radius:999px;background:rgba(14,14,16,.72);color:#f4f2ee;font-size:13px;font-weight:550;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.bac__tag--l{left:12px}.bac__tag--r{right:12px}.bac__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:44px;margin-left:-22px;display:grid;place-items:center;outline:none}.bac__handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.18)}.bac__knob{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#0e0e10;box-shadow:0 4px 16px rgba(0,0,0,.3)}.bac .bac__handle:focus-visible{outline:none!important;box-shadow:none!important}.bac__handle:focus-visible .bac__knob{box-shadow:0 0 0 3px var(--ember),0 4px 16px rgba(0,0,0,.3)}