.twelvekm-horizontal-rule-block {
    background-color: var(--wp--preset--color--tertiary);
    height: 1px;
    margin-block-end: var(--12k--style--block-gap);
    width:100%
}
.twelvekm-horizontal-rule-block .inner {
    max-width: calc(var(--wp--style--global--wide-size) - var(--12k--style--site--gutter) * 2);
    padding-inline: 0 !important;
}
.twelvekm-horizontal-rule-block .inner > div {
    background-color: var(--wp--preset--color--tertiary);
    height: 17px;
    position: absolute;
    width: 1px;
}

/* Outer Lines ----------------------------------------------- */

.twelvekm-horizontal-rule-block .inner > div:first-child,
.twelvekm-horizontal-rule-block .inner > div:last-child {
    height: 33px;
    inset-block-start: -1rem;
}
.twelvekm-horizontal-rule-block .inner > div:first-child {
    inset-inline-start: calc(clamp(0.5rem, 0.3333rem + 0.8333vw, 1rem) * -1);
}
.twelvekm-horizontal-rule-block .inner > div:last-child {
    inset-inline-end: calc(clamp(0.5rem, 0.3333rem + 0.8333vw, 1rem) * -1);
}

/* Center Lines ---------------------------------------------- */

.twelvekm-horizontal-rule-block .inner > div:nth-child(2) {
    inset-inline-start: 50%;
    transform: translateX(-50%);
}
.twelvekm-horizontal-rule-block .inner > div:nth-child(2),
.twelvekm-horizontal-rule-block .inner > div:nth-child(3) {
    display: none;
}
@media (min-width: 782px) {
    .twelvekm-horizontal-rule-block.has-center-top .inner > div:nth-child(2),
    .twelvekm-horizontal-rule-block.has-center-bottom .inner > div:nth-child(2),
    .twelvekm-horizontal-rule-block.has-two-third-top .inner > div:nth-child(3),
    .twelvekm-horizontal-rule-block.has-two-third-bottom .inner > div:nth-child(3) {
        display: block;
        inset-inline-start: 50%;
        transform: translateX(-50%);
    }
    .twelvekm-horizontal-rule-block.has-one-third-top .inner > div:nth-child(2),
    .twelvekm-horizontal-rule-block.has-one-third-bottom .inner > div:nth-child(2),
    .twelvekm-horizontal-rule-block.has-thirds-top .inner > div:nth-child(2),
    .twelvekm-horizontal-rule-block.has-thirds-bottom .inner > div:nth-child(2) {
        display: block;
        inset-inline-start: 33.33%;
        transform: translateX(-50%);
    }
    .twelvekm-horizontal-rule-block.has-two-third-top .inner > div:nth-child(3),
    .twelvekm-horizontal-rule-block.has-two-third-bottom .inner > div:nth-child(3),
    .twelvekm-horizontal-rule-block.has-thirds-top .inner > div:nth-child(3),
    .twelvekm-horizontal-rule-block.has-thirds-bottom .inner > div:nth-child(3) {
        display: block;
        inset-inline-start: 66.66%;
        transform: translateX(-50%);
    }
    .twelvekm-horizontal-rule-block.has-center-top .inner > div:nth-child(2),
    .twelvekm-horizontal-rule-block.has-center-top.has-center-bottom .inner > div:nth-child(2),
    .twelvekm-horizontal-rule-block.has-one-third-top .inner > div:nth-child(2),
    .twelvekm-horizontal-rule-block.has-one-third-top.has-one-third-bottom .inner > div:nth-child(2),
    .twelvekm-horizontal-rule-block.has-two-third-top .inner > div:nth-child(3),
    .twelvekm-horizontal-rule-block.has-two-third-top.has-two-third-bottom .inner > div:nth-child(3),
    .twelvekm-horizontal-rule-block.has-thirds-top .inner > div:nth-child(2),
    .twelvekm-horizontal-rule-block.has-thirds-top .inner > div:nth-child(3),
    .twelvekm-horizontal-rule-block.has-thirds-top.has-thirds-bottom .inner > div:nth-child(2),
    .twelvekm-horizontal-rule-block.has-thirds-top.has-thirds-bottom .inner > div:nth-child(3) {
        inset-block-start: -1rem;
    }
    .twelvekm-horizontal-rule-block.has-center-bottom .inner > div:nth-child(2),
    .twelvekm-horizontal-rule-block.has-one-third-bottom .inner > div:nth-child(2),
    .twelvekm-horizontal-rule-block.has-two-third-bottom .inner > div:nth-child(3),
    .twelvekm-horizontal-rule-block.has-thirds-bottom .inner > div:nth-child(2),
    .twelvekm-horizontal-rule-block.has-thirds-bottom .inner > div:nth-child(3) {
        inset-block-start: 0;
    }
    .twelvekm-horizontal-rule-block.has-center-top.has-center-bottom .inner > div:nth-child(2),
    .twelvekm-horizontal-rule-block.has-one-third-top.has-one-third-bottom .inner > div:nth-child(2),
    .twelvekm-horizontal-rule-block.has-two-third-top.has-two-third-bottom .inner > div:nth-child(3),
    .twelvekm-horizontal-rule-block.has-thirds-top.has-thirds-bottom .inner > div:nth-child(2),
    .twelvekm-horizontal-rule-block.has-thirds-top.has-thirds-bottom .inner > div:nth-child(3) {
        height: 33px;
    }
}