SOLVED: Slider (Nestable): Background Image missing on cloned/next slides in Builder (Items to show > 1)

datgausaigon · August 13, 2026, 2:08am

Browser: Chrome 151
OS: Windows 11

Hi,

I have encountered an annoying UI bug inside the Builder regarding the Slider (Nestable) element.

Environment:

WordPress: 7.0.4
PHP: 8.5.x
Bricks Version: Reproduced on 2.3.10, 2.3.11, and the latest 2.4 Beta (1 & 2).

Symptoms:

The issue strictly occurs only in the Builder. The Front-end renders perfectly fine.
When assigning a Background Image (via the Style tab) to individual slides and setting Items to show to a value greater than 1 (e.g., 3), scrolling to the next slides causes them to lose their background images entirely.
Inspecting the DOM in DevTools reveals that the background-image: url(...) CSS rule is completely missing from the builder’s injected stylesheet for those specific slides once they are scrolled into view or cloned by Splide.

Steps to Reproduce:

Create a new Blank Page for testing and click Edit with Bricks.
Add a Slider (Nestable) element.
Under Content settings, set Items to show to 3 and Items to scroll to 1.
Add 4 slides and set a distinct Background Image for each slide via the Style tab.
In the Builder, everything looks fine initially
Click the slider navigation arrows/dots in the builder to scroll to the next set of items.
Bug: The upcoming slides (and looped slides) lose their background images and appear blank.

Screenshots:

[1]

[2]

[3]

[4]

[5]

Technical Observation: Comparing the DevTools output, a visible working slide successfully retains its background URL (sceenshoot [4]), whereas the blanked-out slides are completely missing the background-image rule in the computed styles (sceenshoot [5]). This seems to be an issue with how the Builder’s Vue state injects dynamic CSS for Splide’s cloned elements (splide__slide--clone) during interactions.

Thanks

Matej · August 13, 2026, 5:09am

Hi @datgausaigon,

Thanks for the report. I was able to replicate this issue and added it to our internal bug tracker. We’ll update this thread once it’s fixed.

Best regards,
Matej

bricks.assistant · August 26, 2026, 10:45am

We’ve addressed this in Bricks 2.3.12, now available as a one-click update in your WordPress Dashboard.

Please read the changelog entry before updating, and let us know if you experience any issues.

datgausaigon · September 17, 2026, 4:32am

Hi @Matej

This issue recurred in versions 2.4 RC and 2.4 RC2, and is currently present in 2.4 stable.
Please check this and reopen the issue.

Thanks

timmse · September 17, 2026, 8:05am

Thanks for reporting the recurrence in 2.4. Could you export the affected Slider (Nestable) as a Bricks template and attach its JSON here? That will let us compare your current setup with the earlier reproduction.

datgausaigon · September 18, 2026, 5:59am

Hi @timmse

Thank you for your interest in this issue.

This is my export json:

{"id":256,"name":"issue-bg-with-tag","title":"[Issue] Bg with Tag","date":"2026-09-18 12:38:22","date_formatted":"September 18, 2026","author":{"name":"system__builder","avatar":"https:\/\/secure.gravatar.com\/avatar\/3314bab549f656fe5dd2e4b09863b61c95870d273408610f8461ad9cbe56afb4?s=60&d=mm&r=g","url":"https:\/\/test.vndemo.com"},"permalink":"https:\/\/test.vndemo.com\/template\/issue-bg-with-tag\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"yvsgwn","name":"section","parent":0,"children":["ayqach"],"settings":{"_padding":{"right":"6rem","left":"6rem","bottom":"6rem","top":"6rem"}},"label":"Banner"},{"id":"ayqach","name":"slider-nested","parent":"yvsgwn","children":["ogtdxr","sjtdcv","aybcjh","tpwtrz"],"settings":{"pagination":true,"optionsType":"custom","options":"{\n  \"type\": \"loop\",\n  \"focus\": \"center\",\n  \"wheel\": false,\n  \"arrows\": true,\n  \"pagination\": true,\n  \"perPage\": 1,\n  \"gap\": \"1.5rem\",\n  \"padding\": \"15%\",\n  \"speed\": 600,\n  \"breakpoints\": {\n    \"767\": {\n      \"arrows\": false,\n      \"padding\": \"10%\",\n      \"gap\": \"1rem\"\n    },\n    \"478\": {\n      \"arrows\": false,\n      \"padding\": \"5%\",\n      \"gap\": \"0.75rem\"\n    }\n  }\n}","arrows":true,"prevArrowLeft":"calc(15% + 1rem)","nextArrowRight":"calc(15% + 1rem)","prevArrow":{"library":"themify","icon":"ti-angle-left"},"nextArrow":{"library":"themify","icon":"ti-angle-right"},"arrowBackground":{"raw":"var(--white)","id":"kugvxj","light":"white"},"arrowBorder":{"radius":{"top":"var(--radius-circle)","right":"var(--radius-circle)","bottom":"var(--radius-circle)","left":"var(--radius-circle)"}},"arrowSize":"1.4rem","arrowHeight":"4rem","arrowWidth":"4rem"},"themeStyles":[]},{"id":"ogtdxr","name":"block","parent":"ayqach","children":[],"settings":{"_background":{"image":{"id":55,"filename":"Sample__Image__11-3x2-1.jpg","size":"full","full":"https:\/\/test.vndemo.com\/wp-content\/uploads\/2026\/08\/Sample__Image__11-3x2-1.jpg","url":"https:\/\/test.vndemo.com\/wp-content\/uploads\/2026\/08\/Sample__Image__11-3x2-1.jpg"},"position":"center center"},"_aspectRatio":"5 \/ 2","_border":{"radius":{"top":"var(--radius-2xl)","right":"var(--radius-2xl)","bottom":"var(--radius-2xl)","left":"var(--radius-2xl)"}},"_aspectRatio:mobile_landscape":"1 \/ 1"},"label":"Slide"},{"id":"sjtdcv","name":"block","parent":"ayqach","children":[],"settings":{"_background":{"image":{"id":54,"filename":"Sample__Image__10-3x2-1.jpg","size":"full","full":"https:\/\/test.vndemo.com\/wp-content\/uploads\/2026\/08\/Sample__Image__10-3x2-1.jpg","url":"https:\/\/test.vndemo.com\/wp-content\/uploads\/2026\/08\/Sample__Image__10-3x2-1.jpg"},"position":"center center"},"_aspectRatio":"5 \/ 2","_border":{"radius":{"top":"var(--radius-2xl)","right":"var(--radius-2xl)","bottom":"var(--radius-2xl)","left":"var(--radius-2xl)"}},"_aspectRatio:mobile_landscape":"1 \/ 1"},"label":"Slide"},{"id":"aybcjh","name":"block","parent":"ayqach","children":[],"settings":{"_background":{"image":{"id":51,"filename":"Sample__Image__07-3x2-1.jpg","size":"full","full":"https:\/\/test.vndemo.com\/wp-content\/uploads\/2026\/08\/Sample__Image__07-3x2-1.jpg","url":"https:\/\/test.vndemo.com\/wp-content\/uploads\/2026\/08\/Sample__Image__07-3x2-1.jpg"},"position":"center center"},"_aspectRatio":"5 \/ 2","_border":{"radius":{"top":"var(--radius-2xl)","right":"var(--radius-2xl)","bottom":"var(--radius-2xl)","left":"var(--radius-2xl)"}},"_aspectRatio:mobile_landscape":"1 \/ 1"},"label":"Slide"},{"id":"tpwtrz","name":"block","parent":"ayqach","children":[],"settings":{"_background":{"image":{"id":46,"filename":"Sample__Image__02-3x2-1.jpg","size":"full","full":"https:\/\/test.vndemo.com\/wp-content\/uploads\/2026\/08\/Sample__Image__02-3x2-1.jpg","url":"https:\/\/test.vndemo.com\/wp-content\/uploads\/2026\/08\/Sample__Image__02-3x2-1.jpg"},"position":"center center"},"_aspectRatio":"5 \/ 2","_border":{"radius":{"top":"var(--radius-2xl)","right":"var(--radius-2xl)","bottom":"var(--radius-2xl)","left":"var(--radius-2xl)"}},"_aspectRatio:mobile_landscape":"1 \/ 1"},"label":"Slide"}],"templateType":"section","globalVariables":[{"id":"spzxrq","name":"vh","value":"--vh: 1vh","category":"arcguz"},{"id":"qdcazx","name":"grid-gap","value":"var(--space-xl) var(--space-lg)","category":"blspsq"},{"id":"xqxdrf","name":"grid-gap-sm","value":"var(--space-lg) var(--space-md)","category":"blspsq"},{"id":"xpessb","name":"card-gap","value":"var(--space-md)","category":"blspsq"},{"id":"lhelpi","name":"content-gap","value":"calc(var(--space-md) * 1.5)","category":"blspsq"},{"id":"dsxdmw","name":"container-gap","value":"var(--space-2xl)","category":"blspsq"},{"id":"grvmof","name":"offset","value":"80px","category":"blspsq"},{"id":"mzqyjk","name":"line-height-loose","value":"calc(12px + 2ex)","category":"fqsysj"},{"id":"vkezbb","name":"line-height-text","value":"calc(8px + 2ex)","category":"fqsysj"},{"id":"xkjmzz","name":"radius","value":"8px","category":"bvklbf"},{"id":"vxpmqg","name":"radius-btn","value":".3em","category":"bvklbf"},{"id":"orxuto","name":"radius-pill","value":"9999px","category":"bvklbf"},{"id":"yxhqwc","name":"radius-circle","value":"100%","category":"bvklbf"},{"id":"izadwe","name":"radius-sm","value":"4px","category":"bvklbf"},{"id":"rgqwmr","name":"radius-md","value":"8px","category":"bvklbf"},{"id":"scotli","name":"radius-lg","value":"16px","category":"bvklbf"},{"id":"mxxqqh","name":"radius-xl","value":"20px","category":"bvklbf"},{"id":"kdstdy","name":"radius-2xl","value":"32px","category":"bvklbf"},{"id":"gkgevk","name":"radius-3xl","value":"64px","category":"bvklbf"},{"id":"rubryo","name":"h-js-fallback","value":"calc(var(--vh, 1vh) * 100)","category":"arcguz"},{"id":"ouwyuz","name":"gradient-primary","value":"linear-gradient(100deg, rgb(242, 99, 1), rgb(255, 149, 50))","category":"tzmfwp"},{"id":"eqnvsv","name":"font-size-3xs","value":"clamp(1rem, calc(0.0006410256410256416 * (100vw - 36rem) + 1rem), 1.1rem)","category":"aglwas"},{"id":"hkimib","name":"font-size-2xs","value":"clamp(1.1rem, calc(0.0012820512820512818 * (100vw - 36rem) + 1.1rem), 1.3rem)","category":"aglwas"},{"id":"kfdpwm","name":"font-size-xs","value":"clamp(1.2rem, calc(0.0019230769230769234 * (100vw - 36rem) + 1.2rem), 1.5rem)","category":"aglwas"},{"id":"plcgax","name":"font-size-sm","value":"clamp(1.4rem, calc(0.0019230769230769234 * (100vw - 36rem) + 1.4rem), 1.7rem)","category":"aglwas"},{"id":"zfdafa","name":"font-size-md","value":"clamp(1.6rem, calc(0.0012820512820512818 * (100vw - 36rem) + 1.6rem), 1.8rem)","category":"aglwas"},{"id":"pshubv","name":"font-size-lg","value":"clamp(1.8rem, calc(0.0019230769230769234 * (100vw - 36rem) + 1.8rem), 2.1rem)","category":"aglwas"},{"id":"saghpx","name":"font-size-xl","value":"clamp(2rem, calc(0.003846153846153847 * (100vw - 36rem) + 2rem), 2.6rem)","category":"aglwas"},{"id":"bdbsub","name":"font-size-2xl","value":"clamp(2.4rem, calc(0.007692307692307694 * (100vw - 36rem) + 2.4rem), 3.6rem)","category":"aglwas"},{"id":"kbtzjv","name":"font-size-3xl","value":"clamp(3rem, calc(0.009615384615384616 * (100vw - 36rem) + 3rem), 4.5rem)","category":"aglwas"},{"id":"yiwyqv","name":"font-size-4xl","value":"clamp(3.6rem, calc(0.01153846153846154 * (100vw - 36rem) + 3.6rem), 5.4rem)","category":"aglwas"},{"id":"ctjcqk","name":"font-size-5xl","value":"clamp(4.8rem, calc(0.015384615384615387 * (100vw - 36rem) + 4.8rem), 7.2rem)","category":"aglwas"},{"id":"uzcwkm","name":"font-size-6xl","value":"clamp(6rem, calc(0.019230769230769232 * (100vw - 36rem) + 6rem), 9rem)","category":"aglwas"},{"id":"vrjdqe","name":"line-height-heading","value":"calc(4px + 2ex)","category":"fqsysj"},{"id":"rlusrr","name":"line-height-display","value":"calc(0px + 2ex)","category":"fqsysj"},{"id":"zlwuko","name":"shadow-color-base","value":"0 0% 0%","category":"lemtol"},{"id":"stuxum","name":"shadow-color-brand","value":"215 86% 20%","category":"lemtol"},{"id":"nepcms","name":"shadow-sm","value":"0px 2px 2px hsla(var(--hsl-base) \/ .05)","category":"lemtol"},{"id":"jnrxhy","name":"shadow-md","value":"0px 2px 2px hsla(var(--hsl-base) \/ .1)","category":"lemtol"},{"id":"evurik","name":"shadow-lg","value":"0 10px 15px hsl(var(--shadow-color-base) \/ 0.15)","category":"lemtol"},{"id":"tgpqil","name":"shadow-xl","value":"0 20px 25px hsl(var(--shadow-color-base) \/ 0.2)","category":"lemtol"},{"id":"uysbng","name":"shadow-glow","value":"0 8px 16px hsl(var(--shadow-color-brand) \/ 0.3)","category":"lemtol"},{"id":"yjolkt","name":"z-top","value":"2147483647","category":"ldobwz"},{"id":"gjbvyo","name":"z-sticky","value":"200","category":"ldobwz"},{"id":"engdcc","name":"ratio-square","value":"1","category":"alwlje"},{"id":"yffhsc","name":"ratio-golden","value":"1.618","category":"alwlje"},{"id":"lqeewl","name":"ratio-og","value":"1200 \/ 630","category":"alwlje"},{"id":"smiqol","name":"ratio-paper-y","value":"1 \/ 1.414","category":"alwlje"},{"id":"ywpkkl","name":"ratio-paper-x","value":"1.414 \/ 1","category":"alwlje"},{"id":"cdnwpv","name":"ratio-21x9","value":"21 \/ 9","category":"alwlje"},{"id":"tizgxk","name":"ratio-16x9","value":"16 \/ 9","category":"alwlje"},{"id":"jdsvli","name":"ratio-16x10","value":"16 \/ 10","category":"alwlje"},{"id":"eejhgg","name":"ratio-7x3","value":"7 \/ 3","category":"alwlje"},{"id":"iooudj","name":"ratio-4x3","value":"4 \/ 3","category":"alwlje"},{"id":"gvxpgq","name":"ratio-3x2","value":"3 \/ 2","category":"alwlje"},{"id":"mvthxp","name":"ratio-5x4","value":"5 \/ 4","category":"alwlje"},{"id":"ixgfow","name":"ratio-2x1","value":"2 \/ 1","category":"alwlje"},{"id":"mjaadf","name":"ratio-9x16","value":"9 \/ 16","category":"alwlje"},{"id":"lemmxx","name":"ratio-4x5","value":"4 \/ 5","category":"alwlje"},{"id":"wpbylx","name":"ratio-3x4","value":"3 \/ 4","category":"alwlje"},{"id":"pgmqza","name":"ratio-2x3","value":"2 \/ 3","category":"alwlje"},{"id":"skgvqn","name":"ratio-1x2","value":"1 \/ 2","category":"alwlje"},{"id":"xszcht","name":"border-color","value":"var(--base-light)","category":"bvklbf"},{"id":"andlsk","name":"blur-sm","value":"8px","category":"mrxolr"},{"id":"bytooo","name":"blur-md","value":"16px","category":"mrxolr"},{"id":"yzjiyr","name":"blur-lg","value":"30px","category":"mrxolr"},{"id":"psyvzb","name":"glass-panel","value":"blur(var(--blur-md)) brightness(90%)","category":"mrxolr"},{"id":"lgibfe","name":"glass-subtle","value":"blur(var(--blur-sm))","category":"mrxolr"},{"id":"zpboxj","name":"max-w-sm","value":"640px","category":"arcguz"},{"id":"vetbal","name":"max-w-md","value":"840px","category":"arcguz"},{"id":"ajmipj","name":"max-w-lg","value":"980px","category":"arcguz"},{"id":"suwdii","name":"max-w-xl","value":"1280px","category":"arcguz"},{"id":"ikzltg","name":"min-w-mobile","value":"380px","category":"arcguz"},{"id":"lqzxpw","name":"size-line-sm","value":"20ch","category":"arcguz"},{"id":"zviwcw","name":"size-line-md","value":"45ch","category":"arcguz"},{"id":"fgtmaw","name":"size-line-lg","value":"60ch","category":"arcguz"},{"id":"uambgm","name":"size-line-xl","value":"75ch","category":"arcguz"},{"id":"omfgar","name":"size-icon-sm","value":"1.6rem","category":"arcguz"},{"id":"zuqttw","name":"size-icon-md","value":"2.4rem","category":"arcguz"},{"id":"skbxlt","name":"size-icon-lg","value":"3.2rem","category":"arcguz"},{"id":"nwzgle","name":"size-touch-min","value":"4.4rem","category":"arcguz"},{"id":"oytmqb","name":"container-page","value":"var(--max-w-xl)","category":"arcguz"},{"id":"jfxfmp","name":"container-article","value":"var(--max-w-md)","category":"arcguz"},{"id":"ybynib","name":"container-focus","value":"var(--max-w-sm)","category":"arcguz"},{"id":"onumay","name":"text-glow-color-core","value":"var(--primary)","category":"jolynf"},{"id":"zlqgrz","name":"text-glow-color-spread","value":"var(--primary-dark)","category":"jolynf"},{"id":"czyggq","name":"text-glow-sm","value":"0 0 8px var(--text-glow-color-core)","category":"jolynf"},{"id":"ixhljh","name":"text-glow-md","value":"0 0 10px var(--text-glow-color-core), 0 0 25px var(--text-glow-color-spread)","category":"jolynf"},{"id":"tlyqou","name":"text-glow-lg","value":"0 0 15px var(--text-glow-color-core), 0 0 30px var(--text-glow-color-spread), 0 0 45px var(--text-glow-color-spread)","category":"jolynf"},{"id":"hvlhqg","name":"space-4xs","value":"clamp(0.1rem, calc(0.001282051282051282 * (100vw - 36rem) + 0.1rem), 0.3rem)","category":"jazmhd"},{"id":"uvmbuc","name":"space-3xs","value":"clamp(0.2rem, calc(0.001923076923076923 * (100vw - 36rem) + 0.2rem), 0.5rem)","category":"jazmhd"},{"id":"qbglof","name":"space-2xs","value":"clamp(0.4rem, calc(0.003846153846153846 * (100vw - 36rem) + 0.4rem), 1rem)","category":"jazmhd"},{"id":"wzjvqt","name":"space-xs","value":"clamp(0.8rem, calc(0.0038461538461538455 * (100vw - 36rem) + 0.8rem), 1.4rem)","category":"jazmhd"},{"id":"phrbmf","name":"space-sm","value":"clamp(1.2rem, calc(0.003846153846153847 * (100vw - 36rem) + 1.2rem), 1.8rem)","category":"jazmhd"},{"id":"cbdcrg","name":"space-md","value":"clamp(1.6rem, calc(0.005128205128205127 * (100vw - 36rem) + 1.6rem), 2.4rem)","category":"jazmhd"},{"id":"uirlfd","name":"space-lg","value":"clamp(1.8rem, calc(0.00576923076923077 * (100vw - 36rem) + 1.8rem), 2.7rem)","category":"jazmhd"},{"id":"rzzhfh","name":"space-xl","value":"clamp(2.4rem, calc(0.007692307692307694 * (100vw - 36rem) + 2.4rem), 3.6rem)","category":"jazmhd"},{"id":"okjlwp","name":"space-2xl","value":"clamp(3rem, calc(0.009615384615384616 * (100vw - 36rem) + 3rem), 4.5rem)","category":"jazmhd"},{"id":"cmwbrq","name":"space-3xl","value":"clamp(3.6rem, calc(0.01153846153846154 * (100vw - 36rem) + 3.6rem), 5.4rem)","category":"jazmhd"},{"id":"ixnfra","name":"space-4xl","value":"clamp(4.8rem, calc(0.015384615384615387 * (100vw - 36rem) + 4.8rem), 7.2rem)","category":"jazmhd"},{"id":"aorngr","name":"space-5xl","value":"clamp(6.4rem, calc(0.02051282051282051 * (100vw - 36rem) + 6.4rem), 9.6rem)","category":"jazmhd"},{"id":"tpkecv","name":"space-6xl","value":"clamp(8rem, calc(0.02564102564102564 * (100vw - 36rem) + 8rem), 12rem)","category":"jazmhd"},{"id":"kkbhco","name":"space-7xl","value":"clamp(9.6rem, calc(0.030769230769230774 * (100vw - 36rem) + 9.6rem), 14.4rem)","category":"jazmhd"},{"id":"lgozpt","name":"space-8xl","value":"clamp(12.8rem, calc(0.04102564102564102 * (100vw - 36rem) + 12.8rem), 19.2rem)","category":"jazmhd"},{"id":"ujfpsc","name":"duration-short","value":".1s","category":"djqthw"},{"id":"tearbf","name":"duration-default","value":".2s","category":"djqthw"},{"id":"czjvji","name":"duration-medium","value":".3s","category":"djqthw"},{"id":"rpouiz","name":"duration-long","value":".5s","category":"djqthw"},{"id":"qeibyk","name":"duration-extra-long","value":".6s","category":"djqthw"},{"id":"lcuezl","name":"duration-extra-longer","value":".75s","category":"djqthw"},{"id":"iusica","name":"duration-extended","value":"3s","category":"djqthw"},{"id":"lxmugl","name":"ease-out-slow","value":"cubic-bezier(0, 0, .3, 1)","category":"djqthw"},{"id":"khsfqx","name":"ease-in-fast","value":"cubic-bezier(0.4, 0, 1, 1)","category":"djqthw"},{"id":"tepigh","name":"ease-in-out","value":"cubic-bezier(0.4, 0, 0.2, 1)","category":"djqthw"},{"id":"ygcrpy","name":"hsl-base","value":"207 95% 8%","category":"kpnpei"},{"id":"nmveez","name":"tracking-caps-xs","value":"0.1em","category":"fqsysj"},{"id":"nnqoxt","name":"tracking-caps-sm","value":"0.14em","category":"fqsysj"},{"id":"pjgfbh","name":"tracking-caps-md","value":"0.19em","category":"fqsysj"},{"id":"jafwrr","name":"tracking-caps-lg","value":"0.24em","category":"fqsysj"},{"id":"kxkojl","name":"tracking-caps-xl","value":"0.27em","category":"fqsysj"},{"id":"cxwrtl","name":"tracking-caps-2xl","value":"0.32em","category":"fqsysj"},{"id":"ccmhus","name":"animation-slide-in","value":"slideIn var(--duration-extra-long) var(--ease-out-slow) both","category":"djqthw"},{"id":"eqqdzz","name":"animation-fade-in","value":"fadeIn var(--duration-extra-long) var(--ease-out-slow)","category":"djqthw"},{"id":"asanua","name":"primary","value":"hsl(353, 81%, 51%)"},{"id":"mcjqdn","name":"primary-t-1","value":"hsla(353, 81%, 51%, 0.09)"},{"id":"wahpav","name":"primary-t-2","value":"hsla(353, 81%, 51%, 0.18)"},{"id":"dmztxn","name":"primary-t-3","value":"hsla(353, 81%, 51%, 0.27)"},{"id":"vhkgye","name":"primary-t-4","value":"hsla(353, 81%, 51%, 0.36)"},{"id":"wxxvnp","name":"primary-t-5","value":"hsla(353, 81%, 51%, 0.45)"},{"id":"fmgdtq","name":"primary-t-6","value":"hsla(353, 81%, 51%, 0.55)"},{"id":"xfgzfv","name":"primary-t-7","value":"hsla(353, 81%, 51%, 0.64)"},{"id":"qpazqr","name":"primary-t-8","value":"hsla(353, 81%, 51%, 0.73)"},{"id":"yiiifz","name":"primary-t-9","value":"hsla(353, 81%, 51%, 0.82)"},{"id":"gychhs","name":"primary-t-10","value":"hsla(353, 81%, 51%, 0.91)"},{"id":"nqnsci","name":"secondary","value":"hsl(211, 100%, 50%)"},{"id":"ncqiza","name":"secondary-t-1","value":"hsla(211, 100%, 50%, 0.09)"},{"id":"bvnmyw","name":"secondary-t-2","value":"hsla(211, 100%, 50%, 0.18)"},{"id":"mdmrcx","name":"secondary-t-3","value":"hsla(211, 100%, 50%, 0.27)"},{"id":"crhdgg","name":"secondary-t-4","value":"hsla(211, 100%, 50%, 0.36)"},{"id":"uhxmeu","name":"secondary-t-5","value":"hsla(211, 100%, 50%, 0.45)"},{"id":"ddacen","name":"secondary-t-6","value":"hsla(211, 100%, 50%, 0.55)"},{"id":"vwhglx","name":"secondary-t-7","value":"hsla(211, 100%, 50%, 0.64)"},{"id":"mjuanq","name":"secondary-t-8","value":"hsla(211, 100%, 50%, 0.73)"},{"id":"sclpyy","name":"secondary-t-9","value":"hsla(211, 100%, 50%, 0.82)"},{"id":"qmptog","name":"secondary-t-10","value":"hsla(211, 100%, 50%, 0.91)"},{"id":"vxgatk","name":"secondary-dark","value":"hsl(240, 100%, 25%)"},{"id":"opfrcq","name":"secondary-dark-t-1","value":"hsla(240, 100%, 25%, 0.09)"},{"id":"igufzw","name":"secondary-dark-t-2","value":"hsla(240, 100%, 25%, 0.18)"},{"id":"veoinn","name":"secondary-dark-t-3","value":"hsla(240, 100%, 25%, 0.27)"},{"id":"zkechi","name":"secondary-dark-t-4","value":"hsla(240, 100%, 25%, 0.36)"},{"id":"iqukqr","name":"secondary-dark-t-5","value":"hsla(240, 100%, 25%, 0.45)"},{"id":"hojjce","name":"secondary-dark-t-6","value":"hsla(240, 100%, 25%, 0.55)"},{"id":"mqpatl","name":"secondary-dark-t-7","value":"hsla(240, 100%, 25%, 0.64)"},{"id":"fjitey","name":"secondary-dark-t-8","value":"hsla(240, 100%, 25%, 0.73)"},{"id":"qahvak","name":"secondary-dark-t-9","value":"hsla(240, 100%, 25%, 0.82)"},{"id":"snpmiw","name":"secondary-dark-t-10","value":"hsla(240, 100%, 25%, 0.91)"},{"id":"koyfve","name":"tertiary","value":"hsl(174, 100%, 23%)"},{"id":"wqgido","name":"tertiary-light","value":"hsl(133, 65%, 54%)"},{"id":"bchaau","name":"base","value":"hsl(207, 95%, 8%)"},{"id":"pjbfop","name":"base-t-1","value":"hsla(207, 95%, 8%, 0.08)"},{"id":"xxdlst","name":"base-t-2","value":"hsla(207, 95%, 8%, 0.18)"},{"id":"figubt","name":"base-t-3","value":"hsla(207, 95%, 8%, 0.27)"},{"id":"ctndnn","name":"base-t-4","value":"hsla(207, 95%, 8%, 0.36)"},{"id":"uzwhim","name":"base-t-5","value":"hsla(207, 95%, 8%, 0.45)"},{"id":"daqoud","name":"base-t-6","value":"hsla(207, 95%, 8%, 0.55)"},{"id":"mocgau","name":"base-t-7","value":"hsla(207, 95%, 8%, 0.64)"},{"id":"vehvxy","name":"base-t-8","value":"hsla(207, 95%, 8%, 0.73)"},{"id":"xbyvkb","name":"base-t-9","value":"hsla(207, 95%, 8%, 0.82)"},{"id":"kmiueb","name":"base-t-10","value":"hsla(207, 95%, 8%, 0.91)"},{"id":"bcqgnv","name":"base-dark","value":"hsl(0, 0%, 24%)"},{"id":"lijsah","name":"base-dark-2x","value":"hsl(0, 0%, 6%)"},{"id":"sqgkfh","name":"base-light","value":"hsl(0, 0%, 92%)"},{"id":"swqmzw","name":"base-light-2x","value":"hsl(210, 7%, 95%)"},{"id":"ivdcow","name":"base-light-3x","value":"hsl(100, 100%, 99%)"},{"id":"lqocho","name":"base-light-4x","value":"hsl(200, 33%, 98%)"},{"id":"fkveks","name":"white","value":"white"},{"id":"azdvyj","name":"white-t-1","value":"hsla(0, 0%, 100%, 0.09)"},{"id":"utxqln","name":"white-t-2","value":"hsla(0, 0%, 100%, 0.18)"},{"id":"hhuykq","name":"white-t-3","value":"hsla(0, 0%, 100%, 0.27)"},{"id":"bptgxs","name":"white-t-4","value":"hsla(0, 0%, 100%, 0.36)"},{"id":"ctyswp","name":"white-t-5","value":"hsla(0, 0%, 100%, 0.45)"},{"id":"mzncxi","name":"white-t-6","value":"hsla(0, 0%, 100%, 0.55)"},{"id":"oineju","name":"white-t-7","value":"hsla(0, 0%, 100%, 0.64)"},{"id":"dsfklm","name":"white-t-8","value":"hsla(0, 0%, 100%, 0.73)"},{"id":"mjlpsb","name":"white-t-9","value":"hsla(0, 0%, 100%, 0.82)"},{"id":"vmlspk","name":"white-t-10","value":"hsla(0, 0%, 100%, 0.91)"},{"id":"zdikku","name":"black","value":"black"},{"id":"dnhehk","name":"transparent","value":"transparent"}],"globalVariablesCategories":[{"id":"blspsq","name":"Gaps\/Padding","utilityClasses":[]},{"id":"arcguz","name":"Sizes"},{"id":"alwlje","name":"Ratios"},{"id":"fqsysj","name":"Text"},{"id":"jolynf","name":"Text Effects"},{"id":"bvklbf","name":"Radius"},{"id":"lemtol","name":"Shadow"},{"id":"mrxolr","name":"Backdrop \/ Glass"},{"id":"tzmfwp","name":"Gradients"},{"id":"ldobwz","name":"Z-Index"},{"id":"djqthw","name":"Animations","utilityClasses":[]},{"id":"kpnpei","name":"HSL"},{"id":"aglwas","name":"Typography","scale":{"scaleScope":"typography","scaleType":"custom","scaleNames":["3xs","2xs","xs","sm","md","lg","xl","2xl","3xl","4xl","5xl","6xl"],"prefix":"font-size-","minFontSize":16,"minScaleRatio":1.25,"minScaleRatioSelect":"1.2","maxFontSize":"22","maxScaleRatio":1.333,"maxScaleRatioSelect":"1.333","baseline":"xl","manualValues":[{"name":"font-size-3xs","min":"10px","max":"11px"},{"name":"font-size-2xs","min":"11px","max":"13px"},{"name":"font-size-xs","min":"12px","max":"15px"},{"name":"font-size-sm","min":"14px","max":"17px"},{"name":"font-size-md","min":"16px","max":"18px"},{"name":"font-size-lg","min":"18px","max":"21px"},{"name":"font-size-xl","min":"20px","max":"26px"},{"name":"font-size-2xl","min":"24px","max":"36px"},{"name":"font-size-3xl","min":"30px","max":"45px"},{"name":"font-size-4xl","min":"36px","max":"54px"},{"name":"font-size-5xl","min":"48px","max":"72px"},{"name":"font-size-6xl","min":"60px","max":"90px"}],"isManual":true},"utilityClasses":[]},{"id":"jazmhd","name":"Spacing","scale":{"scaleScope":"spacing","scaleType":"custom","scaleNames":["4xs","3xs","2xs","xs","sm","md","lg","xl","2xl","3xl","4xl","5xl","6xl","7xl","8xl"],"prefix":"space-","minFontSize":16,"minScaleRatio":1.25,"minScaleRatioSelect":1.25,"maxFontSize":"22","maxScaleRatio":1.333,"maxScaleRatioSelect":1.333,"baseline":"xl","manualValues":[{"name":"space-4xs","min":"1px","max":"3px"},{"name":"space-3xs","min":"2px","max":"5px"},{"name":"space-2xs","min":"4px","max":"10px"},{"name":"space-xs","min":"8px","max":"14px"},{"name":"space-sm","min":"12px","max":"18px"},{"name":"space-md","min":"16px","max":"24px"},{"name":"space-lg","min":"18px","max":"27px"},{"name":"space-xl","min":"24px","max":"36px"},{"name":"space-2xl","min":"30px","max":"45px"},{"name":"space-3xl","min":"36px","max":"54px"},{"name":"space-4xl","min":"48px","max":"72px"},{"name":"space-5xl","min":"64px","max":"96px"},{"name":"space-6xl","min":"80px","max":"120px"},{"name":"space-7xl","min":"96px","max":"144px"},{"name":"space-8xl","min":"128px","max":"192px"}],"isManual":true},"utilityClasses":[]}],"colorPalette":[{"id":"smyhsi","name":"Default","colors":[{"raw":"var(--primary)","id":"eabcio","light":"hsl(353, 81%, 51%)"},{"id":"yeafvg","type":"transparent","raw":"var(--primary-t-1)","index":0,"parent":"eabcio","light":"hsla(353, 81%, 51%, 0.09)"},{"id":"yteqbo","type":"transparent","raw":"var(--primary-t-2)","index":1,"parent":"eabcio","light":"hsla(353, 81%, 51%, 0.18)"},{"id":"ipsxjk","type":"transparent","raw":"var(--primary-t-3)","index":2,"parent":"eabcio","light":"hsla(353, 81%, 51%, 0.27)"},{"id":"sqaeca","type":"transparent","raw":"var(--primary-t-4)","index":3,"parent":"eabcio","light":"hsla(353, 81%, 51%, 0.36)"},{"id":"sngqpz","type":"transparent","raw":"var(--primary-t-5)","index":4,"parent":"eabcio","light":"hsla(353, 81%, 51%, 0.45)"},{"id":"acrzdo","type":"transparent","raw":"var(--primary-t-6)","index":5,"parent":"eabcio","light":"hsla(353, 81%, 51%, 0.55)"},{"id":"aclbnb","type":"transparent","raw":"var(--primary-t-7)","index":6,"parent":"eabcio","light":"hsla(353, 81%, 51%, 0.64)"},{"id":"piuwcz","type":"transparent","raw":"var(--primary-t-8)","index":7,"parent":"eabcio","light":"hsla(353, 81%, 51%, 0.73)"},{"id":"jgphhg","type":"transparent","raw":"var(--primary-t-9)","index":8,"parent":"eabcio","light":"hsla(353, 81%, 51%, 0.82)"},{"id":"semxbm","type":"transparent","raw":"var(--primary-t-10)","index":9,"parent":"eabcio","light":"hsla(353, 81%, 51%, 0.91)"},{"raw":"var(--secondary)","id":"syrktu","light":"hsl(211, 100%, 50%)"},{"id":"yktulj","type":"transparent","raw":"var(--secondary-t-1)","index":0,"parent":"syrktu","light":"hsla(211, 100%, 50%, 0.09)"},{"id":"gjlros","type":"transparent","raw":"var(--secondary-t-2)","index":1,"parent":"syrktu","light":"hsla(211, 100%, 50%, 0.18)"},{"id":"rwifds","type":"transparent","raw":"var(--secondary-t-3)","index":2,"parent":"syrktu","light":"hsla(211, 100%, 50%, 0.27)"},{"id":"cgkcpw","type":"transparent","raw":"var(--secondary-t-4)","index":3,"parent":"syrktu","light":"hsla(211, 100%, 50%, 0.36)"},{"id":"dfrrpr","type":"transparent","raw":"var(--secondary-t-5)","index":4,"parent":"syrktu","light":"hsla(211, 100%, 50%, 0.45)"},{"id":"fgeaqj","type":"transparent","raw":"var(--secondary-t-6)","index":5,"parent":"syrktu","light":"hsla(211, 100%, 50%, 0.55)"},{"id":"hlmlzz","type":"transparent","raw":"var(--secondary-t-7)","index":6,"parent":"syrktu","light":"hsla(211, 100%, 50%, 0.64)"},{"id":"yprcos","type":"transparent","raw":"var(--secondary-t-8)","index":7,"parent":"syrktu","light":"hsla(211, 100%, 50%, 0.73)"},{"id":"evgmxs","type":"transparent","raw":"var(--secondary-t-9)","index":8,"parent":"syrktu","light":"hsla(211, 100%, 50%, 0.82)"},{"id":"hgkmoi","type":"transparent","raw":"var(--secondary-t-10)","index":9,"parent":"syrktu","light":"hsla(211, 100%, 50%, 0.91)"},{"raw":"var(--secondary-dark)","id":"bwbank","light":"hsl(240, 100%, 25%)"},{"id":"ekoczc","type":"transparent","raw":"var(--secondary-dark-t-1)","index":0,"parent":"bwbank","light":"hsla(240, 100%, 25%, 0.09)"},{"id":"ixukma","type":"transparent","raw":"var(--secondary-dark-t-2)","index":1,"parent":"bwbank","light":"hsla(240, 100%, 25%, 0.18)"},{"id":"ygncsq","type":"transparent","raw":"var(--secondary-dark-t-3)","index":2,"parent":"bwbank","light":"hsla(240, 100%, 25%, 0.27)"},{"id":"bcbxpz","type":"transparent","raw":"var(--secondary-dark-t-4)","index":3,"parent":"bwbank","light":"hsla(240, 100%, 25%, 0.36)"},{"id":"ttmpij","type":"transparent","raw":"var(--secondary-dark-t-5)","index":4,"parent":"bwbank","light":"hsla(240, 100%, 25%, 0.45)"},{"id":"dttfto","type":"transparent","raw":"var(--secondary-dark-t-6)","index":5,"parent":"bwbank","light":"hsla(240, 100%, 25%, 0.55)"},{"id":"fnxswh","type":"transparent","raw":"var(--secondary-dark-t-7)","index":6,"parent":"bwbank","light":"hsla(240, 100%, 25%, 0.64)"},{"id":"amvfos","type":"transparent","raw":"var(--secondary-dark-t-8)","index":7,"parent":"bwbank","light":"hsla(240, 100%, 25%, 0.73)"},{"id":"lcefld","type":"transparent","raw":"var(--secondary-dark-t-9)","index":8,"parent":"bwbank","light":"hsla(240, 100%, 25%, 0.82)"},{"id":"plmoxy","type":"transparent","raw":"var(--secondary-dark-t-10)","index":9,"parent":"bwbank","light":"hsla(240, 100%, 25%, 0.91)"},{"id":"hvnznx","raw":"var(--tertiary)","light":"hsl(174, 100%, 23%)"},{"id":"qhksxf","raw":"var(--tertiary-light)","light":"hsl(133, 65%, 54%)"},{"raw":"var(--base)","id":"kceeyu","light":"hsl(207, 95%, 8%)"},{"id":"ibsycb","type":"transparent","raw":"var(--base-t-1)","index":0,"parent":"kceeyu","light":"hsla(207, 95%, 8%, 0.08)"},{"id":"affaai","type":"transparent","raw":"var(--base-t-2)","index":1,"parent":"kceeyu","light":"hsla(207, 95%, 8%, 0.18)"},{"id":"fwvaxb","type":"transparent","raw":"var(--base-t-3)","index":2,"parent":"kceeyu","light":"hsla(207, 95%, 8%, 0.27)"},{"id":"brjgtl","type":"transparent","raw":"var(--base-t-4)","index":3,"parent":"kceeyu","light":"hsla(207, 95%, 8%, 0.36)"},{"id":"iapvvg","type":"transparent","raw":"var(--base-t-5)","index":4,"parent":"kceeyu","light":"hsla(207, 95%, 8%, 0.45)"},{"id":"pelugq","type":"transparent","raw":"var(--base-t-6)","index":5,"parent":"kceeyu","light":"hsla(207, 95%, 8%, 0.55)"},{"id":"ekutht","type":"transparent","raw":"var(--base-t-7)","index":6,"parent":"kceeyu","light":"hsla(207, 95%, 8%, 0.64)"},{"id":"jojiar","type":"transparent","raw":"var(--base-t-8)","index":7,"parent":"kceeyu","light":"hsla(207, 95%, 8%, 0.73)"},{"id":"kieokz","type":"transparent","raw":"var(--base-t-9)","index":8,"parent":"kceeyu","light":"hsla(207, 95%, 8%, 0.82)"},{"id":"bytmqa","type":"transparent","raw":"var(--base-t-10)","index":9,"parent":"kceeyu","light":"hsla(207, 95%, 8%, 0.91)"},{"id":"dbatxa","raw":"var(--base-dark)","light":"hsl(0, 0%, 24%)"},{"raw":"var(--base-dark-2x)","id":"fvzikl","light":"hsl(0, 0%, 6%)"},{"raw":"var(--base-light)","id":"kwekdp","light":"hsl(0, 0%, 92%)"},{"id":"ofcciw","raw":"var(--base-light-2x)","light":"hsl(210, 7%, 95%)"},{"id":"jaeytz","raw":"var(--base-light-3x)","light":"hsl(100, 100%, 99%)"},{"id":"iolkop","raw":"var(--base-light-4x)","light":"hsl(200, 33%, 98%)"},{"raw":"var(--white)","id":"kugvxj","light":"white"},{"id":"zmsolm","type":"transparent","raw":"var(--white-t-1)","index":"0","parent":"kugvxj","light":"hsla(0, 0%, 100%, 0.09)"},{"id":"scrgpp","type":"transparent","raw":"var(--white-t-2)","index":"1","parent":"kugvxj","light":"hsla(0, 0%, 100%, 0.18)"},{"id":"wzvedr","type":"transparent","raw":"var(--white-t-3)","index":"2","parent":"kugvxj","light":"hsla(0, 0%, 100%, 0.27)"},{"id":"fdvbrc","type":"transparent","raw":"var(--white-t-4)","index":"3","parent":"kugvxj","light":"hsla(0, 0%, 100%, 0.36)"},{"id":"qwxgmf","type":"transparent","raw":"var(--white-t-5)","index":"4","parent":"kugvxj","light":"hsla(0, 0%, 100%, 0.45)"},{"id":"rzuikx","type":"transparent","raw":"var(--white-t-6)","index":"5","parent":"kugvxj","light":"hsla(0, 0%, 100%, 0.55)"},{"id":"vsuqfh","type":"transparent","raw":"var(--white-t-7)","index":"6","parent":"kugvxj","light":"hsla(0, 0%, 100%, 0.64)"},{"id":"xwmbah","type":"transparent","raw":"var(--white-t-8)","index":"7","parent":"kugvxj","light":"hsla(0, 0%, 100%, 0.73)"},{"id":"zazbkh","type":"transparent","raw":"var(--white-t-9)","index":"8","parent":"kugvxj","light":"hsla(0, 0%, 100%, 0.82)"},{"id":"bneqhb","type":"transparent","raw":"var(--white-t-10)","index":"9","parent":"kugvxj","light":"hsla(0, 0%, 100%, 0.91)"},{"raw":"var(--black)","id":"hmzipa","light":"black"},{"id":"ecmtwe","raw":"var(--transparent)","light":"transparent"}]}],"styleManager":{"maxScreenWidth":"1920"}}

I’ve turned it into a “Section” template so you can easily see the issue. You might need to add a background image to test it.

Thanks