.font-12 {
    font-size: var(--ion-font-size-12);
}

.ml-auto {
    margin-left: auto;
}

.my-5 {
    margin: 5px 0;
}

.karma-points {
    color: var(--ion-color-warning);
}

.progress-indicator {
    height: 5px;
    border-radius: var(--ion-border-radius-5);
    --background: var(--ion-background-button);
    --progress-background: var(--ion-color);

    &.sant {
        --background: var(--ion-content-color-sant);
        --progress-background: var(--ion-color-sant);
    }

}