.bg-background {
    background-color: var(--mud-palette-background) !important;
}

.bg-surface {
    background-color: var(--mud-palette-surface) !important;
}

.bg-primary {
    background-color: var(--mud-palette-primary) !important;
}

.bg-secondary {
    background-color: var(--mud-palette-secondary) !important;
}

.bg-tertiary {
    background-color: var(--mud-palette-tertiary) !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.rounded-md {
    border-radius: var(--rounded-md) !important;
}

.whitespace-nowrap {
    white-space: nowrap !important;
}

.pt-appbar {
    padding-top: var(--mud-appbar-height) !important;
}

.w-full {
    width: 100% !important;
}

.h-full {
    height: 100% !important;
}

.font-semibold {
    font-weight: 600 !important;
}

.overflow-x-auto {
    overflow-x: auto !important;
}

.w-1\/2 {
    width: 50% !important;
}

.shadow {
    box-shadow: var(--shadow) !important;
}

.inset-shadow {
    box-shadow: var(--inset-shadow) !important;
}

.min-w-2xs {
    min-width: 288px !important;
}

.border-0 {
    border-width: 0 !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.left-0 {
    left: 0 !important;
}

.font-bold {
    font-weight: 700 !important;
}

.rounded-tl-md {
    border-top-left-radius: var(--rounded-md) !important;
}

.truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.py-0.\/5 {
    padding-block: 1px !important;
}

.h-8 {
    height: calc(8px * var(--base)) !important;
}

.w-16 {
    height: calc(32px * var(--base)) !important;
}

.size-fit {
    width: fit-content !important;
    height: fit-content !important;
}