@jordan-mace/chaser-design-system 1.2.2 → 1.2.4

package/dist/styles/sprinkles.css.js

@@ -1,6 +1,64 @@
-import "src/styles/sprinkles.css.ts.vanilla.css!=!../../../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.25_webpack@5.104.1/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/styles/sprinkles.css.ts.vanilla.css\",\"source\":\"#H4sIAAAAAAAAA5Wc227jVhJF3_srBAwGyDw4EG-HpPMSSpR-Y0CRh6Rs3ZqS23YP-t8HaZItn127SDfylqyyVdIqWrsC1N-H4t12i_J8vJxP9nS7_vXlz_9678H1W3eMXxb_-7JYlOfDuXtc_GsbbbPt5q8vPz4Qrw6R55vNNneJd4dYbfPtdu0QydIhMpMHSPgOkSTrEInQIcxmFSNhHCIKsxUSiUMEYbqGbpPCIbwsXW63LlE6xNJLvG3qEtYlgjjM3XcsaVwiNOEKXsceiCjOQpd4dokozJLMJY7wM4LMwPtxBsLPo8AlvkIvXh5ELnF1Cd9betCtcEy86-jY1oBjCTq2QcdSdGyTIoGObdDCFB3LcyTQsTxBAh3Lfeg2RcfWOTiWomPrABxL0bFsA46l6FhqwLEUHUs8cCxFx0wOjqXoWBSBYyk6FvrgWIqO-Rk4lgrHYnAsFY6l-K6L59gKHEtdx9bLPIPPtgDH4vV6u3IJcCxdZUi4jsXLTPwMcMykORLgmEnW-ErBsXWcQ7cFOBaafGtcAhwzxs_hdYBjJopW8DrAMRNmme8S4JgJtkniEkckPAOvAxyLfBPBbxHPsRQcK9Cx5caDXsCxZCs-W9exTbJZb13XC9exPMxXG7fbnevYOljnuft02LmOZdtVnru97FzH0n9Edj_9netYkmfe2p39netYHKfLldvtznXMmMRfue_6znUsCmM_cx3buY6FaxOn8Dpcx0I_SpOlS7iOBVmYG3f2d65jgRd6ERCuY34chKH7xN25jnkbPwngk3Md80Iv86EXcGy13HhAgGPZP_-4BDiWb9Yb6AUcy_P1xn3HStexfLne5O7rKF3H1svVZu1-cqXr2CpYLVfuKy1dx7Io8zP3lZauY6lJ_QxeqetYkiYh-FG6jsVpHCbwSl3HTG6S2P3kStexaBNlBgjXscgLNxF06zoWRqEfus-P0nUsiIMocCeqdB3zMz_14R0Dx1Ze5gEBjm2XGw_e096xXVE-N9355VTxL_7lq8TIt__yXWIkAlRLiZEcUPkSI2GgCiVGEkFlJEZiQZVIjGSDqpAYCQhVKTGSEipLMBkVqoZgMi9Ue4aJ0FA9E0wmh-rIfpqID9WZYSJDVF9ZpyJIVFeCyTRRcXvFh0XtFbmiovaKcGGpvSJhWGqviBmW2iuyhqX2isBhqb0idVhqr4geltor8oel9ooQYqm9IolYaq-II5baKzKJpfaKYGKpvSKdWGqviCiW24s5xXJ7MaxY_uzFxGKJvSS21MxemV1qZq8MMDWxl6SYmtkro0zN7JV5pmb2ylBTM3tlsqmZvTLe1MxemXFqZq8MOjWzV6admtkrI0_N7JW5p-bPXgw_NbVXJKCa2StjUE3sJVmoJvaSQNQQe0kqaoi9JBo1xF6SjxpiLwlJDbGXJKWG2EviUkPsJZmpIfaS4NQQe0l6aoi9JEI1xF6SoxpiLwlTDbGXJKqG2EtiVcPsldmqYfbKgNUwe2XKapi9Mmq1xF6St1piLwldLbGXJK-W2EviV0vsJRmsJfaSINYSe0kaa4m9JJK1xF6Sy1piLwlnLbGXJLSW2EtiWkvsJVmtZfbKwNYye3-ltr_xf978hH8V93YtFtX-ejkU74-L0_lk__qyWPz4SAVI1Qf7JiiD1O5wLp8FliK2Px325JeWA_e6r27t46J4uZ0FU7uMt1z-WzB7l4kIcnARP5LIeUBau2_am_JyOoDo63kBiL2gN2DYK_LGz-6fD-Oh2ne2vO3Pp8dFd36VcKDA5fnwcjxJfvwwn16ut339_lCeTzd7uj0urrfO3spWVqRaxc9feb0V3U0WlVpRaU8328mCevK32FMlS_ZqK5eitA_Fz6GRZYfpsp29vVpL3rnRlOKwb04P-5s9XifetY7RU-_YCyvQ3q039aezd8ofjboUVbU_NQ-38-VxsZRcwLjwIh8JvmFkwsiUkZ5haMlQOpB-DejufLudj7SpvYLSvg4KTFs7KzDvrlNo3uAL0Adb32h7bxRkzQWoQY-y1gI0oUdpYwG60LO0rQBt6PrnoOwrQBkGkjaGNgws7Qx1GFjeGurQTfyRCEYdjkXX7E_qJxZ0jKN9vTCSdvXGSNpTuGQo7SgMXFT9sEJDQdZTmFKUNRWWFOVd1ZTlbe1dVnkahgeC0ZbOBKQNdQTk7bwQkjcDn7z-IIyWnGQtRQFnWVeR4SxtLEo5THuLRgF2566ynTpRUc042teekbSrAyN5T2eG8o46F1UnKnqhIO3pjaKsKbOkKO3KBJSlbRnjsspEmZRgrCVTEpA2VBOQt7MnJG8GPnl9osyZk7SljrO0qxfO8sbeOEx7i1GAotq_XFlvMX78A8l6iw1nWW9xylnaW1xymPc2utAU1L54__G_0z4OHwn66s8fCf6au4_Ix1f699FW-2JxLTtrT4viVC3-OO5PD0M4jU1yefvPUHv_pj_8C5Lk-x_68U-BZMc8L9hYsr9SvYALCd-zvaCrXzQkfEE2SI65WpBPSEYKeERwSNgCvPwCMfkL9CpQ9XV-E6j2Qt8Fqb1S7-6AshGQJaFact8LyKq7FFPbAVlX6HVu4pWllV56z76yrJn5jUMKloVPEy3C1kAWH-eKP-wOZPXdOG2DIGuuvGbuXf3Gy6be0feJ36S9m_7dTLlZkHTI6eFJLPmY84nGF5wfn9KyoOIF6oPAb0SB8-VAFjypBWrXR7VEbfyilui9X9Uavf1voubDN3KJvyu41nogdXK-n8sCaZT7NV1WSKfcb-uyQlr18Uu75KVU7nd3WSGtcr_CywqpFXyTlyVSq27mz15w10puNCR95bTa9TfOqz2_c17tOPR4gdpvGGLB5AcdxgqudRwWSoHWclgpBXrPjVKhN_2EFRNP8PBIYbVhIdDk8zsUBk0_vkNh0PTTOxQGTT-8IyHQ3LM7EgbNPbojIdHskzsSGs0-uKO7SHKTIumG02rXT5xXez5yXu_4wgv0fq9YMDnJ0TcFVzt-Vwq0lo2nFKg9m1CpUJs2MVZMTLIpKKw1bIRAk5NshEHTk2yEQdOTbIRB05NshEBzk2yEQXOTbIREs5NshEazkxxLkT5ucCQvNXL3OLJCaATbHFkhXMKdjiwRPuFmR5bcnbrvdyT15FJql0eXU3u7uJze0dUF3T7mtz_e0g_J-sf_jfVP9Bvrn-R31j-731r_2E-vf9pPr3-eP7v-OX12_fP18-uf2-fXP6-fXv98__z65-7Ap9c_kVoytf65S_F765-dXje3qLB66dSyop35jer653mixdn1z2mueHL9czfu8-ufG6-Ze1dfednUO_p94jep65-7mZ9Z_0ScVhchCefVLciO8_oKxPICff_RioKZ9c-zWqB2fVJL1Ma_qiV67ze1Rm__VdRMrn--K7i6EZA6zawEpFFz6x_p1Nz6R1o1vf6RUs2tf6RVc-sfqdXs-kdqNbv-uWv1mfXPjdNq16-cV3v-znl9O-DzAn09EGHB9PonUXB1G7JTCtR9iFUK9J5bpUJv-hkrptY_JwqrDQuBptc_wqCZ9Y8waGb9IwyaWf8IgWbXP8Kg2fWPkGh-_SM0ml__3EX6zPqn5bTa9TPn1Z5PnNc7_soL9H5vWDC9_nlVcLXj70qBuhvwlQJ9NRApFfpOJMGKqfXPjsLqNkQINL3-EQbNrH-EQTPrH2HQzPpHCDS7_hEGza5_hETz6x-h0fz6R4o0vf6RGs2tf4RGs-sf4dL8-kf4NL_-uTs1tf55dim1y5PLqb19dTm9o5sL4vrnx5dh_fPHpbO17a4PP-8wPFzL1h7t46Iquud--XP_keNCEW-w9T_zzr0BN95iQO47cOMxBuASD7jxGgNyAXDjOQbkIuDGewzIxcCNBxmQS4EbLzIgtwNuPMmAXAXceJMBuRq54SgDci1yw1UG5J4E159lQO6A3HCXAbmT-Hn9YQbkLoLrLzMg14l--9MMyN2QG24zIEd8pp-b9Lm_zoCc9HnDfE6lz_19BuSkzxvmfSp97i80ICd97k80ICd97m80ICd97o80ICd97q80ICd97s80ICd97u80ICd97g81ICd97i81ICd97k81ICd97m81ICd97o81IEd8jonPKfE5ZZ8beT6viM8p-jwebACuED4PFxuQEz4PJxuQQ5_Hmw3ICZ-How3ICZ-Hqw3ICZ-Hsw3ICZ-Huw3ICZ-Hww3ICZ-Hyw3ICZ-H0w3ICZ-H2w3ICZ-H4w3ICZ-H6w3IkedzSnwupM_9_QbkhM_DAQfk0OfxggNy6PN4wgG4Hfo83nBADn0ejzgghz6PVxyQQ5_HMw7Ioc_jHQfk0OfxkANy6PN4yQE59Hk85YAc-jzeckAOfR6POSCHPo_XHJBDn8dzDsihz-M9B-TQ5_GgA3LC5-GiA3LC5-GkA3LC5-GmA3LC5-GoA3Al-jxedUAOfR7POiCHPo93HZBDn8fDDsihz-NlB-TQ5_G0A3Lo83jbATn0eTzugBz6PF53QA59Hs87IIc-j_cdkEOfxwMPyKHP44UH5ITPw4kH5ITPw40H5Eaf6X0-hN8YrCTD8juDlXhYeQxWMmIVMFgJilXEYCUtVjGDlchYpQxWcmO1Y7ASHquKwUqCrGoK8xhZtRTmWbJ64jANlNWBwjxVVif-k2m0rC4cpvmy6vi7QUNmdaMwT5qVNin041YmhWbOSpkUGjytMik0fVplUmgEtcqk0BxqlUmhYdQqk0ITqVUmhcZSq0wKzaZWmRQaUK0yKTSlWmVSaFS1yqTQvGqVSaGh1SqTQpOrVSaFxlerTQrLsFabFBZkrfY3haVZSydFibQ1nxSea2s-KTzc1nRSlIRb80nhMbfmk8Kzbs0nhQfemk8KT701nxQefWs-KTz_1nxSeAiu-aTwJFzzSeFxuOaTwjNxrf1NYcG4ViaFpuOaTwqPyDWdFCUn13RSlLDc0ElREnNDJ0WJzQ2dFCU7N3RSlADd0ElRUnRDJ0WJ0g2dFCVPN3RSlFDd0ElRknVDJ0WJ1w2dFCVjN3RSlKDd0ElR0nZDJ0WJ3A2fFJ67Gz4pPHw3fFJ4Am_4pPAY3tJJUbJ4SydFCeQtnRQllbd0UpRo3tJJUfJ5SydFCektnRQlqbd0UpS43tJJUTJ7SydFCe4tnRQlvbd0UpQI39JJUXJ8yyeFh_mWT8qHRP_j__OspDh2awAA\"}!../../../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.25_webpack@5.104.1/node_modules/@vanilla-extract/webpack-plugin/extracted.js";
-import { createSprinkles } from "@vanilla-extract/sprinkles/createRuntimeSprinkles";
-var colors = {
+import { defineProperties, createSprinkles } from '@vanilla-extract/sprinkles';
+import { componentsLayer } from './layers.css';
+const space = {
+    none: 0,
+    small: '4px',
+    medium: '8px',
+    large: '16px',
+    auto: 'auto',
+    // etc.
+};
+const responsiveProperties = defineProperties({
+    '@layer': componentsLayer,
+    conditions: {
+        mobile: {},
+        tablet: { '@media': 'screen and (min-width: 768px)' },
+        desktop: { '@media': 'screen and (min-width: 1024px)' },
+    },
+    defaultCondition: 'mobile',
+    responsiveArray: ['mobile', 'tablet', 'desktop'],
+    properties: {
+        display: ['none', 'flex', 'block', 'inline'],
+        width: ['auto', '100%', '50%', '25%'],
+        height: ['auto', '100%', '50%', '25%'],
+        flexDirection: ['row', 'column'],
+        justifyContent: [
+            'stretch',
+            'flex-start',
+            'center',
+            'flex-end',
+            'space-around',
+            'space-between',
+        ],
+        alignItems: ['stretch', 'flex-start', 'center', 'flex-end'],
+        paddingTop: space,
+        paddingBottom: space,
+        paddingLeft: space,
+        paddingRight: space,
+        marginLeft: space,
+        marginRight: space,
+        marginTop: space,
+        marginBottom: space,
+        borderLeft: space,
+        borderRight: space,
+        borderTop: space,
+        borderBottom: space,
+        borderRadius: space,
+        gap: space,
+        // etc.
+    },
+    shorthands: {
+        padding: ['paddingTop', 'paddingBottom', 'paddingLeft', 'paddingRight'],
+        border: ['borderTop', 'borderRight', 'borderBottom', 'borderLeft'],
+        paddingX: ['paddingLeft', 'paddingRight'],
+        paddingY: ['paddingTop', 'paddingBottom'],
+        marginX: ['marginLeft', 'marginRight'],
+        marginY: ['marginTop', 'marginBottom'],
+        placeItems: ['justifyContent', 'alignItems'],
+    },
+});
+export const colors = {
+    // Generated color tokens from base palette [CAE5FF, ACEDFF, 89BBFE, 6F8AB7, 615D6C]
     'c1-50': '#F5FAFE',
     'c1-100': '#DDEEFD',
     'c1-150': '#BFDFFC',
@@ -90,2223 +148,18 @@ var colors = {
     'c5-750': '#37353B',
     'c5-800': '#2A292E',
     'c5-850': '#1B1A1E',
-    'c5-900': '#0F0E10'
+    'c5-900': '#0F0E10',
 };
-var sprinkles = createSprinkles(function() {
-    var x = {
-        conditions: {
-            defaultCondition: 'mobile',
-            conditionNames: [
-                'mobile',
-                'tablet',
-                'desktop'
-            ],
-            responsiveArray: [
-                'mobile',
-                'tablet',
-                'desktop'
-            ]
-        },
-        styles: {
-            padding: {
-                mappings: [
-                    'paddingTop',
-                    'paddingBottom',
-                    'paddingLeft',
-                    'paddingRight'
-                ]
-            },
-            border: {
-                mappings: [
-                    'borderTop',
-                    'borderRight',
-                    'borderBottom',
-                    'borderLeft'
-                ]
-            },
-            paddingX: {
-                mappings: [
-                    'paddingLeft',
-                    'paddingRight'
-                ]
-            },
-            paddingY: {
-                mappings: [
-                    'paddingTop',
-                    'paddingBottom'
-                ]
-            },
-            marginX: {
-                mappings: [
-                    'marginLeft',
-                    'marginRight'
-                ]
-            },
-            marginY: {
-                mappings: [
-                    'marginTop',
-                    'marginBottom'
-                ]
-            },
-            placeItems: {
-                mappings: [
-                    'justifyContent',
-                    'alignItems'
-                ]
-            },
-            display: {
-                values: {
-                    none: {
-                        conditions: {
-                            mobile: '_1y3svrm0',
-                            tablet: '_1y3svrm1',
-                            desktop: '_1y3svrm2'
-                        },
-                        defaultClass: '_1y3svrm0'
-                    },
-                    flex: {
-                        conditions: {
-                            mobile: '_1y3svrm3',
-                            tablet: '_1y3svrm4',
-                            desktop: '_1y3svrm5'
-                        },
-                        defaultClass: '_1y3svrm3'
-                    },
-                    block: {
-                        conditions: {
-                            mobile: '_1y3svrm6',
-                            tablet: '_1y3svrm7',
-                            desktop: '_1y3svrm8'
-                        },
-                        defaultClass: '_1y3svrm6'
-                    },
-                    inline: {
-                        conditions: {
-                            mobile: '_1y3svrm9',
-                            tablet: '_1y3svrma',
-                            desktop: '_1y3svrmb'
-                        },
-                        defaultClass: '_1y3svrm9'
-                    }
-                },
-                responsiveArray: void 0
-            },
-            width: {
-                values: {
-                    auto: {
-                        conditions: {
-                            mobile: '_1y3svrmc',
-                            tablet: '_1y3svrmd',
-                            desktop: '_1y3svrme'
-                        },
-                        defaultClass: '_1y3svrmc'
-                    },
-                    '100%': {
-                        conditions: {
-                            mobile: '_1y3svrmf',
-                            tablet: '_1y3svrmg',
-                            desktop: '_1y3svrmh'
-                        },
-                        defaultClass: '_1y3svrmf'
-                    },
-                    '50%': {
-                        conditions: {
-                            mobile: '_1y3svrmi',
-                            tablet: '_1y3svrmj',
-                            desktop: '_1y3svrmk'
-                        },
-                        defaultClass: '_1y3svrmi'
-                    },
-                    '25%': {
-                        conditions: {
-                            mobile: '_1y3svrml',
-                            tablet: '_1y3svrmm',
-                            desktop: '_1y3svrmn'
-                        },
-                        defaultClass: '_1y3svrml'
-                    }
-                },
-                responsiveArray: void 0
-            },
-            height: {
-                values: {
-                    auto: {
-                        conditions: {
-                            mobile: '_1y3svrmo',
-                            tablet: '_1y3svrmp',
-                            desktop: '_1y3svrmq'
-                        },
-                        defaultClass: '_1y3svrmo'
-                    },
-                    '100%': {
-                        conditions: {
-                            mobile: '_1y3svrmr',
-                            tablet: '_1y3svrms',
-                            desktop: '_1y3svrmt'
-                        },
-                        defaultClass: '_1y3svrmr'
-                    },
-                    '50%': {
-                        conditions: {
-                            mobile: '_1y3svrmu',
-                            tablet: '_1y3svrmv',
-                            desktop: '_1y3svrmw'
-                        },
-                        defaultClass: '_1y3svrmu'
-                    },
-                    '25%': {
-                        conditions: {
-                            mobile: '_1y3svrmx',
-                            tablet: '_1y3svrmy',
-                            desktop: '_1y3svrmz'
-                        },
-                        defaultClass: '_1y3svrmx'
-                    }
-                },
-                responsiveArray: void 0
-            },
-            flexDirection: {
-                values: {
-                    row: {
-                        conditions: {
-                            mobile: '_1y3svrm10',
-                            tablet: '_1y3svrm11',
-                            desktop: '_1y3svrm12'
-                        },
-                        defaultClass: '_1y3svrm10'
-                    },
-                    column: {
-                        conditions: {
-                            mobile: '_1y3svrm13',
-                            tablet: '_1y3svrm14',
-                            desktop: '_1y3svrm15'
-                        },
-                        defaultClass: '_1y3svrm13'
-                    }
-                },
-                responsiveArray: void 0
-            },
-            justifyContent: {
-                values: {
-                    stretch: {
-                        conditions: {
-                            mobile: '_1y3svrm16',
-                            tablet: '_1y3svrm17',
-                            desktop: '_1y3svrm18'
-                        },
-                        defaultClass: '_1y3svrm16'
-                    },
-                    'flex-start': {
-                        conditions: {
-                            mobile: '_1y3svrm19',
-                            tablet: '_1y3svrm1a',
-                            desktop: '_1y3svrm1b'
-                        },
-                        defaultClass: '_1y3svrm19'
-                    },
-                    center: {
-                        conditions: {
-                            mobile: '_1y3svrm1c',
-                            tablet: '_1y3svrm1d',
-                            desktop: '_1y3svrm1e'
-                        },
-                        defaultClass: '_1y3svrm1c'
-                    },
-                    'flex-end': {
-                        conditions: {
-                            mobile: '_1y3svrm1f',
-                            tablet: '_1y3svrm1g',
-                            desktop: '_1y3svrm1h'
-                        },
-                        defaultClass: '_1y3svrm1f'
-                    },
-                    'space-around': {
-                        conditions: {
-                            mobile: '_1y3svrm1i',
-                            tablet: '_1y3svrm1j',
-                            desktop: '_1y3svrm1k'
-                        },
-                        defaultClass: '_1y3svrm1i'
-                    },
-                    'space-between': {
-                        conditions: {
-                            mobile: '_1y3svrm1l',
-                            tablet: '_1y3svrm1m',
-                            desktop: '_1y3svrm1n'
-                        },
-                        defaultClass: '_1y3svrm1l'
-                    }
-                },
-                responsiveArray: void 0
-            },
-            alignItems: {
-                values: {
-                    stretch: {
-                        conditions: {
-                            mobile: '_1y3svrm1o',
-                            tablet: '_1y3svrm1p',
-                            desktop: '_1y3svrm1q'
-                        },
-                        defaultClass: '_1y3svrm1o'
-                    },
-                    'flex-start': {
-                        conditions: {
-                            mobile: '_1y3svrm1r',
-                            tablet: '_1y3svrm1s',
-                            desktop: '_1y3svrm1t'
-                        },
-                        defaultClass: '_1y3svrm1r'
-                    },
-                    center: {
-                        conditions: {
-                            mobile: '_1y3svrm1u',
-                            tablet: '_1y3svrm1v',
-                            desktop: '_1y3svrm1w'
-                        },
-                        defaultClass: '_1y3svrm1u'
-                    },
-                    'flex-end': {
-                        conditions: {
-                            mobile: '_1y3svrm1x',
-                            tablet: '_1y3svrm1y',
-                            desktop: '_1y3svrm1z'
-                        },
-                        defaultClass: '_1y3svrm1x'
-                    }
-                },
-                responsiveArray: void 0
-            },
-            paddingTop: {
-                values: {
-                    none: {
-                        conditions: {
-                            mobile: '_1y3svrm20',
-                            tablet: '_1y3svrm21',
-                            desktop: '_1y3svrm22'
-                        },
-                        defaultClass: '_1y3svrm20'
-                    },
-                    small: {
-                        conditions: {
-                            mobile: '_1y3svrm23',
-                            tablet: '_1y3svrm24',
-                            desktop: '_1y3svrm25'
-                        },
-                        defaultClass: '_1y3svrm23'
-                    },
-                    medium: {
-                        conditions: {
-                            mobile: '_1y3svrm26',
-                            tablet: '_1y3svrm27',
-                            desktop: '_1y3svrm28'
-                        },
-                        defaultClass: '_1y3svrm26'
-                    },
-                    large: {
-                        conditions: {
-                            mobile: '_1y3svrm29',
-                            tablet: '_1y3svrm2a',
-                            desktop: '_1y3svrm2b'
-                        },
-                        defaultClass: '_1y3svrm29'
-                    },
-                    auto: {
-                        conditions: {
-                            mobile: '_1y3svrm2c',
-                            tablet: '_1y3svrm2d',
-                            desktop: '_1y3svrm2e'
-                        },
-                        defaultClass: '_1y3svrm2c'
-                    }
-                },
-                responsiveArray: void 0
-            },
-            paddingBottom: {
-                values: {
-                    none: {
-                        conditions: {
-                            mobile: '_1y3svrm2f',
-                            tablet: '_1y3svrm2g',
-                            desktop: '_1y3svrm2h'
-                        },
-                        defaultClass: '_1y3svrm2f'
-                    },
-                    small: {
-                        conditions: {
-                            mobile: '_1y3svrm2i',
-                            tablet: '_1y3svrm2j',
-                            desktop: '_1y3svrm2k'
-                        },
-                        defaultClass: '_1y3svrm2i'
-                    },
-                    medium: {
-                        conditions: {
-                            mobile: '_1y3svrm2l',
-                            tablet: '_1y3svrm2m',
-                            desktop: '_1y3svrm2n'
-                        },
-                        defaultClass: '_1y3svrm2l'
-                    },
-                    large: {
-                        conditions: {
-                            mobile: '_1y3svrm2o',
-                            tablet: '_1y3svrm2p',
-                            desktop: '_1y3svrm2q'
-                        },
-                        defaultClass: '_1y3svrm2o'
-                    },
-                    auto: {
-                        conditions: {
-                            mobile: '_1y3svrm2r',
-                            tablet: '_1y3svrm2s',
-                            desktop: '_1y3svrm2t'
-                        },
-                        defaultClass: '_1y3svrm2r'
-                    }
-                },
-                responsiveArray: void 0
-            },
-            paddingLeft: {
-                values: {
-                    none: {
-                        conditions: {
-                            mobile: '_1y3svrm2u',
-                            tablet: '_1y3svrm2v',
-                            desktop: '_1y3svrm2w'
-                        },
-                        defaultClass: '_1y3svrm2u'
-                    },
-                    small: {
-                        conditions: {
-                            mobile: '_1y3svrm2x',
-                            tablet: '_1y3svrm2y',
-                            desktop: '_1y3svrm2z'
-                        },
-                        defaultClass: '_1y3svrm2x'
-                    },
-                    medium: {
-                        conditions: {
-                            mobile: '_1y3svrm30',
-                            tablet: '_1y3svrm31',
-                            desktop: '_1y3svrm32'
-                        },
-                        defaultClass: '_1y3svrm30'
-                    },
-                    large: {
-                        conditions: {
-                            mobile: '_1y3svrm33',
-                            tablet: '_1y3svrm34',
-                            desktop: '_1y3svrm35'
-                        },
-                        defaultClass: '_1y3svrm33'
-                    },
-                    auto: {
-                        conditions: {
-                            mobile: '_1y3svrm36',
-                            tablet: '_1y3svrm37',
-                            desktop: '_1y3svrm38'
-                        },
-                        defaultClass: '_1y3svrm36'
-                    }
-                },
-                responsiveArray: void 0
-            },
-            paddingRight: {
-                values: {
-                    none: {
-                        conditions: {
-                            mobile: '_1y3svrm39',
-                            tablet: '_1y3svrm3a',
-                            desktop: '_1y3svrm3b'
-                        },
-                        defaultClass: '_1y3svrm39'
-                    },
-                    small: {
-                        conditions: {
-                            mobile: '_1y3svrm3c',
-                            tablet: '_1y3svrm3d',
-                            desktop: '_1y3svrm3e'
-                        },
-                        defaultClass: '_1y3svrm3c'
-                    },
-                    medium: {
-                        conditions: {
-                            mobile: '_1y3svrm3f',
-                            tablet: '_1y3svrm3g',
-                            desktop: '_1y3svrm3h'
-                        },
-                        defaultClass: '_1y3svrm3f'
-                    },
-                    large: {
-                        conditions: {
-                            mobile: '_1y3svrm3i',
-                            tablet: '_1y3svrm3j',
-                            desktop: '_1y3svrm3k'
-                        },
-                        defaultClass: '_1y3svrm3i'
-                    },
-                    auto: {
-                        conditions: {
-                            mobile: '_1y3svrm3l',
-                            tablet: '_1y3svrm3m',
-                            desktop: '_1y3svrm3n'
-                        },
-                        defaultClass: '_1y3svrm3l'
-                    }
-                },
-                responsiveArray: void 0
-            },
-            marginLeft: {
-                values: {
-                    none: {
-                        conditions: {
-                            mobile: '_1y3svrm3o',
-                            tablet: '_1y3svrm3p',
-                            desktop: '_1y3svrm3q'
-                        },
-                        defaultClass: '_1y3svrm3o'
-                    },
-                    small: {
-                        conditions: {
-                            mobile: '_1y3svrm3r',
-                            tablet: '_1y3svrm3s',
-                            desktop: '_1y3svrm3t'
-                        },
-                        defaultClass: '_1y3svrm3r'
-                    },
-                    medium: {
-                        conditions: {
-                            mobile: '_1y3svrm3u',
-                            tablet: '_1y3svrm3v',
-                            desktop: '_1y3svrm3w'
-                        },
-                        defaultClass: '_1y3svrm3u'
-                    },
-                    large: {
-                        conditions: {
-                            mobile: '_1y3svrm3x',
-                            tablet: '_1y3svrm3y',
-                            desktop: '_1y3svrm3z'
-                        },
-                        defaultClass: '_1y3svrm3x'
-                    },
-                    auto: {
-                        conditions: {
-                            mobile: '_1y3svrm40',
-                            tablet: '_1y3svrm41',
-                            desktop: '_1y3svrm42'
-                        },
-                        defaultClass: '_1y3svrm40'
-                    }
-                },
-                responsiveArray: void 0
-            },
-            marginRight: {
-                values: {
-                    none: {
-                        conditions: {
-                            mobile: '_1y3svrm43',
-                            tablet: '_1y3svrm44',
-                            desktop: '_1y3svrm45'
-                        },
-                        defaultClass: '_1y3svrm43'
-                    },
-                    small: {
-                        conditions: {
-                            mobile: '_1y3svrm46',
-                            tablet: '_1y3svrm47',
-                            desktop: '_1y3svrm48'
-                        },
-                        defaultClass: '_1y3svrm46'
-                    },
-                    medium: {
-                        conditions: {
-                            mobile: '_1y3svrm49',
-                            tablet: '_1y3svrm4a',
-                            desktop: '_1y3svrm4b'
-                        },
-                        defaultClass: '_1y3svrm49'
-                    },
-                    large: {
-                        conditions: {
-                            mobile: '_1y3svrm4c',
-                            tablet: '_1y3svrm4d',
-                            desktop: '_1y3svrm4e'
-                        },
-                        defaultClass: '_1y3svrm4c'
-                    },
-                    auto: {
-                        conditions: {
-                            mobile: '_1y3svrm4f',
-                            tablet: '_1y3svrm4g',
-                            desktop: '_1y3svrm4h'
-                        },
-                        defaultClass: '_1y3svrm4f'
-                    }
-                },
-                responsiveArray: void 0
-            },
-            marginTop: {
-                values: {
-                    none: {
-                        conditions: {
-                            mobile: '_1y3svrm4i',
-                            tablet: '_1y3svrm4j',
-                            desktop: '_1y3svrm4k'
-                        },
-                        defaultClass: '_1y3svrm4i'
-                    },
-                    small: {
-                        conditions: {
-                            mobile: '_1y3svrm4l',
-                            tablet: '_1y3svrm4m',
-                            desktop: '_1y3svrm4n'
-                        },
-                        defaultClass: '_1y3svrm4l'
-                    },
-                    medium: {
-                        conditions: {
-                            mobile: '_1y3svrm4o',
-                            tablet: '_1y3svrm4p',
-                            desktop: '_1y3svrm4q'
-                        },
-                        defaultClass: '_1y3svrm4o'
-                    },
-                    large: {
-                        conditions: {
-                            mobile: '_1y3svrm4r',
-                            tablet: '_1y3svrm4s',
-                            desktop: '_1y3svrm4t'
-                        },
-                        defaultClass: '_1y3svrm4r'
-                    },
-                    auto: {
-                        conditions: {
-                            mobile: '_1y3svrm4u',
-                            tablet: '_1y3svrm4v',
-                            desktop: '_1y3svrm4w'
-                        },
-                        defaultClass: '_1y3svrm4u'
-                    }
-                },
-                responsiveArray: void 0
-            },
-            marginBottom: {
-                values: {
-                    none: {
-                        conditions: {
-                            mobile: '_1y3svrm4x',
-                            tablet: '_1y3svrm4y',
-                            desktop: '_1y3svrm4z'
-                        },
-                        defaultClass: '_1y3svrm4x'
-                    },
-                    small: {
-                        conditions: {
-                            mobile: '_1y3svrm50',
-                            tablet: '_1y3svrm51',
-                            desktop: '_1y3svrm52'
-                        },
-                        defaultClass: '_1y3svrm50'
-                    },
-                    medium: {
-                        conditions: {
-                            mobile: '_1y3svrm53',
-                            tablet: '_1y3svrm54',
-                            desktop: '_1y3svrm55'
-                        },
-                        defaultClass: '_1y3svrm53'
-                    },
-                    large: {
-                        conditions: {
-                            mobile: '_1y3svrm56',
-                            tablet: '_1y3svrm57',
-                            desktop: '_1y3svrm58'
-                        },
-                        defaultClass: '_1y3svrm56'
-                    },
-                    auto: {
-                        conditions: {
-                            mobile: '_1y3svrm59',
-                            tablet: '_1y3svrm5a',
-                            desktop: '_1y3svrm5b'
-                        },
-                        defaultClass: '_1y3svrm59'
-                    }
-                },
-                responsiveArray: void 0
-            },
-            borderLeft: {
-                values: {
-                    none: {
-                        conditions: {
-                            mobile: '_1y3svrm5c',
-                            tablet: '_1y3svrm5d',
-                            desktop: '_1y3svrm5e'
-                        },
-                        defaultClass: '_1y3svrm5c'
-                    },
-                    small: {
-                        conditions: {
-                            mobile: '_1y3svrm5f',
-                            tablet: '_1y3svrm5g',
-                            desktop: '_1y3svrm5h'
-                        },
-                        defaultClass: '_1y3svrm5f'
-                    },
-                    medium: {
-                        conditions: {
-                            mobile: '_1y3svrm5i',
-                            tablet: '_1y3svrm5j',
-                            desktop: '_1y3svrm5k'
-                        },
-                        defaultClass: '_1y3svrm5i'
-                    },
-                    large: {
-                        conditions: {
-                            mobile: '_1y3svrm5l',
-                            tablet: '_1y3svrm5m',
-                            desktop: '_1y3svrm5n'
-                        },
-                        defaultClass: '_1y3svrm5l'
-                    },
-                    auto: {
-                        conditions: {
-                            mobile: '_1y3svrm5o',
-                            tablet: '_1y3svrm5p',
-                            desktop: '_1y3svrm5q'
-                        },
-                        defaultClass: '_1y3svrm5o'
-                    }
-                },
-                responsiveArray: void 0
-            },
-            borderRight: {
-                values: {
-                    none: {
-                        conditions: {
-                            mobile: '_1y3svrm5r',
-                            tablet: '_1y3svrm5s',
-                            desktop: '_1y3svrm5t'
-                        },
-                        defaultClass: '_1y3svrm5r'
-                    },
-                    small: {
-                        conditions: {
-                            mobile: '_1y3svrm5u',
-                            tablet: '_1y3svrm5v',
-                            desktop: '_1y3svrm5w'
-                        },
-                        defaultClass: '_1y3svrm5u'
-                    },
-                    medium: {
-                        conditions: {
-                            mobile: '_1y3svrm5x',
-                            tablet: '_1y3svrm5y',
-                            desktop: '_1y3svrm5z'
-                        },
-                        defaultClass: '_1y3svrm5x'
-                    },
-                    large: {
-                        conditions: {
-                            mobile: '_1y3svrm60',
-                            tablet: '_1y3svrm61',
-                            desktop: '_1y3svrm62'
-                        },
-                        defaultClass: '_1y3svrm60'
-                    },
-                    auto: {
-                        conditions: {
-                            mobile: '_1y3svrm63',
-                            tablet: '_1y3svrm64',
-                            desktop: '_1y3svrm65'
-                        },
-                        defaultClass: '_1y3svrm63'
-                    }
-                },
-                responsiveArray: void 0
-            },
-            borderTop: {
-                values: {
-                    none: {
-                        conditions: {
-                            mobile: '_1y3svrm66',
-                            tablet: '_1y3svrm67',
-                            desktop: '_1y3svrm68'
-                        },
-                        defaultClass: '_1y3svrm66'
-                    },
-                    small: {
-                        conditions: {
-                            mobile: '_1y3svrm69',
-                            tablet: '_1y3svrm6a',
-                            desktop: '_1y3svrm6b'
-                        },
-                        defaultClass: '_1y3svrm69'
-                    },
-                    medium: {
-                        conditions: {
-                            mobile: '_1y3svrm6c',
-                            tablet: '_1y3svrm6d',
-                            desktop: '_1y3svrm6e'
-                        },
-                        defaultClass: '_1y3svrm6c'
-                    },
-                    large: {
-                        conditions: {
-                            mobile: '_1y3svrm6f',
-                            tablet: '_1y3svrm6g',
-                            desktop: '_1y3svrm6h'
-                        },
-                        defaultClass: '_1y3svrm6f'
-                    },
-                    auto: {
-                        conditions: {
-                            mobile: '_1y3svrm6i',
-                            tablet: '_1y3svrm6j',
-                            desktop: '_1y3svrm6k'
-                        },
-                        defaultClass: '_1y3svrm6i'
-                    }
-                },
-                responsiveArray: void 0
-            },
-            borderBottom: {
-                values: {
-                    none: {
-                        conditions: {
-                            mobile: '_1y3svrm6l',
-                            tablet: '_1y3svrm6m',
-                            desktop: '_1y3svrm6n'
-                        },
-                        defaultClass: '_1y3svrm6l'
-                    },
-                    small: {
-                        conditions: {
-                            mobile: '_1y3svrm6o',
-                            tablet: '_1y3svrm6p',
-                            desktop: '_1y3svrm6q'
-                        },
-                        defaultClass: '_1y3svrm6o'
-                    },
-                    medium: {
-                        conditions: {
-                            mobile: '_1y3svrm6r',
-                            tablet: '_1y3svrm6s',
-                            desktop: '_1y3svrm6t'
-                        },
-                        defaultClass: '_1y3svrm6r'
-                    },
-                    large: {
-                        conditions: {
-                            mobile: '_1y3svrm6u',
-                            tablet: '_1y3svrm6v',
-                            desktop: '_1y3svrm6w'
-                        },
-                        defaultClass: '_1y3svrm6u'
-                    },
-                    auto: {
-                        conditions: {
-                            mobile: '_1y3svrm6x',
-                            tablet: '_1y3svrm6y',
-                            desktop: '_1y3svrm6z'
-                        },
-                        defaultClass: '_1y3svrm6x'
-                    }
-                },
-                responsiveArray: void 0
-            },
-            borderRadius: {
-                values: {
-                    none: {
-                        conditions: {
-                            mobile: '_1y3svrm70',
-                            tablet: '_1y3svrm71',
-                            desktop: '_1y3svrm72'
-                        },
-                        defaultClass: '_1y3svrm70'
-                    },
-                    small: {
-                        conditions: {
-                            mobile: '_1y3svrm73',
-                            tablet: '_1y3svrm74',
-                            desktop: '_1y3svrm75'
-                        },
-                        defaultClass: '_1y3svrm73'
-                    },
-                    medium: {
-                        conditions: {
-                            mobile: '_1y3svrm76',
-                            tablet: '_1y3svrm77',
-                            desktop: '_1y3svrm78'
-                        },
-                        defaultClass: '_1y3svrm76'
-                    },
-                    large: {
-                        conditions: {
-                            mobile: '_1y3svrm79',
-                            tablet: '_1y3svrm7a',
-                            desktop: '_1y3svrm7b'
-                        },
-                        defaultClass: '_1y3svrm79'
-                    },
-                    auto: {
-                        conditions: {
-                            mobile: '_1y3svrm7c',
-                            tablet: '_1y3svrm7d',
-                            desktop: '_1y3svrm7e'
-                        },
-                        defaultClass: '_1y3svrm7c'
-                    }
-                },
-                responsiveArray: void 0
-            },
-            gap: {
-                values: {
-                    none: {
-                        conditions: {
-                            mobile: '_1y3svrm7f',
-                            tablet: '_1y3svrm7g',
-                            desktop: '_1y3svrm7h'
-                        },
-                        defaultClass: '_1y3svrm7f'
-                    },
-                    small: {
-                        conditions: {
-                            mobile: '_1y3svrm7i',
-                            tablet: '_1y3svrm7j',
-                            desktop: '_1y3svrm7k'
-                        },
-                        defaultClass: '_1y3svrm7i'
-                    },
-                    medium: {
-                        conditions: {
-                            mobile: '_1y3svrm7l',
-                            tablet: '_1y3svrm7m',
-                            desktop: '_1y3svrm7n'
-                        },
-                        defaultClass: '_1y3svrm7l'
-                    },
-                    large: {
-                        conditions: {
-                            mobile: '_1y3svrm7o',
-                            tablet: '_1y3svrm7p',
-                            desktop: '_1y3svrm7q'
-                        },
-                        defaultClass: '_1y3svrm7o'
-                    },
-                    auto: {
-                        conditions: {
-                            mobile: '_1y3svrm7r',
-                            tablet: '_1y3svrm7s',
-                            desktop: '_1y3svrm7t'
-                        },
-                        defaultClass: '_1y3svrm7r'
-                    }
-                },
-                responsiveArray: void 0
-            }
-        }
-    };
-    x.styles.display.responsiveArray = x.conditions.responsiveArray;
-    x.styles.width.responsiveArray = x.conditions.responsiveArray;
-    x.styles.height.responsiveArray = x.conditions.responsiveArray;
-    x.styles.flexDirection.responsiveArray = x.conditions.responsiveArray;
-    x.styles.justifyContent.responsiveArray = x.conditions.responsiveArray;
-    x.styles.alignItems.responsiveArray = x.conditions.responsiveArray;
-    x.styles.paddingTop.responsiveArray = x.conditions.responsiveArray;
-    x.styles.paddingBottom.responsiveArray = x.conditions.responsiveArray;
-    x.styles.paddingLeft.responsiveArray = x.conditions.responsiveArray;
-    x.styles.paddingRight.responsiveArray = x.conditions.responsiveArray;
-    x.styles.marginLeft.responsiveArray = x.conditions.responsiveArray;
-    x.styles.marginRight.responsiveArray = x.conditions.responsiveArray;
-    x.styles.marginTop.responsiveArray = x.conditions.responsiveArray;
-    x.styles.marginBottom.responsiveArray = x.conditions.responsiveArray;
-    x.styles.borderLeft.responsiveArray = x.conditions.responsiveArray;
-    x.styles.borderRight.responsiveArray = x.conditions.responsiveArray;
-    x.styles.borderTop.responsiveArray = x.conditions.responsiveArray;
-    x.styles.borderBottom.responsiveArray = x.conditions.responsiveArray;
-    x.styles.borderRadius.responsiveArray = x.conditions.responsiveArray;
-    x.styles.gap.responsiveArray = x.conditions.responsiveArray;
-    return x;
-}(), {
+const colorProperties = defineProperties({
     conditions: {
-        defaultCondition: 'lightMode',
-        conditionNames: [
-            'lightMode',
-            'darkMode'
-        ],
-        responsiveArray: void 0
+        lightMode: {},
+        darkMode: { '@media': '(prefers-color-scheme: dark)' },
+    },
+    defaultCondition: 'lightMode',
+    properties: {
+        color: colors,
+        background: colors,
+        // etc.
     },
-    styles: {
-        color: {
-            values: {
-                'c1-50': {
-                    conditions: {
-                        lightMode: '_1y3svrm7u',
-                        darkMode: '_1y3svrm7v'
-                    },
-                    defaultClass: '_1y3svrm7u'
-                },
-                'c1-100': {
-                    conditions: {
-                        lightMode: '_1y3svrm7w',
-                        darkMode: '_1y3svrm7x'
-                    },
-                    defaultClass: '_1y3svrm7w'
-                },
-                'c1-150': {
-                    conditions: {
-                        lightMode: '_1y3svrm7y',
-                        darkMode: '_1y3svrm7z'
-                    },
-                    defaultClass: '_1y3svrm7y'
-                },
-                'c1-200': {
-                    conditions: {
-                        lightMode: '_1y3svrm80',
-                        darkMode: '_1y3svrm81'
-                    },
-                    defaultClass: '_1y3svrm80'
-                },
-                'c1-250': {
-                    conditions: {
-                        lightMode: '_1y3svrm82',
-                        darkMode: '_1y3svrm83'
-                    },
-                    defaultClass: '_1y3svrm82'
-                },
-                'c1-300': {
-                    conditions: {
-                        lightMode: '_1y3svrm84',
-                        darkMode: '_1y3svrm85'
-                    },
-                    defaultClass: '_1y3svrm84'
-                },
-                'c1-350': {
-                    conditions: {
-                        lightMode: '_1y3svrm86',
-                        darkMode: '_1y3svrm87'
-                    },
-                    defaultClass: '_1y3svrm86'
-                },
-                'c1-400': {
-                    conditions: {
-                        lightMode: '_1y3svrm88',
-                        darkMode: '_1y3svrm89'
-                    },
-                    defaultClass: '_1y3svrm88'
-                },
-                'c1-450': {
-                    conditions: {
-                        lightMode: '_1y3svrm8a',
-                        darkMode: '_1y3svrm8b'
-                    },
-                    defaultClass: '_1y3svrm8a'
-                },
-                'c1-500': {
-                    conditions: {
-                        lightMode: '_1y3svrm8c',
-                        darkMode: '_1y3svrm8d'
-                    },
-                    defaultClass: '_1y3svrm8c'
-                },
-                'c1-550': {
-                    conditions: {
-                        lightMode: '_1y3svrm8e',
-                        darkMode: '_1y3svrm8f'
-                    },
-                    defaultClass: '_1y3svrm8e'
-                },
-                'c1-600': {
-                    conditions: {
-                        lightMode: '_1y3svrm8g',
-                        darkMode: '_1y3svrm8h'
-                    },
-                    defaultClass: '_1y3svrm8g'
-                },
-                'c1-650': {
-                    conditions: {
-                        lightMode: '_1y3svrm8i',
-                        darkMode: '_1y3svrm8j'
-                    },
-                    defaultClass: '_1y3svrm8i'
-                },
-                'c1-700': {
-                    conditions: {
-                        lightMode: '_1y3svrm8k',
-                        darkMode: '_1y3svrm8l'
-                    },
-                    defaultClass: '_1y3svrm8k'
-                },
-                'c1-750': {
-                    conditions: {
-                        lightMode: '_1y3svrm8m',
-                        darkMode: '_1y3svrm8n'
-                    },
-                    defaultClass: '_1y3svrm8m'
-                },
-                'c1-800': {
-                    conditions: {
-                        lightMode: '_1y3svrm8o',
-                        darkMode: '_1y3svrm8p'
-                    },
-                    defaultClass: '_1y3svrm8o'
-                },
-                'c1-850': {
-                    conditions: {
-                        lightMode: '_1y3svrm8q',
-                        darkMode: '_1y3svrm8r'
-                    },
-                    defaultClass: '_1y3svrm8q'
-                },
-                'c1-900': {
-                    conditions: {
-                        lightMode: '_1y3svrm8s',
-                        darkMode: '_1y3svrm8t'
-                    },
-                    defaultClass: '_1y3svrm8s'
-                },
-                'c2-50': {
-                    conditions: {
-                        lightMode: '_1y3svrm8u',
-                        darkMode: '_1y3svrm8v'
-                    },
-                    defaultClass: '_1y3svrm8u'
-                },
-                'c2-100': {
-                    conditions: {
-                        lightMode: '_1y3svrm8w',
-                        darkMode: '_1y3svrm8x'
-                    },
-                    defaultClass: '_1y3svrm8w'
-                },
-                'c2-150': {
-                    conditions: {
-                        lightMode: '_1y3svrm8y',
-                        darkMode: '_1y3svrm8z'
-                    },
-                    defaultClass: '_1y3svrm8y'
-                },
-                'c2-200': {
-                    conditions: {
-                        lightMode: '_1y3svrm90',
-                        darkMode: '_1y3svrm91'
-                    },
-                    defaultClass: '_1y3svrm90'
-                },
-                'c2-250': {
-                    conditions: {
-                        lightMode: '_1y3svrm92',
-                        darkMode: '_1y3svrm93'
-                    },
-                    defaultClass: '_1y3svrm92'
-                },
-                'c2-300': {
-                    conditions: {
-                        lightMode: '_1y3svrm94',
-                        darkMode: '_1y3svrm95'
-                    },
-                    defaultClass: '_1y3svrm94'
-                },
-                'c2-350': {
-                    conditions: {
-                        lightMode: '_1y3svrm96',
-                        darkMode: '_1y3svrm97'
-                    },
-                    defaultClass: '_1y3svrm96'
-                },
-                'c2-400': {
-                    conditions: {
-                        lightMode: '_1y3svrm98',
-                        darkMode: '_1y3svrm99'
-                    },
-                    defaultClass: '_1y3svrm98'
-                },
-                'c2-450': {
-                    conditions: {
-                        lightMode: '_1y3svrm9a',
-                        darkMode: '_1y3svrm9b'
-                    },
-                    defaultClass: '_1y3svrm9a'
-                },
-                'c2-500': {
-                    conditions: {
-                        lightMode: '_1y3svrm9c',
-                        darkMode: '_1y3svrm9d'
-                    },
-                    defaultClass: '_1y3svrm9c'
-                },
-                'c2-550': {
-                    conditions: {
-                        lightMode: '_1y3svrm9e',
-                        darkMode: '_1y3svrm9f'
-                    },
-                    defaultClass: '_1y3svrm9e'
-                },
-                'c2-600': {
-                    conditions: {
-                        lightMode: '_1y3svrm9g',
-                        darkMode: '_1y3svrm9h'
-                    },
-                    defaultClass: '_1y3svrm9g'
-                },
-                'c2-650': {
-                    conditions: {
-                        lightMode: '_1y3svrm9i',
-                        darkMode: '_1y3svrm9j'
-                    },
-                    defaultClass: '_1y3svrm9i'
-                },
-                'c2-700': {
-                    conditions: {
-                        lightMode: '_1y3svrm9k',
-                        darkMode: '_1y3svrm9l'
-                    },
-                    defaultClass: '_1y3svrm9k'
-                },
-                'c2-750': {
-                    conditions: {
-                        lightMode: '_1y3svrm9m',
-                        darkMode: '_1y3svrm9n'
-                    },
-                    defaultClass: '_1y3svrm9m'
-                },
-                'c2-800': {
-                    conditions: {
-                        lightMode: '_1y3svrm9o',
-                        darkMode: '_1y3svrm9p'
-                    },
-                    defaultClass: '_1y3svrm9o'
-                },
-                'c2-850': {
-                    conditions: {
-                        lightMode: '_1y3svrm9q',
-                        darkMode: '_1y3svrm9r'
-                    },
-                    defaultClass: '_1y3svrm9q'
-                },
-                'c2-900': {
-                    conditions: {
-                        lightMode: '_1y3svrm9s',
-                        darkMode: '_1y3svrm9t'
-                    },
-                    defaultClass: '_1y3svrm9s'
-                },
-                'c3-50': {
-                    conditions: {
-                        lightMode: '_1y3svrm9u',
-                        darkMode: '_1y3svrm9v'
-                    },
-                    defaultClass: '_1y3svrm9u'
-                },
-                'c3-100': {
-                    conditions: {
-                        lightMode: '_1y3svrm9w',
-                        darkMode: '_1y3svrm9x'
-                    },
-                    defaultClass: '_1y3svrm9w'
-                },
-                'c3-150': {
-                    conditions: {
-                        lightMode: '_1y3svrm9y',
-                        darkMode: '_1y3svrm9z'
-                    },
-                    defaultClass: '_1y3svrm9y'
-                },
-                'c3-200': {
-                    conditions: {
-                        lightMode: '_1y3svrma0',
-                        darkMode: '_1y3svrma1'
-                    },
-                    defaultClass: '_1y3svrma0'
-                },
-                'c3-250': {
-                    conditions: {
-                        lightMode: '_1y3svrma2',
-                        darkMode: '_1y3svrma3'
-                    },
-                    defaultClass: '_1y3svrma2'
-                },
-                'c3-300': {
-                    conditions: {
-                        lightMode: '_1y3svrma4',
-                        darkMode: '_1y3svrma5'
-                    },
-                    defaultClass: '_1y3svrma4'
-                },
-                'c3-350': {
-                    conditions: {
-                        lightMode: '_1y3svrma6',
-                        darkMode: '_1y3svrma7'
-                    },
-                    defaultClass: '_1y3svrma6'
-                },
-                'c3-400': {
-                    conditions: {
-                        lightMode: '_1y3svrma8',
-                        darkMode: '_1y3svrma9'
-                    },
-                    defaultClass: '_1y3svrma8'
-                },
-                'c3-450': {
-                    conditions: {
-                        lightMode: '_1y3svrmaa',
-                        darkMode: '_1y3svrmab'
-                    },
-                    defaultClass: '_1y3svrmaa'
-                },
-                'c3-500': {
-                    conditions: {
-                        lightMode: '_1y3svrmac',
-                        darkMode: '_1y3svrmad'
-                    },
-                    defaultClass: '_1y3svrmac'
-                },
-                'c3-550': {
-                    conditions: {
-                        lightMode: '_1y3svrmae',
-                        darkMode: '_1y3svrmaf'
-                    },
-                    defaultClass: '_1y3svrmae'
-                },
-                'c3-600': {
-                    conditions: {
-                        lightMode: '_1y3svrmag',
-                        darkMode: '_1y3svrmah'
-                    },
-                    defaultClass: '_1y3svrmag'
-                },
-                'c3-650': {
-                    conditions: {
-                        lightMode: '_1y3svrmai',
-                        darkMode: '_1y3svrmaj'
-                    },
-                    defaultClass: '_1y3svrmai'
-                },
-                'c3-700': {
-                    conditions: {
-                        lightMode: '_1y3svrmak',
-                        darkMode: '_1y3svrmal'
-                    },
-                    defaultClass: '_1y3svrmak'
-                },
-                'c3-750': {
-                    conditions: {
-                        lightMode: '_1y3svrmam',
-                        darkMode: '_1y3svrman'
-                    },
-                    defaultClass: '_1y3svrmam'
-                },
-                'c3-800': {
-                    conditions: {
-                        lightMode: '_1y3svrmao',
-                        darkMode: '_1y3svrmap'
-                    },
-                    defaultClass: '_1y3svrmao'
-                },
-                'c3-850': {
-                    conditions: {
-                        lightMode: '_1y3svrmaq',
-                        darkMode: '_1y3svrmar'
-                    },
-                    defaultClass: '_1y3svrmaq'
-                },
-                'c3-900': {
-                    conditions: {
-                        lightMode: '_1y3svrmas',
-                        darkMode: '_1y3svrmat'
-                    },
-                    defaultClass: '_1y3svrmas'
-                },
-                'c4-50': {
-                    conditions: {
-                        lightMode: '_1y3svrmau',
-                        darkMode: '_1y3svrmav'
-                    },
-                    defaultClass: '_1y3svrmau'
-                },
-                'c4-100': {
-                    conditions: {
-                        lightMode: '_1y3svrmaw',
-                        darkMode: '_1y3svrmax'
-                    },
-                    defaultClass: '_1y3svrmaw'
-                },
-                'c4-150': {
-                    conditions: {
-                        lightMode: '_1y3svrmay',
-                        darkMode: '_1y3svrmaz'
-                    },
-                    defaultClass: '_1y3svrmay'
-                },
-                'c4-200': {
-                    conditions: {
-                        lightMode: '_1y3svrmb0',
-                        darkMode: '_1y3svrmb1'
-                    },
-                    defaultClass: '_1y3svrmb0'
-                },
-                'c4-250': {
-                    conditions: {
-                        lightMode: '_1y3svrmb2',
-                        darkMode: '_1y3svrmb3'
-                    },
-                    defaultClass: '_1y3svrmb2'
-                },
-                'c4-300': {
-                    conditions: {
-                        lightMode: '_1y3svrmb4',
-                        darkMode: '_1y3svrmb5'
-                    },
-                    defaultClass: '_1y3svrmb4'
-                },
-                'c4-350': {
-                    conditions: {
-                        lightMode: '_1y3svrmb6',
-                        darkMode: '_1y3svrmb7'
-                    },
-                    defaultClass: '_1y3svrmb6'
-                },
-                'c4-400': {
-                    conditions: {
-                        lightMode: '_1y3svrmb8',
-                        darkMode: '_1y3svrmb9'
-                    },
-                    defaultClass: '_1y3svrmb8'
-                },
-                'c4-450': {
-                    conditions: {
-                        lightMode: '_1y3svrmba',
-                        darkMode: '_1y3svrmbb'
-                    },
-                    defaultClass: '_1y3svrmba'
-                },
-                'c4-500': {
-                    conditions: {
-                        lightMode: '_1y3svrmbc',
-                        darkMode: '_1y3svrmbd'
-                    },
-                    defaultClass: '_1y3svrmbc'
-                },
-                'c4-550': {
-                    conditions: {
-                        lightMode: '_1y3svrmbe',
-                        darkMode: '_1y3svrmbf'
-                    },
-                    defaultClass: '_1y3svrmbe'
-                },
-                'c4-600': {
-                    conditions: {
-                        lightMode: '_1y3svrmbg',
-                        darkMode: '_1y3svrmbh'
-                    },
-                    defaultClass: '_1y3svrmbg'
-                },
-                'c4-650': {
-                    conditions: {
-                        lightMode: '_1y3svrmbi',
-                        darkMode: '_1y3svrmbj'
-                    },
-                    defaultClass: '_1y3svrmbi'
-                },
-                'c4-700': {
-                    conditions: {
-                        lightMode: '_1y3svrmbk',
-                        darkMode: '_1y3svrmbl'
-                    },
-                    defaultClass: '_1y3svrmbk'
-                },
-                'c4-750': {
-                    conditions: {
-                        lightMode: '_1y3svrmbm',
-                        darkMode: '_1y3svrmbn'
-                    },
-                    defaultClass: '_1y3svrmbm'
-                },
-                'c4-800': {
-                    conditions: {
-                        lightMode: '_1y3svrmbo',
-                        darkMode: '_1y3svrmbp'
-                    },
-                    defaultClass: '_1y3svrmbo'
-                },
-                'c4-850': {
-                    conditions: {
-                        lightMode: '_1y3svrmbq',
-                        darkMode: '_1y3svrmbr'
-                    },
-                    defaultClass: '_1y3svrmbq'
-                },
-                'c4-900': {
-                    conditions: {
-                        lightMode: '_1y3svrmbs',
-                        darkMode: '_1y3svrmbt'
-                    },
-                    defaultClass: '_1y3svrmbs'
-                },
-                'c5-50': {
-                    conditions: {
-                        lightMode: '_1y3svrmbu',
-                        darkMode: '_1y3svrmbv'
-                    },
-                    defaultClass: '_1y3svrmbu'
-                },
-                'c5-100': {
-                    conditions: {
-                        lightMode: '_1y3svrmbw',
-                        darkMode: '_1y3svrmbx'
-                    },
-                    defaultClass: '_1y3svrmbw'
-                },
-                'c5-150': {
-                    conditions: {
-                        lightMode: '_1y3svrmby',
-                        darkMode: '_1y3svrmbz'
-                    },
-                    defaultClass: '_1y3svrmby'
-                },
-                'c5-200': {
-                    conditions: {
-                        lightMode: '_1y3svrmc0',
-                        darkMode: '_1y3svrmc1'
-                    },
-                    defaultClass: '_1y3svrmc0'
-                },
-                'c5-250': {
-                    conditions: {
-                        lightMode: '_1y3svrmc2',
-                        darkMode: '_1y3svrmc3'
-                    },
-                    defaultClass: '_1y3svrmc2'
-                },
-                'c5-300': {
-                    conditions: {
-                        lightMode: '_1y3svrmc4',
-                        darkMode: '_1y3svrmc5'
-                    },
-                    defaultClass: '_1y3svrmc4'
-                },
-                'c5-350': {
-                    conditions: {
-                        lightMode: '_1y3svrmc6',
-                        darkMode: '_1y3svrmc7'
-                    },
-                    defaultClass: '_1y3svrmc6'
-                },
-                'c5-400': {
-                    conditions: {
-                        lightMode: '_1y3svrmc8',
-                        darkMode: '_1y3svrmc9'
-                    },
-                    defaultClass: '_1y3svrmc8'
-                },
-                'c5-450': {
-                    conditions: {
-                        lightMode: '_1y3svrmca',
-                        darkMode: '_1y3svrmcb'
-                    },
-                    defaultClass: '_1y3svrmca'
-                },
-                'c5-500': {
-                    conditions: {
-                        lightMode: '_1y3svrmcc',
-                        darkMode: '_1y3svrmcd'
-                    },
-                    defaultClass: '_1y3svrmcc'
-                },
-                'c5-550': {
-                    conditions: {
-                        lightMode: '_1y3svrmce',
-                        darkMode: '_1y3svrmcf'
-                    },
-                    defaultClass: '_1y3svrmce'
-                },
-                'c5-600': {
-                    conditions: {
-                        lightMode: '_1y3svrmcg',
-                        darkMode: '_1y3svrmch'
-                    },
-                    defaultClass: '_1y3svrmcg'
-                },
-                'c5-650': {
-                    conditions: {
-                        lightMode: '_1y3svrmci',
-                        darkMode: '_1y3svrmcj'
-                    },
-                    defaultClass: '_1y3svrmci'
-                },
-                'c5-700': {
-                    conditions: {
-                        lightMode: '_1y3svrmck',
-                        darkMode: '_1y3svrmcl'
-                    },
-                    defaultClass: '_1y3svrmck'
-                },
-                'c5-750': {
-                    conditions: {
-                        lightMode: '_1y3svrmcm',
-                        darkMode: '_1y3svrmcn'
-                    },
-                    defaultClass: '_1y3svrmcm'
-                },
-                'c5-800': {
-                    conditions: {
-                        lightMode: '_1y3svrmco',
-                        darkMode: '_1y3svrmcp'
-                    },
-                    defaultClass: '_1y3svrmco'
-                },
-                'c5-850': {
-                    conditions: {
-                        lightMode: '_1y3svrmcq',
-                        darkMode: '_1y3svrmcr'
-                    },
-                    defaultClass: '_1y3svrmcq'
-                },
-                'c5-900': {
-                    conditions: {
-                        lightMode: '_1y3svrmcs',
-                        darkMode: '_1y3svrmct'
-                    },
-                    defaultClass: '_1y3svrmcs'
-                }
-            }
-        },
-        background: {
-            values: {
-                'c1-50': {
-                    conditions: {
-                        lightMode: '_1y3svrmcu',
-                        darkMode: '_1y3svrmcv'
-                    },
-                    defaultClass: '_1y3svrmcu'
-                },
-                'c1-100': {
-                    conditions: {
-                        lightMode: '_1y3svrmcw',
-                        darkMode: '_1y3svrmcx'
-                    },
-                    defaultClass: '_1y3svrmcw'
-                },
-                'c1-150': {
-                    conditions: {
-                        lightMode: '_1y3svrmcy',
-                        darkMode: '_1y3svrmcz'
-                    },
-                    defaultClass: '_1y3svrmcy'
-                },
-                'c1-200': {
-                    conditions: {
-                        lightMode: '_1y3svrmd0',
-                        darkMode: '_1y3svrmd1'
-                    },
-                    defaultClass: '_1y3svrmd0'
-                },
-                'c1-250': {
-                    conditions: {
-                        lightMode: '_1y3svrmd2',
-                        darkMode: '_1y3svrmd3'
-                    },
-                    defaultClass: '_1y3svrmd2'
-                },
-                'c1-300': {
-                    conditions: {
-                        lightMode: '_1y3svrmd4',
-                        darkMode: '_1y3svrmd5'
-                    },
-                    defaultClass: '_1y3svrmd4'
-                },
-                'c1-350': {
-                    conditions: {
-                        lightMode: '_1y3svrmd6',
-                        darkMode: '_1y3svrmd7'
-                    },
-                    defaultClass: '_1y3svrmd6'
-                },
-                'c1-400': {
-                    conditions: {
-                        lightMode: '_1y3svrmd8',
-                        darkMode: '_1y3svrmd9'
-                    },
-                    defaultClass: '_1y3svrmd8'
-                },
-                'c1-450': {
-                    conditions: {
-                        lightMode: '_1y3svrmda',
-                        darkMode: '_1y3svrmdb'
-                    },
-                    defaultClass: '_1y3svrmda'
-                },
-                'c1-500': {
-                    conditions: {
-                        lightMode: '_1y3svrmdc',
-                        darkMode: '_1y3svrmdd'
-                    },
-                    defaultClass: '_1y3svrmdc'
-                },
-                'c1-550': {
-                    conditions: {
-                        lightMode: '_1y3svrmde',
-                        darkMode: '_1y3svrmdf'
-                    },
-                    defaultClass: '_1y3svrmde'
-                },
-                'c1-600': {
-                    conditions: {
-                        lightMode: '_1y3svrmdg',
-                        darkMode: '_1y3svrmdh'
-                    },
-                    defaultClass: '_1y3svrmdg'
-                },
-                'c1-650': {
-                    conditions: {
-                        lightMode: '_1y3svrmdi',
-                        darkMode: '_1y3svrmdj'
-                    },
-                    defaultClass: '_1y3svrmdi'
-                },
-                'c1-700': {
-                    conditions: {
-                        lightMode: '_1y3svrmdk',
-                        darkMode: '_1y3svrmdl'
-                    },
-                    defaultClass: '_1y3svrmdk'
-                },
-                'c1-750': {
-                    conditions: {
-                        lightMode: '_1y3svrmdm',
-                        darkMode: '_1y3svrmdn'
-                    },
-                    defaultClass: '_1y3svrmdm'
-                },
-                'c1-800': {
-                    conditions: {
-                        lightMode: '_1y3svrmdo',
-                        darkMode: '_1y3svrmdp'
-                    },
-                    defaultClass: '_1y3svrmdo'
-                },
-                'c1-850': {
-                    conditions: {
-                        lightMode: '_1y3svrmdq',
-                        darkMode: '_1y3svrmdr'
-                    },
-                    defaultClass: '_1y3svrmdq'
-                },
-                'c1-900': {
-                    conditions: {
-                        lightMode: '_1y3svrmds',
-                        darkMode: '_1y3svrmdt'
-                    },
-                    defaultClass: '_1y3svrmds'
-                },
-                'c2-50': {
-                    conditions: {
-                        lightMode: '_1y3svrmdu',
-                        darkMode: '_1y3svrmdv'
-                    },
-                    defaultClass: '_1y3svrmdu'
-                },
-                'c2-100': {
-                    conditions: {
-                        lightMode: '_1y3svrmdw',
-                        darkMode: '_1y3svrmdx'
-                    },
-                    defaultClass: '_1y3svrmdw'
-                },
-                'c2-150': {
-                    conditions: {
-                        lightMode: '_1y3svrmdy',
-                        darkMode: '_1y3svrmdz'
-                    },
-                    defaultClass: '_1y3svrmdy'
-                },
-                'c2-200': {
-                    conditions: {
-                        lightMode: '_1y3svrme0',
-                        darkMode: '_1y3svrme1'
-                    },
-                    defaultClass: '_1y3svrme0'
-                },
-                'c2-250': {
-                    conditions: {
-                        lightMode: '_1y3svrme2',
-                        darkMode: '_1y3svrme3'
-                    },
-                    defaultClass: '_1y3svrme2'
-                },
-                'c2-300': {
-                    conditions: {
-                        lightMode: '_1y3svrme4',
-                        darkMode: '_1y3svrme5'
-                    },
-                    defaultClass: '_1y3svrme4'
-                },
-                'c2-350': {
-                    conditions: {
-                        lightMode: '_1y3svrme6',
-                        darkMode: '_1y3svrme7'
-                    },
-                    defaultClass: '_1y3svrme6'
-                },
-                'c2-400': {
-                    conditions: {
-                        lightMode: '_1y3svrme8',
-                        darkMode: '_1y3svrme9'
-                    },
-                    defaultClass: '_1y3svrme8'
-                },
-                'c2-450': {
-                    conditions: {
-                        lightMode: '_1y3svrmea',
-                        darkMode: '_1y3svrmeb'
-                    },
-                    defaultClass: '_1y3svrmea'
-                },
-                'c2-500': {
-                    conditions: {
-                        lightMode: '_1y3svrmec',
-                        darkMode: '_1y3svrmed'
-                    },
-                    defaultClass: '_1y3svrmec'
-                },
-                'c2-550': {
-                    conditions: {
-                        lightMode: '_1y3svrmee',
-                        darkMode: '_1y3svrmef'
-                    },
-                    defaultClass: '_1y3svrmee'
-                },
-                'c2-600': {
-                    conditions: {
-                        lightMode: '_1y3svrmeg',
-                        darkMode: '_1y3svrmeh'
-                    },
-                    defaultClass: '_1y3svrmeg'
-                },
-                'c2-650': {
-                    conditions: {
-                        lightMode: '_1y3svrmei',
-                        darkMode: '_1y3svrmej'
-                    },
-                    defaultClass: '_1y3svrmei'
-                },
-                'c2-700': {
-                    conditions: {
-                        lightMode: '_1y3svrmek',
-                        darkMode: '_1y3svrmel'
-                    },
-                    defaultClass: '_1y3svrmek'
-                },
-                'c2-750': {
-                    conditions: {
-                        lightMode: '_1y3svrmem',
-                        darkMode: '_1y3svrmen'
-                    },
-                    defaultClass: '_1y3svrmem'
-                },
-                'c2-800': {
-                    conditions: {
-                        lightMode: '_1y3svrmeo',
-                        darkMode: '_1y3svrmep'
-                    },
-                    defaultClass: '_1y3svrmeo'
-                },
-                'c2-850': {
-                    conditions: {
-                        lightMode: '_1y3svrmeq',
-                        darkMode: '_1y3svrmer'
-                    },
-                    defaultClass: '_1y3svrmeq'
-                },
-                'c2-900': {
-                    conditions: {
-                        lightMode: '_1y3svrmes',
-                        darkMode: '_1y3svrmet'
-                    },
-                    defaultClass: '_1y3svrmes'
-                },
-                'c3-50': {
-                    conditions: {
-                        lightMode: '_1y3svrmeu',
-                        darkMode: '_1y3svrmev'
-                    },
-                    defaultClass: '_1y3svrmeu'
-                },
-                'c3-100': {
-                    conditions: {
-                        lightMode: '_1y3svrmew',
-                        darkMode: '_1y3svrmex'
-                    },
-                    defaultClass: '_1y3svrmew'
-                },
-                'c3-150': {
-                    conditions: {
-                        lightMode: '_1y3svrmey',
-                        darkMode: '_1y3svrmez'
-                    },
-                    defaultClass: '_1y3svrmey'
-                },
-                'c3-200': {
-                    conditions: {
-                        lightMode: '_1y3svrmf0',
-                        darkMode: '_1y3svrmf1'
-                    },
-                    defaultClass: '_1y3svrmf0'
-                },
-                'c3-250': {
-                    conditions: {
-                        lightMode: '_1y3svrmf2',
-                        darkMode: '_1y3svrmf3'
-                    },
-                    defaultClass: '_1y3svrmf2'
-                },
-                'c3-300': {
-                    conditions: {
-                        lightMode: '_1y3svrmf4',
-                        darkMode: '_1y3svrmf5'
-                    },
-                    defaultClass: '_1y3svrmf4'
-                },
-                'c3-350': {
-                    conditions: {
-                        lightMode: '_1y3svrmf6',
-                        darkMode: '_1y3svrmf7'
-                    },
-                    defaultClass: '_1y3svrmf6'
-                },
-                'c3-400': {
-                    conditions: {
-                        lightMode: '_1y3svrmf8',
-                        darkMode: '_1y3svrmf9'
-                    },
-                    defaultClass: '_1y3svrmf8'
-                },
-                'c3-450': {
-                    conditions: {
-                        lightMode: '_1y3svrmfa',
-                        darkMode: '_1y3svrmfb'
-                    },
-                    defaultClass: '_1y3svrmfa'
-                },
-                'c3-500': {
-                    conditions: {
-                        lightMode: '_1y3svrmfc',
-                        darkMode: '_1y3svrmfd'
-                    },
-                    defaultClass: '_1y3svrmfc'
-                },
-                'c3-550': {
-                    conditions: {
-                        lightMode: '_1y3svrmfe',
-                        darkMode: '_1y3svrmff'
-                    },
-                    defaultClass: '_1y3svrmfe'
-                },
-                'c3-600': {
-                    conditions: {
-                        lightMode: '_1y3svrmfg',
-                        darkMode: '_1y3svrmfh'
-                    },
-                    defaultClass: '_1y3svrmfg'
-                },
-                'c3-650': {
-                    conditions: {
-                        lightMode: '_1y3svrmfi',
-                        darkMode: '_1y3svrmfj'
-                    },
-                    defaultClass: '_1y3svrmfi'
-                },
-                'c3-700': {
-                    conditions: {
-                        lightMode: '_1y3svrmfk',
-                        darkMode: '_1y3svrmfl'
-                    },
-                    defaultClass: '_1y3svrmfk'
-                },
-                'c3-750': {
-                    conditions: {
-                        lightMode: '_1y3svrmfm',
-                        darkMode: '_1y3svrmfn'
-                    },
-                    defaultClass: '_1y3svrmfm'
-                },
-                'c3-800': {
-                    conditions: {
-                        lightMode: '_1y3svrmfo',
-                        darkMode: '_1y3svrmfp'
-                    },
-                    defaultClass: '_1y3svrmfo'
-                },
-                'c3-850': {
-                    conditions: {
-                        lightMode: '_1y3svrmfq',
-                        darkMode: '_1y3svrmfr'
-                    },
-                    defaultClass: '_1y3svrmfq'
-                },
-                'c3-900': {
-                    conditions: {
-                        lightMode: '_1y3svrmfs',
-                        darkMode: '_1y3svrmft'
-                    },
-                    defaultClass: '_1y3svrmfs'
-                },
-                'c4-50': {
-                    conditions: {
-                        lightMode: '_1y3svrmfu',
-                        darkMode: '_1y3svrmfv'
-                    },
-                    defaultClass: '_1y3svrmfu'
-                },
-                'c4-100': {
-                    conditions: {
-                        lightMode: '_1y3svrmfw',
-                        darkMode: '_1y3svrmfx'
-                    },
-                    defaultClass: '_1y3svrmfw'
-                },
-                'c4-150': {
-                    conditions: {
-                        lightMode: '_1y3svrmfy',
-                        darkMode: '_1y3svrmfz'
-                    },
-                    defaultClass: '_1y3svrmfy'
-                },
-                'c4-200': {
-                    conditions: {
-                        lightMode: '_1y3svrmg0',
-                        darkMode: '_1y3svrmg1'
-                    },
-                    defaultClass: '_1y3svrmg0'
-                },
-                'c4-250': {
-                    conditions: {
-                        lightMode: '_1y3svrmg2',
-                        darkMode: '_1y3svrmg3'
-                    },
-                    defaultClass: '_1y3svrmg2'
-                },
-                'c4-300': {
-                    conditions: {
-                        lightMode: '_1y3svrmg4',
-                        darkMode: '_1y3svrmg5'
-                    },
-                    defaultClass: '_1y3svrmg4'
-                },
-                'c4-350': {
-                    conditions: {
-                        lightMode: '_1y3svrmg6',
-                        darkMode: '_1y3svrmg7'
-                    },
-                    defaultClass: '_1y3svrmg6'
-                },
-                'c4-400': {
-                    conditions: {
-                        lightMode: '_1y3svrmg8',
-                        darkMode: '_1y3svrmg9'
-                    },
-                    defaultClass: '_1y3svrmg8'
-                },
-                'c4-450': {
-                    conditions: {
-                        lightMode: '_1y3svrmga',
-                        darkMode: '_1y3svrmgb'
-                    },
-                    defaultClass: '_1y3svrmga'
-                },
-                'c4-500': {
-                    conditions: {
-                        lightMode: '_1y3svrmgc',
-                        darkMode: '_1y3svrmgd'
-                    },
-                    defaultClass: '_1y3svrmgc'
-                },
-                'c4-550': {
-                    conditions: {
-                        lightMode: '_1y3svrmge',
-                        darkMode: '_1y3svrmgf'
-                    },
-                    defaultClass: '_1y3svrmge'
-                },
-                'c4-600': {
-                    conditions: {
-                        lightMode: '_1y3svrmgg',
-                        darkMode: '_1y3svrmgh'
-                    },
-                    defaultClass: '_1y3svrmgg'
-                },
-                'c4-650': {
-                    conditions: {
-                        lightMode: '_1y3svrmgi',
-                        darkMode: '_1y3svrmgj'
-                    },
-                    defaultClass: '_1y3svrmgi'
-                },
-                'c4-700': {
-                    conditions: {
-                        lightMode: '_1y3svrmgk',
-                        darkMode: '_1y3svrmgl'
-                    },
-                    defaultClass: '_1y3svrmgk'
-                },
-                'c4-750': {
-                    conditions: {
-                        lightMode: '_1y3svrmgm',
-                        darkMode: '_1y3svrmgn'
-                    },
-                    defaultClass: '_1y3svrmgm'
-                },
-                'c4-800': {
-                    conditions: {
-                        lightMode: '_1y3svrmgo',
-                        darkMode: '_1y3svrmgp'
-                    },
-                    defaultClass: '_1y3svrmgo'
-                },
-                'c4-850': {
-                    conditions: {
-                        lightMode: '_1y3svrmgq',
-                        darkMode: '_1y3svrmgr'
-                    },
-                    defaultClass: '_1y3svrmgq'
-                },
-                'c4-900': {
-                    conditions: {
-                        lightMode: '_1y3svrmgs',
-                        darkMode: '_1y3svrmgt'
-                    },
-                    defaultClass: '_1y3svrmgs'
-                },
-                'c5-50': {
-                    conditions: {
-                        lightMode: '_1y3svrmgu',
-                        darkMode: '_1y3svrmgv'
-                    },
-                    defaultClass: '_1y3svrmgu'
-                },
-                'c5-100': {
-                    conditions: {
-                        lightMode: '_1y3svrmgw',
-                        darkMode: '_1y3svrmgx'
-                    },
-                    defaultClass: '_1y3svrmgw'
-                },
-                'c5-150': {
-                    conditions: {
-                        lightMode: '_1y3svrmgy',
-                        darkMode: '_1y3svrmgz'
-                    },
-                    defaultClass: '_1y3svrmgy'
-                },
-                'c5-200': {
-                    conditions: {
-                        lightMode: '_1y3svrmh0',
-                        darkMode: '_1y3svrmh1'
-                    },
-                    defaultClass: '_1y3svrmh0'
-                },
-                'c5-250': {
-                    conditions: {
-                        lightMode: '_1y3svrmh2',
-                        darkMode: '_1y3svrmh3'
-                    },
-                    defaultClass: '_1y3svrmh2'
-                },
-                'c5-300': {
-                    conditions: {
-                        lightMode: '_1y3svrmh4',
-                        darkMode: '_1y3svrmh5'
-                    },
-                    defaultClass: '_1y3svrmh4'
-                },
-                'c5-350': {
-                    conditions: {
-                        lightMode: '_1y3svrmh6',
-                        darkMode: '_1y3svrmh7'
-                    },
-                    defaultClass: '_1y3svrmh6'
-                },
-                'c5-400': {
-                    conditions: {
-                        lightMode: '_1y3svrmh8',
-                        darkMode: '_1y3svrmh9'
-                    },
-                    defaultClass: '_1y3svrmh8'
-                },
-                'c5-450': {
-                    conditions: {
-                        lightMode: '_1y3svrmha',
-                        darkMode: '_1y3svrmhb'
-                    },
-                    defaultClass: '_1y3svrmha'
-                },
-                'c5-500': {
-                    conditions: {
-                        lightMode: '_1y3svrmhc',
-                        darkMode: '_1y3svrmhd'
-                    },
-                    defaultClass: '_1y3svrmhc'
-                },
-                'c5-550': {
-                    conditions: {
-                        lightMode: '_1y3svrmhe',
-                        darkMode: '_1y3svrmhf'
-                    },
-                    defaultClass: '_1y3svrmhe'
-                },
-                'c5-600': {
-                    conditions: {
-                        lightMode: '_1y3svrmhg',
-                        darkMode: '_1y3svrmhh'
-                    },
-                    defaultClass: '_1y3svrmhg'
-                },
-                'c5-650': {
-                    conditions: {
-                        lightMode: '_1y3svrmhi',
-                        darkMode: '_1y3svrmhj'
-                    },
-                    defaultClass: '_1y3svrmhi'
-                },
-                'c5-700': {
-                    conditions: {
-                        lightMode: '_1y3svrmhk',
-                        darkMode: '_1y3svrmhl'
-                    },
-                    defaultClass: '_1y3svrmhk'
-                },
-                'c5-750': {
-                    conditions: {
-                        lightMode: '_1y3svrmhm',
-                        darkMode: '_1y3svrmhn'
-                    },
-                    defaultClass: '_1y3svrmhm'
-                },
-                'c5-800': {
-                    conditions: {
-                        lightMode: '_1y3svrmho',
-                        darkMode: '_1y3svrmhp'
-                    },
-                    defaultClass: '_1y3svrmho'
-                },
-                'c5-850': {
-                    conditions: {
-                        lightMode: '_1y3svrmhq',
-                        darkMode: '_1y3svrmhr'
-                    },
-                    defaultClass: '_1y3svrmhq'
-                },
-                'c5-900': {
-                    conditions: {
-                        lightMode: '_1y3svrmhs',
-                        darkMode: '_1y3svrmht'
-                    },
-                    defaultClass: '_1y3svrmhs'
-                }
-            }
-        }
-    }
 });
-export { colors, sprinkles };
+export const sprinkles = createSprinkles(responsiveProperties, colorProperties);