/* Tabs — ported from Tabs/style.css (MUI) to a native implementation */
.tabs_head {
    display: flex;
    border-bottom: none;
}

.tabs_head_button {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: var(--gray);
    text-transform: capitalize;
    padding: 12px 16px;
    cursor: pointer;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
}

.tabs_head .tabs_head_button.Mui-selected {
    color: var(--gray-dark);
    border-bottom: 2px solid var(--yellow-main);
}

.tabs_panel {
    margin-top: 16px;
}