.default-padded {
    padding: 2rem 2rem 0 2rem;
}

.tab-parent {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.tab-panel {
    width: 100%;
    display: flex;
    overflow-x: auto;
    border-bottom: 1px solid var(--light-gray-border);
}

.tab-container {
    height: 100%;
    padding-top: 0.25em;
    overflow: auto;
}

.tab-container > div {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Requires Firefox 146+ :(*/
@scope (.tab-panel) {
    .btn {
        padding: 0.5em 1em !important;
        font-weight: bold;
        border: none !important;
        border-radius: 0.25em 0.25em 0 0 !important;
    }
    .btn[data-selected='true'] {
        background-color: var(--selection-gray-background-color) !important;
        border-bottom: 2px solid black !important;
    }
    .btn:hover {
        font-weight: bold !important;
        background-color: var(--buttons-gray-color) !important;
        margin: 0 !important;
    }
}