/*
there are no style-fallbacks for tabs, as without js, they should be headings and paragraphs
*/

u2-tabs [role="tab"] {
    border-bottom: solid transparent;
    white-space: nowrap;
    cursor: pointer;
    padding: .4rem 1rem;
    margin: 0;
    font-size:1rem;
    font-weight:bold;
    outline:0;
}
u2-tabs [role="tab"][aria-selected="true"] {
    border-bottom-color: var(--color);
}
u2-tabs [role="tab"]:hover, [role="tab"]:focus {
    background-color: #0000000a;
}
u2-tabs [role="tabpanel"] {
    padding: 1rem;
}