.color-color1 {
    background: var(--color1);
    border: var(--border-width, 1px) solid var(--border-color)
}

.color-color2 {
    background: var(--color2);
    border: var(--border-width, 1px) solid var(--border-color)
}

.color-color3 {
    background: var(--color3);
    border: var(--border-width, 1px) solid var(--border-color)
}

.color-color4 {
    background: var(--color4);
    border: var(--border-width, 1px) solid var(--border-color)
}

.color-black {
    background: var(--black);
    border: var(--border-width, 1px) solid var(--border-color)
}

.color-gray1 {
    background: var(--gray1);
    border: var(--border-width, 1px) solid var(--border-color)
}

.color-gray2 {
    background: var(--gray2);
    border: var(--border-width, 1px) solid var(--border-color)
}

.color-gray3 {
    background: var(--gray3);
    border: var(--border-width, 1px) solid var(--border-color)
}

.color-gray4 {
    background: var(--gray4);
    border: var(--border-width, 1px) solid var(--border-color)
}

.color-gray5 {
    background: var(--gray5);
    border: var(--border-width, 1px) solid var(--border-color)
}

.color-white {
    background: var(--white);
    border: var(--border-width, 1px) solid var(--border-color)
}

.color-white-opacity {
    background: var(--white-opacity);
    border: var(--border-width, 1px) solid var(--border-color)
}

.color-error {
    background: var(--error);
    border: var(--border-width, 1px) solid var(--border-color)
}

.color-valid {
    background: var(--valid);
    border: var(--border-width, 1px) solid var(--border-color)
}

.color-warning {
    background: var(--warning);
    border: var(--border-width, 1px) solid var(--border-color)
}

.color-information {
    background: var(--information);
    border: var(--border-width, 1px) solid var(--border-color)
}

.color1 {
    color: var(--color1)
}

.color2 {
    color: var(--color2)
}

.color3 {
    color: var(--color3)
}

.color4 {
    color: var(--color4)
}

.black {
    color: var(--black)
}

.gray1 {
    color: var(--gray1)
}

.gray2 {
    color: var(--gray2)
}

.gray3 {
    color: var(--gray3)
}

.gray4 {
    color: var(--gray4)
}

.gray5 {
    color: var(--gray5)
}

.white {
    color: var(--white)
}

.white-opacity {
    color: var(--white-opacity)
}

.error {
    color: var(--error)
}

.valid {
    color: var(--valid)
}

.warning {
    color: var(--warning)
}

.information {
    color: var(--information)
}

div.margin-top > h2 {
    position: relative;
    overflow: hidden;
    margin-bottom: 48px
}

div.margin-top > h2:after {
    content: "";
    position: absolute;
    border-top: 4px solid #e1e1e1;
    top: 50%;
    width: 100%
}