:root{
    --mud-default-borderradius: 8px !important;
}

.mud-tabs-panels {
    height: 100% !important;
}

.mud-input {
    border-radius: var(--mud-default-borderradius) !important;
}

.mud-tab {
    text-transform: none !important;
}

.mud-button-label {
    text-transform: none !important;
}

.mud-chip-filled {
    border-width: 1px;
    border-style: solid;
    box-shadow: none;
}

.mud-chip-filled .mud-chip-content,
.mud-chip-filled .mud-chip-close-button,
.mud-chip-filled .mud-chip-icon {
    color: inherit !important;
}

.mud-chip-filled.mud-chip-color-default {
    background-color: var(--color-neutral-50) !important;
    border-color: var(--color-neutral-200) !important;
    color: var(--color-neutral-600) !important;
}

.mud-chip-filled.mud-chip-color-primary {
    background-color: var(--color-primary-50) !important;
    border-color: var(--color-primary-200) !important;
    color: var(--color-primary-500) !important;
}

.mud-chip-filled.mud-chip-color-secondary {
    background-color: var(--color-secondary-50) !important;
    border-color: var(--color-secondary-200) !important;
    color: var(--color-secondary-500) !important;
}

.mud-chip-filled.mud-chip-color-info {
    background-color: var(--color-info-50) !important;
    border-color: var(--color-info-200) !important;
    color: var(--color-info-500) !important;
}

.mud-chip-filled.mud-chip-color-success {
    background-color: color-mix(in srgb, var(--color-success) 10%, white) !important;
    border-color: color-mix(in srgb, var(--color-success) 25%, white) !important;
    color: var(--color-success) !important;
}

.mud-chip-filled.mud-chip-color-warning {
    background-color: var(--color-warning-50) !important;
    border-color: var(--color-warning-200) !important;
    color: var(--color-warning-500) !important;
}

.mud-chip-filled.mud-chip-color-error {
    background-color: var(--color-error-50) !important;
    border-color: var(--color-error-200) !important;
    color: var(--color-error-500) !important;
}

.mud-chip-filled.mud-chip-color-dark {
    background-color: var(--color-neutral-100) !important;
    border-color: var(--color-neutral-300) !important;
    color: var(--color-neutral-800) !important;
}
