.bar {
    border-width: 0 0 4px 0;
    border-style: solid;
}

/* Default */
.bar.bar-default {
    border-color: var(--colorDefault50, #d2d2d2);
}

.bar.bar-default .button .icon,
.bar.bar-default .title {
    color: var(--textColor30, #7f7f7f);
}

/* Positive */
.bar.bar-positive {
    border-color: var(--colorPrimary60, #0f6788);
}

/* Calm */
.bar.bar-calm {
    border-color: var(--colorCalm50, #5694ac);
}

/* Assertive */
.bar.bar-assertive {
    border-color: var(--colorDanger50, #bb3028);
}

/* Energized */
.bar.bar-energized {
    border-color: var(--colorWarning50, #bb6114);
}

/* Balanced */
.bar.bar-balanced {
    border-color: var(--colorSuccess50, #1d8520);
}

/* Royal */
.bar.bar-royal {
    border-color: var(--colorRoyal50, #644eab);
}

/* Light */
.bar.bar-light {
    border-color: var(--colorLight50, #b4b4b4);
}

/* Stable */
.bar.bar-stable {
    border-color: var(--colorStable50, #b6b6b6);
}

/* Dark */
.bar.bar-dark {
    border-color: var(--colorDark50, #3e3e3e);
}