.gp-heading--root[data-line-sides="both"]::before,
.gp-heading--root[data-line-sides="both"]::after {
    content: "";
    display: block;
}

.gp-heading--lines--root {
    flex: 1 1 0;
    line-height: 0;
    display: flex;
    align-items: center;
}
.gp-heading--lines--root[data-item="dot"] {
    flex: 0 0 auto;
}
.gp-heading--lines--root svg {
    width: 100%;
    display: block;
}

.gp-heading--root[data-render="svg"]::before,
.gp-heading--root[data-render="svg"]::after {
    content: none;
    display: none;
}



.gp-heading--root::before,
.gp-heading--root::after {
    content: "";
    flex: 1;
    height: var(--line-thickness);
    background: var(--line-color);
}

/* Disable lines when toggle is off */
.gp-heading--root[data-enable-lines="no"]::before,
.gp-heading--root[data-enable-lines="no"]::after {
    content: none !important;
    display: none !important;
}
 
/* Dots mode: fixed-size "dot" elements instead of lines */
.gp-heading--root[data-decor="dot"]::before,
.gp-heading--root[data-decor="dot"]::after {
    flex: 0 0 auto;
    width: var(--dot-w);
    height: var(--dot-h);
    background: var(--line-color);
    border-radius:
        var(--dot-rtl, 999px)
        var(--dot-rtr, 999px)
        var(--dot-rbr, 999px)
        var(--dot-rbl, 999px);
}