:host {
    --tabs-height: 2rem;
}

menu {
    display: block;
    width: 100%;
    height: var(--tabs-height);
    padding: 0;
    margin: 0;
    background: var(--retro-accent);
}

#slotted-tab-panels {
    height: calc(100% - var(--tabs-height) - var(--nav-bar-height));
    overflow: auto;
}

::slotted(button) {
    height: 100%;
    padding: 0.5rem;
    color: white;
    cursor: pointer;
    background: var(--retro-mid);
}

::slotted(button[aria-selected="true"]) {
    background: var(--retro-dark) !important;
}

::slotted(section) {
    height: 100%;
}