Unable to make an element click select a slider bar element

Describe the problem.

I am attempting to select a value on a slider bar that selects a listing attribute. The attribute I am attempting to change is a slider bar that selects a stone size. The visual click selector as well as my inspector check seems to validate that I need to select an "li" element corresponding to the point on the bar I want to select. in my sitemap below I am using li.fore4. Instead of selecting that point on the slider moves the slider all the way to the smallest value. Can someone please help me figure this out. I've learned a lot from the examples but this one has me stumped.

Url: Platinum Peony Diamond Ring

Sitemap:

{"_id":"slider-test","startUrl":["https://www.brilliantearth.com/white-gold-engagement-rings/"],"selectors":[{"id":"product-wrap","type":"SelectorElementScroll","parentSelectors":["_root"],"selector":"div.thumbnail","multiple":true,"delay":"500"},{"id":"product-link","type":"SelectorLink","parentSelectors":["product-wrap"],"selector":".caption a","multiple":true,"delay":0},{"id":"product-price","type":"SelectorText","parentSelectors":["size-selector"],"selector":"p.setting-only-price","multiple":false,"regex":"","delay":0},{"id":"product-statement","type":"SelectorText","parentSelectors":["size-selector"],"selector":"p.normal-statement","multiple":false,"regex":"","delay":0},{"id":"shape-selector","type":"SelectorElementClick","parentSelectors":["product-link"],"selector":"body","multiple":false,"delay":2000,"clickElementSelector":"a span.ico-shape-preview-select-round","clickType":"clickOnce","discardInitialElements":"do-not-discard","clickElementUniquenessType":"uniqueCSSSelector"},{"id":"size-selector","type":"SelectorElementClick","parentSelectors":["shape-selector"],"selector":"body","multiple":false,"delay":"1000","clickElementSelector":"li.fore4","clickType":"clickOnce","discardInitialElements":"do-not-discard","clickElementUniquenessType":"uniqueCSSSelector"}]}