.is-style-cnvs-heading-numbered
{
    --cnvs-heading-numbered-background: #ced4da;
    --cnvs-heading-numbered-color: #fff;
    --cnvs-heading-numbered-border-radius: 50rem;
}
.content, .entry-content
{
    counter-reset: h2;
}
.content h2, .entry-content h2
{
    counter-reset: h3;
}
.content h3, .entry-content h3
{
    counter-reset: h4;
}
.content h4, .entry-content h4
{
    counter-reset: h5;
}
.content h5, .entry-content h5
{
    counter-reset: h6;
}
.is-style-cnvs-heading-numbered
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.is-style-cnvs-heading-numbered:before
{
    margin-right: .5em;
}
h2.is-style-cnvs-heading-numbered:before
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: .34em;
    padding-right: .34em;
    height: 1.25em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.25em;
    flex: 0 0 1.25em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    border-radius: var(--cnvs-heading-numbered-border-radius);
    background: var(--cnvs-heading-numbered-background);
    color: var(--cnvs-heading-numbered-color);
    counter-increment: h2;
    content: counter(h2);
}
h3.is-style-cnvs-heading-numbered:before
{
    counter-increment: h3;
    content: counter(h3);
}
h2.is-style-cnvs-heading-numbered~h3.is-style-cnvs-heading-numbered:before
{
    content: counter(h2) "." counter(h3);
}
h4.is-style-cnvs-heading-numbered:before
{
    counter-increment: h4;
    content: counter(h4);
}
h3.is-style-cnvs-heading-numbered~h4.is-style-cnvs-heading-numbered:before
{
    content: counter(h3) "." counter(h4);
}
h2.is-style-cnvs-heading-numbered~h3.is-style-cnvs-heading-numbered~h4.is-style-cnvs-heading-numbered:before
{
    content: counter(h2) "." counter(h3) "." counter(h4);
}
h5.is-style-cnvs-heading-numbered:before
{
    counter-increment: h5;
    content: counter(h5);
}
h4.is-style-cnvs-heading-numbered~h5.is-style-cnvs-heading-numbered:before
{
    content: counter(h4) "." counter(h5);
}
h3.is-style-cnvs-heading-numbered~h4.is-style-cnvs-heading-numbered~h5.is-style-cnvs-heading-numbered:before
{
    content: counter(h3) "." counter(h4) "." counter(h5);
}
h2.is-style-cnvs-heading-numbered~h3.is-style-cnvs-heading-numbered~h4.is-style-cnvs-heading-numbered~h5.is-style-cnvs-heading-numbered:before
{
    content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5);
}
h6.is-style-cnvs-heading-numbered:before
{
    counter-increment: h6;
    content: counter(h6);
}
h5.is-style-cnvs-heading-numbered~h6.is-style-cnvs-heading-numbered:before
{
    content: counter(h5) "." counter(h6);
}
h4.is-style-cnvs-heading-numbered~h5.is-style-cnvs-heading-numbered~h6.is-style-cnvs-heading-numbered:before
{
    content: counter(h4) "." counter(h5) "." counter(h6);
}
h3.is-style-cnvs-heading-numbered~h4.is-style-cnvs-heading-numbered~h5.is-style-cnvs-heading-numbered~h6.is-style-cnvs-heading-numbered:before
{
    content: counter(h3) "." counter(h4) "." counter(h5) "." counter(h6);
}
h2.is-style-cnvs-heading-numbered~h3.is-style-cnvs-heading-numbered~h4.is-style-cnvs-heading-numbered~h5.is-style-cnvs-heading-numbered~h6.is-style-cnvs-heading-numbered:before
{
    content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6);
}