.mud-container .mud-paper {
    padding: 15px;
}

.mud-background-primary-light {
    background: var(--mud-palette-primary-lighten);
}

.mud-clickable-header > .mud-expand-panel-header {
    cursor: pointer;
    transition: background-color 0.3s ease, opacity 0.3s ease;
}

    .mud-clickable-header > .mud-expand-panel-header:hover {
        background-color: #f0f0f0;
        opacity: 0.8;
    }

.mud-show-icon-on-hover-error,
.mud-show-icon-on-hover-primary,
.mud-show-icon-on-hover-success,
.mud-show-icon-on-hover-warning {
    transition: background-color 0.3s ease, color 0.3s ease;
}

    .mud-show-icon-on-hover-error .mud-list-item-icon,
    .mud-show-icon-on-hover-primary .mud-list-item-icon,
    .mud-show-icon-on-hover-success .mud-list-item-icon,
    .mud-show-icon-on-hover-warning .mud-list-item-icon {
        display: inline-flex;
        transform: translateX(-100%);
        visibility: hidden;
        opacity: 0;
        transition: transform 0.5s ease, visibility 0s 0.5s, opacity 0.5s ease;
    }

    .mud-show-icon-on-hover-error:hover .mud-list-item-icon,
    .mud-show-icon-on-hover-primary:hover .mud-list-item-icon,
    .mud-show-icon-on-hover-success:hover .mud-list-item-icon,
    .mud-show-icon-on-hover-warning:hover .mud-list-item-icon {
        transform: translateX(0);
        visibility: visible;
        opacity: 1;
        transition-delay: 0s;
    }

    .mud-show-icon-on-hover-error:hover {
        background-color: var(--mud-palette-error-lighten);
    }

    .mud-show-icon-on-hover-primary:hover {
        background-color: var(--mud-palette-primary-lighten);
    }

    .mud-show-icon-on-hover-success:hover {
        background-color: var(--mud-palette-success-lighten);
    }

    .mud-show-icon-on-hover-warning:hover {
        background-color: var(--mud-palette-warning-lighten);
    }