.root {
    --notification-radius: var(--mantine-radius-lg);
    --notification-color: transparent;

    padding: 12px var(--mantine-spacing-sm) 12px;

    @mixin light {
        background-color: var(--coveo-color-bg-dark-surface);
    }
}

.title,
.closeButton {
    @mixin light {
        color: var(--mantine-color-white);

        &:hover {
            background-color: alpha(var(--mantine-color-gray-4), 0.2);
        }

        > svg {
            @mixin light {
                color: var(--mantine-color-white);
            }
        }
    }
}

.description {
    @mixin light {
        color: var(--mantine-color-gray-2);
    }
}

.icon {
    margin-inline-end: var(--mantine-spacing-xs);
}