Hi there,
the problem is this CSS:
body.wcs_modal--opened> :not(#wcs-vue-modal):not(.wcs-vue-modal),
body.wcs_modal--opened::before,
body.wcs_modal--opened::after {
-webkit-filter: blur(7px) grayscale(1);
filter: blur(7px) grayscale(1);
}
This is targeting every other element within the body container – which includes the containers that your modal sits inside of. Any container with blur applied to it will also apply to the elements within it.