.ark-block-heading {
    --ark-mt: var(--ark-mt--h);
    text-align: center
}

.ark-block-heading .ark-block-heading__main {
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 0
}

.ark-block-heading .ark-block-heading__sub {
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 0;
    margin-top: 0;
    opacity: .9
}

.ark-block-heading .ark-block-heading__line {
    color: var(--ark-color--main, inherit);
    display: flex;
    justify-content: center
}

.ark-block-heading .ark-block-heading__line:before {
    background-color: currentColor;
    border-radius: 2px;
    content: "";
    display: block;
    height: 2px;
    width: 3em
}

.ark-block-heading.has-text-align-left {
    text-align: left
}

.ark-block-heading.has-text-align-left .ark-block-heading__line {
    justify-content: flex-start
}

.ark-block-heading.has-text-align-right {
    text-align: right
}

.ark-block-heading.has-text-align-right .ark-block-heading__line {
    justify-content: flex-end
}

.ark-block-heading[data-sub=top] .ark-block-heading__line {
    margin-top: .75em
}

.ark-block-heading[data-sub=bottom] .ark-block-heading__line {
    margin: .5em 0 .8em
}