Revolut RevPoints Circular Slider Interaction

This interaction features a circular slider used to select a spare change multiplier. As the user drags the slider thumb, the progress arc draws dynamically, and the central multiplier text scales up and down with a springy bounce upon snapping to each integer. When reaching the maximum multiplier (x10), the entire inner circle fills with solid blue in a smooth expansion, and a small badge appears at the top. Simultaneously, the breakdown values below update in real-time, and the primary action button transitions between active and inactive states.