.theme-qello .StepCounter_stepCounterContainer__25t__{--step-counter-number-background-color-inactive:var(--transparent);--step-counter-number-background-color-active:var(--qello-bright-purple);--step-counter-number-border-color-inactive:var(--white);--step-counter-number-border-color-active:var(--qello-bright-purple);--step-counter-number-text-color-inactive:var(--white);--step-counter-number-text-color-active:var(--white);--step-counter-title-color-inactive:var(--white);--step-counter-title-color-active:var(--qello-bright-purple)}.theme-qello.light .StepCounter_stepCounterContainer__25t__{--step-counter-number-border-color-inactive:var(--qello-dark-purple);--step-counter-number-text-color-inactive:var(--qello-dark-purple);--step-counter-title-color-inactive:var(--qello-dark-purple)}.theme-music .StepCounter_stepCounterContainer__25t__{--step-counter-number-background-color-inactive:var(--transparent);--step-counter-number-background-color-active:var(--music-electric-blue);--step-counter-number-border-color-inactive:var(--music-electric-blue);--step-counter-number-border-color-active:var(--music-electric-blue);--step-counter-number-text-color-inactive:var(--music-electric-blue);--step-counter-number-text-color-active:var(--white);--step-counter-title-color-inactive:var(--white);--step-counter-title-color-active:var(--white)}.theme-music.light .StepCounter_stepCounterContainer__25t__{--step-counter-title-color-inactive:var(--black);--step-counter-title-color-active:var(--black)}.theme-karaoke .StepCounter_stepCounterContainer__25t__{--step-counter-number-background-color-inactive:var(--transparent);--step-counter-number-background-color-active:var(--karaoke-pink);--step-counter-number-border-color-inactive:var(--karaoke-yellow);--step-counter-number-border-color-active:var(--karaoke-pink);--step-counter-number-text-color-inactive:var(--karaoke-yellow);--step-counter-number-text-color-active:var(--white);--step-counter-title-color-inactive:var(--white);--step-counter-title-color-active:var(--karaoke-pink)}.theme-karaoke.light .StepCounter_stepCounterContainer__25t__{--step-counter-title-color-inactive:var(--black);--step-counter-title-color-active:var(--black)}.theme-singingmachine .StepCounter_stepCounterContainer__25t__{--step-counter-number-background-color-inactive:var(--smc-light-turquoise);--step-counter-number-background-color-active:var(--smc-turquoise);--step-counter-number-border-color-inactive:var(--transparent);--step-counter-number-border-color-active:var(--smc-turquoise);--step-counter-number-text-color-inactive:var(--smc-turquoise);--step-counter-number-text-color-active:var(--white);--step-counter-title-color-inactive:var(--white);--step-counter-title-color-active:var(--smc-turquoise)}.theme-singingmachine.light .StepCounter_stepCounterContainer__25t__{--step-counter-title-color-inactive:var(--black);--step-counter-title-color-active:var(--black)}.StepCounter_stepCounterContainer__25t__{width:100%;display:flex;justify-content:center;font-family:var(--font-family-primary)}.StepCounter_stepCounterContainer__25t__ .StepCounter_stepsList__cwF95{display:flex;box-sizing:border-box;justify-content:space-around;gap:var(--space-16)}.StepCounter_stepCounterContainer__25t__ .StepCounter_stepsList__cwF95 .StepCounter_stepCounterItem__fJRRn{display:flex;flex-direction:column;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.StepCounter_stepCounterContainer__25t__ .StepCounter_stepsList__cwF95 .StepCounter_stepCounterItem__fJRRn.StepCounter_active__Cqi6I{color:var(--step-counter-title-color-active)}.StepCounter_stepCounterContainer__25t__ .StepCounter_stepsList__cwF95 .StepCounter_stepCounterItem__fJRRn.StepCounter_active__Cqi6I .StepCounter_stepCounterNumber__b3pcQ{border-color:var(--step-counter-number-border-color-active);background-color:var(--step-counter-number-background-color-active);color:var(--step-counter-number-text-color-active)}.StepCounter_stepCounterContainer__25t__ .StepCounter_stepsList__cwF95 .StepCounter_stepCounterItem__fJRRn.StepCounter_active__Cqi6I .StepCounter_stepCounterTitle__9KJPR{color:var(--step-counter-title-color-active);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal)}.StepCounter_stepCounterContainer__25t__ .StepCounter_stepsList__cwF95 .StepCounter_stepCounterItem__fJRRn.StepCounter_clickable__nhkVf{cursor:pointer}.StepCounter_stepCounterContainer__25t__ .StepCounter_stepsList__cwF95 .StepCounter_stepCounterItem__fJRRn .StepCounter_stepCounterNumber__b3pcQ{display:flex;justify-content:center;align-items:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-normal);border-radius:var(--border-radius-full);border:1px solid var(--step-counter-number-border-color-inactive);background-color:var(--step-counter-number-background-color-inactive);color:var(--step-counter-number-text-color-inactive);width:var(--space-6);height:var(--space-6);margin-bottom:6px}.StepCounter_stepCounterContainer__25t__ .StepCounter_stepsList__cwF95 .StepCounter_stepCounterItem__fJRRn .StepCounter_stepCounterTitle__9KJPR{width:inherit;text-align:center;color:var(--step-counter-title-color-inactive);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wide)}