.horizontal-rule.primarycolor hr {

    border: 0;

    height: 0;

    border-top: 1px solid var(--primarycolor);

}

.horizontal-rule.secondarycolor hr {

    border: 0;

    height: 0;

    border-top: 1px solid var(--secondarycolor);

}

.horizontal-rule.tertiarycolor hr {

    border: 0;

    height: 0;

    border-top: 1px solid var(--tertiarycolor);

}

.horizontal-rule.black hr {

    border: 0;

    height: 0;

    border-top: 1px solid var(--black);

}

.horizontal-rule.midgray hr {

    border: 0;

    height: 0;

    border-top: 1px solid var(--midgray);

}

.horizontal-rule.white hr {

    border: 0;

    height: 0;

    border-top: 1px solid var(--white);

}

.horizontal-rule.invisible hr {

    border: 0;

    height: 0;

    border-top: 1px solid #ffffff00;

}