.phero .chips li span{color:var(--ink)}.phero .chips svg{color:var(--blue-500)}.ba{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-md);aspect-ratio:16/9;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;cursor:ew-resize}.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ba .handle{top:0;bottom:0;width:3px;box-shadow:0 0 0 1px rgba(7,26,56,.25);z-index:3;pointer-events:none}.ba .handle,.ba .knob{position:absolute;background:#fff}.ba .knob{top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;box-shadow:var(--shadow-md);display:grid;place-items:center;color:var(--blue-700);font-size:1.1rem;font-weight:700}.ba .tag{position:absolute;bottom:14px;background:rgba(7,26,56,.85);color:#fff;font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:999px;z-index:2}.ba .tag.l{left:14px}.ba .tag.r{right:14px}.ba-range{position:absolute;inset:auto 0 0 0;width:100%;opacity:0;height:44px;z-index:4;cursor:ew-resize}.ba-range:focus-visible{opacity:1}