.wds-Divider {
    --Divider-border-width: 4px;
    --Divider-border-color: var(--color-border-neutral);
    --Divider-border-style: solid;
    --Divider-dash-length: 4px;
    --Divider-dash-spacing: 4px;

    border-top: var(--Divider-border-width) var(--Divider-border-style) var(--Divider-border-color);
    display: inline-block;
    margin: 0;
    padding: 0;
    height: var(--Divider-border-width);
    width: 100%;

    &--content {
        border-top: none;
        background: repeating-linear-gradient(
            to right,
            var(--Divider-border-color),
            var(--Divider-border-color) var(--Divider-dash-length),
            transparent var(--Divider-dash-length),
            transparent calc(var(--Divider-dash-length) + var(--Divider-dash-spacing))
        );
        height: var(--Divider-border-width);
    }

    &--content,
    &--subsection {
        --Divider-border-width: 1px;
    }
}