.page[name='onboarding'] {
    background-color: #ffffff;
}
.page[name='onboarding'] > .header > .center > .steps > .step:not(.done) > .text {
    background-color: #f6f9ff;
}
.page[name='onboarding'] > .header > .center > .steps > .step.current > .text {
    border: 1.4px dashed #2b246b;
}
.page[name='onboarding'] > .header > .center > .steps > .step.done > .text {
    background-color: #2b246b;
    color: #ffffff;
}
.page[name='onboarding'] > .header > .center > .steps > .step > .line {
    border-top: 1px dashed rgba(28, 28, 53, 0.28);
}
.page[name='onboarding'] > .content > .panel {
    background-color: #f6f9ff;
}
.page[name='onboarding'] > .content > .panel > .button[key='back'] {
    color: #1c1c35;
    border: 1px solid #000000;
}
.page[name='onboarding'] > .content > .panel > .button[key='nextOrSave'] {
    color: #ffffff;
    background: linear-gradient(180deg, #e35c97 0%, #e6087b 100%);
    border: 1px solid #e6087b;
}
.page[name='onboarding'] > .content > .panel > .formWrapper > .fForm > .fields > .field > label,
.page[name='onboarding'] > .content > .panel > .formWrapper > .fForm > .fields > .field > .inputWrapper > input,
.page[name='onboarding'] > .content > .panel > .formWrapper > .fForm > .fields > .field > input::placeholder {
    color: #4a4f78;
}
.page[name='onboarding'] > .content > .panel > .formWrapper > .fForm > .fields > .field > input,
.page[name='onboarding'] > .content > .panel > .formWrapper > .fForm > .fields > .field > .inputWrapper > input,
.page[name='onboarding'] > .content > .panel > .formWrapper > .fForm > .fields > .field > select {
    background-color: #ffffff;
    color: #15172b;
    border: 1.5px solid rgba(40, 38, 90, 0.12);
}
.page[name='onboarding'] > .content > .panel > .formWrapper > .fForm > .fields > .field[key='planType'] > .options {
    background-color: #fffff8;
}
.page[name='onboarding'] > .content > .panel > .formWrapper > .fForm > .fields > .field[key='planType'] > .options > .option.active {
    background-color: #17175d;
    color: #ffffff;
}
.page[name='onboarding'] > .content > .panel > .formWrapper > .fForm > .fields > .field[key='planType'] > .note {
    background-color: #fff4f9;
}
.page[name='onboarding'] > .content > .panel > .formWrapper > .fForm > .fields > .field[key='planType'] > .text,
.page[name='onboarding'] > .content > .panel > .formWrapper > .fForm > .fields > .field[key='planType'] > .plan[key='midWeek'],
.page[name='onboarding'] > .content > .panel > .formWrapper > .fForm > .fields > .field[key='planType'] > .plan[key='fullWeek'] > .side{
    background-color: #ffffff;
}