Variable Product Swatch size

Hi, the issue with product variant swatch has back. (using safari browser)
the website doesn’t remember the custom CSS. when you load into a product page the swatches are always small. then after clicking refresh they load in in correct size.

CSS below
[class*=”wd-swatches”] {
–wd-swatch-size: 70px; !important;
}

Hi,

Its does the same in Chrome on a PC (other test was on a Mac with safari)
If you refresh the page is seems to correct itself?

I have tried your suggestions and even gone onto a new computer to try this out. it doesn’t work thumbs are still small?

I have also tested in Firefox, Chrome, Safari. IPAD safari, etc
all have the same problem.

(note it works if you have already been the page / load for a second time. It does not work the first time loading a product page)

I’ve done all of this but it does not change anything and problem is still there.

To confirm the only plugin active are:
Elementor, Woodmart Core, Woocommerce

Is the CSS correct?
[class*=”wd-swatches”] {
–wd-swatch-size: 70px; !important;
}