.HeadingTabs{

}

.HeadingTabs > [name=navhead]{
    display: grid;
    grid-auto-columns: min-content;
    gap: 10px;
    width: stretch;
    border-bottom: 1px solid lightgrey;
}

.HeadingTabs > [name=navhead] > *{
    grid-row: 1;
}

.HeadingTabs > [name=navhead] [name=tab]{
    width: max-content;
}

.HeadingTabs > [name=navhead] [name=tab][selected=true]{
    
}

.HeadingTabs > [name=navhead] [name="navhead-cursor"]{
    height: 1px;
    width: stretch;
    margin-top: auto;
    transform: translateY(1px);
    grid-column: 1/var(--tabs-length);
    display: grid;
}

.HeadingTabs > [name=navhead] [name="navhead-cursor"] > cursor{
    background-color: red;
    border: 1px solid red;
    margin-left: var(--cursor-left);
    width: var(--cursor-width);
    transition: 0.3s;
}