/* background-color-active */
div.crn-ion-segment-classic ul.active-background-default li.active,
div.crn-ion-segment-modern ul.active-background-default li.active {
    background: linear-gradient(var(--colorDefault30, #899cb7), var(--colorDefault40, #446e9b));
    border-color: var(--colorDefault40, #446e9b);
}

div.crn-ion-segment-classic ul.active-background-assertive li.active,
div.crn-ion-segment-modern ul.active-background-assertive li.active {
    background: linear-gradient(var(--colorDanger40, #cd0200), var(--colorDanger50, #b30200));
    border-color: var(--colorDanger50, #b30200);
}

div.crn-ion-segment-classic ul.active-background-balanced li.active,
div.crn-ion-segment-modern ul.active-background-balanced li.active {
    background: linear-gradient(var(--colorSuccess40, #3cb521), var(--colorSuccess50, #359e1d));
    border-color: var(--colorSuccess50, #359e1d);
}

div.crn-ion-segment-classic ul.active-background-energized li.active,
div.crn-ion-segment-modern ul.active-background-energized li.active {
    background: linear-gradient(var(--colorWarning40, #d47500), var(--colorWarning50, #ba6600));
    border: 1px solid var(--colorWarning50, #ba6600);
}

div.crn-ion-segment-classic ul.active-background-light li.active,
div.crn-ion-segment-modern ul.active-background-light li.active {
    background: linear-gradient(var(--colorLight30, #f2f2f2), var(--colorLight50, #d0d0d0));
    border-color: var(--colorLight50, #d0d0d0);
}

div.crn-ion-segment-classic ul.active-background-stable li.active,
div.crn-ion-segment-modern ul.active-background-stable li.active {
    background: linear-gradient(var(--colorStable30, #fafafa), var(--colorStable40, #f8f8f8));
    border-color: var(--colorStable40, #f8f8f8);
}

div.crn-ion-segment-classic ul.active-background-calm li.active,
div.crn-ion-segment-modern ul.active-background-calm li.active {
    background: linear-gradient(var(--colorCalm30, #83b6f6), var(--colorCalm40, #3399f3));
    border-color: var(--colorCalm40, #3399f3);
}

div.crn-ion-segment-classic ul.active-background-positive li.active,
div.crn-ion-segment-modern ul.active-background-positive li.active {
    background: linear-gradient(var(--colorPrimary40, #999999), var(--colorPrimary50, #868686));
    border-color: var(--colorPrimary50, #868686);
}

div.crn-ion-segment-classic ul.active-background-royal li.active,
div.crn-ion-segment-modern ul.active-background-royal li.active {
    background: linear-gradient(var(--colorRoyal40, #886aea), var(--colorRoyal50, #775dcd));
    border-color: var(--colorRoyal50, #775dcd);
}

div.crn-ion-segment-classic ul.active-background-dark li.active,
div.crn-ion-segment-modern ul.active-background-dark li.active {
    background: linear-gradient(var(--colorDark30, #838383), var(--colorDark40, #333333));
    border-color: var(--colorDark40, #333333);
}