open-props
Version:
<div align="center">
1,774 lines • 40.2 kB
JSON
{
"--radius-conditional-6": {
"$value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6))"
},
"--radius-conditional-5": {
"$value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5))"
},
"--radius-conditional-4": {
"$value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4))"
},
"--radius-conditional-3": {
"$value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3))"
},
"--radius-conditional-2": {
"$value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2))"
},
"--radius-conditional-1": {
"$value": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1))"
},
"--radius-blob-5": {
"$value": "49% 51% 48% 52% / 57% 44% 56% 43%"
},
"--radius-blob-4": {
"$value": "63% 37% 37% 63% / 43% 37% 63% 57%"
},
"--radius-blob-3": {
"$value": "37% 63% 56% 44% / 49% 56% 44% 51%"
},
"--radius-blob-2": {
"$value": "53% 47% 34% 66% / 63% 46% 54% 37%"
},
"--radius-blob-1": {
"$value": "30% 70% 70% 30% / 53% 30% 70% 47%"
},
"--radius-round": {
"$value": "1e5px"
},
"--radius-drawn-6": {
"$value": "28px 100px 20px 15px / 150px 30px 205px 225px"
},
"--radius-drawn-5": {
"$value": "250px 25px 15px 20px / 15px 80px 105px 115px"
},
"--radius-drawn-4": {
"$value": "15px 25px 155px 25px / 225px 150px 25px 115px"
},
"--radius-drawn-3": {
"$value": "15px 255px 15px 225px / 225px 15px 255px 15px"
},
"--radius-drawn-2": {
"$value": "125px 10px 20px 185px / 25px 205px 205px 25px"
},
"--radius-drawn-1": {
"$value": "255px 15px 225px 15px / 15px 225px 15px 255px"
},
"--radius-6": {
"$value": "8rem"
},
"--radius-5": {
"$value": "4rem"
},
"--radius-4": {
"$value": "2rem"
},
"--radius-3": {
"$value": "1rem"
},
"--radius-2": {
"$value": "5px"
},
"--radius-1": {
"$value": "2px"
},
"--border-size-5": {
"$value": "25px",
"$type": "dimension"
},
"--border-size-4": {
"$value": "10px",
"$type": "dimension"
},
"--border-size-3": {
"$value": "5px",
"$type": "dimension"
},
"--border-size-2": {
"$value": "2px",
"$type": "dimension"
},
"--border-size-1": {
"$value": "1px",
"$type": "dimension"
},
"--noise-filter-5": {
"$value": "contrast(200%) brightness(1000%)"
},
"--noise-filter-4": {
"$value": "contrast(200%) brightness(500%)"
},
"--noise-filter-3": {
"$value": "contrast(200%) brightness(250%)"
},
"--noise-filter-2": {
"$value": "contrast(200%) brightness(150%)"
},
"--noise-filter-1": {
"$value": "contrast(300%) brightness(100%)"
},
"--noise-5": {
"$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")"
},
"--noise-4": {
"$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")"
},
"--noise-3": {
"$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")"
},
"--noise-2": {
"$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")"
},
"--noise-1": {
"$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")"
},
"--gradient-30": {
"$value": "radial-gradient(\n circle at top right, \n hsl(150 100% 50%), hsl(150 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(150 100% 84%), hsl(150 100% 84% / 0%)\n )"
},
"--gradient-29": {
"$value": "\n radial-gradient(\n circle at top right, \n hsl(250 100% 85%), hsl(250 100% 85% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(220 90% 75%), hsl(220 90% 75% / 0%)\n )"
},
"--gradient-28": {
"$value": "conic-gradient(from -90deg at 50% 105%, white, orchid)"
},
"--gradient-27": {
"$value": "conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple)"
},
"--gradient-26": {
"$value": "linear-gradient(to bottom right,#9796f0,#fbc7d4)"
},
"--gradient-25": {
"$value": "conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7)"
},
"--gradient-24": {
"$value": "conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476)"
},
"--gradient-23": {
"$value": "linear-gradient(to bottom right,#536976,#292E49)"
},
"--gradient-22": {
"$value": "linear-gradient(to bottom right,#acb6e5,#86fde8)"
},
"--gradient-21": {
"$value": "conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff)"
},
"--gradient-20": {
"$value": "conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4)"
},
"--gradient-19": {
"$value": "linear-gradient(to bottom right,#ffe259,#ffa751)"
},
"--gradient-18": {
"$value": "\n linear-gradient(0deg, hsla(0 100% 50% / 80%), hsla(0 100% 50% / 0) 75%),\n linear-gradient(60deg, hsla(60 100% 50% / 80%), hsla(60 100% 50% / 0) 75%),\n linear-gradient(120deg, hsla(120 100% 50% / 80%), hsla(120 100% 50% / 0) 75%),\n linear-gradient(180deg, hsla(180 100% 50% / 80%), hsla(180 100% 50% / 0) 75%),\n linear-gradient(240deg, hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75%),\n linear-gradient(300deg, hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75%)\n "
},
"--gradient-17": {
"$value": "conic-gradient(from -90deg at 50% -25%, blue, blueviolet)"
},
"--gradient-16": {
"$value": "radial-gradient(circle at 50% -250%, #374151, #111827, #000)"
},
"--gradient-15": {
"$value": "linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7)"
},
"--gradient-14": {
"$value": "conic-gradient(at top right, lime, cyan)"
},
"--gradient-13": {
"$value": "radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)"
},
"--gradient-12": {
"$value": "conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)"
},
"--gradient-11": {
"$value": "conic-gradient(at bottom left, deeppink, cyan)"
},
"--gradient-10": {
"$value": "conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)"
},
"--gradient-9": {
"$value": "conic-gradient(from .5turn at bottom center, lightblue, white)"
},
"--gradient-8": {
"$value": "conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111)"
},
"--gradient-7": {
"$value": "linear-gradient(to bottom right,#72C6EF,#004E8F)"
},
"--gradient-6": {
"$value": "conic-gradient(from -90deg at top left, black, white)"
},
"--gradient-5": {
"$value": "conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite)"
},
"--gradient-4": {
"$value": "linear-gradient(to bottom right,#00F5A0,#00D9F5)"
},
"--gradient-3": {
"$value": "\n radial-gradient(\n circle at top right, \n hsl(180 100% 50%), hsl(180 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(328 100% 54%), hsl(328 100% 54% / 0%)\n )"
},
"--gradient-2": {
"$value": "linear-gradient(to bottom right,#48005c, #8300e2, #a269ff)"
},
"--gradient-1": {
"$value": "linear-gradient(to bottom right,#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)"
},
"--ratio-golden": {
"$value": "1.6180/1"
},
"--ratio-ultrawide": {
"$value": "18/5"
},
"--ratio-widescreen": {
"$value": "16/9"
},
"--ratio-portrait": {
"$value": "3/4"
},
"--ratio-landscape": {
"$value": "4/3"
},
"--ratio-square": {
"$value": "1"
},
"--layer-important": {
"$value": 2147483647
},
"--layer-5": {
"$value": 5
},
"--layer-4": {
"$value": 4
},
"--layer-3": {
"$value": 3
},
"--layer-2": {
"$value": 2
},
"--layer-1": {
"$value": 1
},
"--ease-bounce-5": {
"$value": "linear(\n 0, 0.004, 0.016 2.5%, 0.063, 0.141, 0.25 10.1%, 0.562, 1 20.2%, 0.783, 0.627,\n 0.534 30.9%, 0.511, 0.503, 0.511, 0.534 38%, 0.627, 0.782, 1 48.7%, 0.892,\n 0.815, 0.769 56.3%, 0.757, 0.753, 0.757, 0.769 61.3%, 0.815, 0.892, 1 68.8%,\n 0.908 72.4%, 0.885, 0.878, 0.885, 0.908 79.4%, 1 83%, 0.954 85.5%, 0.943,\n 0.939, 0.943, 0.954 90.5%, 1 93%, 0.977, 0.97, 0.977, 1\n )",
"$type": "cubic-bezier"
},
"--ease-bounce-4": {
"$value": "linear(\n 0, 0.004, 0.016 3%, 0.062, 0.141, 0.25, 0.391, 0.562 18.2%, 1 24.3%, 0.81,\n 0.676 32.3%, 0.629, 0.595, 0.575, 0.568, 0.575, 0.595, 0.629, 0.676 48.2%,\n 0.811, 1 56.2%, 0.918, 0.86, 0.825, 0.814, 0.825, 0.86, 0.918, 1 77.2%,\n 0.94 80.6%, 0.925, 0.92, 0.925, 0.94 87.5%, 1 90.9%, 0.974, 0.965, 0.974, 1\n )",
"$type": "cubic-bezier"
},
"--ease-bounce-3": {
"$value": "linear(\n 0, 0.004, 0.016, 0.035, 0.062, 0.098, 0.141 11.4%, 0.25, 0.39, 0.562, 0.764,\n 1 30.3%, 0.847 34.8%, 0.787, 0.737, 0.699, 0.672, 0.655, 0.65, 0.656, 0.672,\n 0.699, 0.738, 0.787, 0.847 61.7%, 1 66.2%, 0.946, 0.908, 0.885 74.2%, 0.879,\n 0.878, 0.879, 0.885 79.5%, 0.908, 0.946, 1 87.4%, 0.981, 0.968, 0.96, 0.957,\n 0.96, 0.968, 0.981, 1\n )",
"$type": "cubic-bezier"
},
"--ease-bounce-2": {
"$value": "linear(\n 0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 15.1%, 0.25, 0.391, 0.562, 0.765,\n 1, 0.892 45.2%, 0.849, 0.815, 0.788, 0.769, 0.757, 0.753, 0.757, 0.769, 0.788,\n 0.815, 0.85, 0.892 75.2%, 1 80.2%, 0.973, 0.954, 0.943, 0.939, 0.943, 0.954,\n 0.973, 1\n )",
"$type": "cubic-bezier"
},
"--ease-bounce-1": {
"$value": "linear(\n 0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141, 0.191, 0.25, 0.316, 0.391 36.8%,\n 0.563, 0.766, 1 58.8%, 0.946, 0.908 69.1%, 0.895, 0.885, 0.879, 0.878, 0.879,\n 0.885, 0.895, 0.908 89.7%, 0.946, 1\n )",
"$type": "cubic-bezier"
},
"--ease-spring-5": {
"$value": "linear(\n 0, 0.01, 0.04 1.6%, 0.161 3.3%, 0.816 9.4%, 1.046, 1.189 14.4%, 1.231,\n 1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, 0.999 29.4%,\n 0.955 32.1%, 0.942, 0.935 34.9%, 0.933, 0.939 38.4%, 1 47.3%, 1.011,\n 1.017 52.6%, 1.016 56.4%, 1 65.2%, 0.996 70.2%, 1.001 87.2%, 1\n )",
"$type": "cubic-bezier"
},
"--ease-spring-4": {
"$value": "linear(\n 0, 0.009, 0.037 1.7%, 0.153 3.6%, 0.776 10.3%, 1.001, 1.142 16%, 1.185,\n 1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, 0.973,\n 0.955 39.2%, 0.953 41.1%, 0.957 43.3%, 0.998 53.3%, 1.009 59.1% 63.7%,\n 0.998 78.9%, 1\n )",
"$type": "cubic-bezier"
},
"--ease-spring-3": {
"$value": "linear(\n 0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077,\n 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%,\n 1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%,\n 0.997 69.8%, 1.003 76.9%, 1\n )",
"$type": "cubic-bezier"
},
"--ease-spring-2": {
"$value": "linear(\n 0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962,\n 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%,\n 0.999 61.6%, 0.995 71.2%, 1\n )",
"$type": "cubic-bezier"
},
"--ease-spring-1": {
"$value": "linear(\n 0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,\n 0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%,\n 1.001\n )",
"$type": "cubic-bezier"
},
"--ease-squish-5": {
"$value": "var(--ease-elastic-in-out-5)",
"$type": "cubic-bezier"
},
"--ease-squish-4": {
"$value": "var(--ease-elastic-in-out-4)",
"$type": "cubic-bezier"
},
"--ease-squish-3": {
"$value": "var(--ease-elastic-in-out-3)",
"$type": "cubic-bezier"
},
"--ease-squish-2": {
"$value": "var(--ease-elastic-in-out-2)",
"$type": "cubic-bezier"
},
"--ease-squish-1": {
"$value": "var(--ease-elastic-in-out-1)",
"$type": "cubic-bezier"
},
"--ease-elastic-5": {
"$value": "var(--ease-elastic-out-5)",
"$type": "cubic-bezier"
},
"--ease-elastic-4": {
"$value": "var(--ease-elastic-out-4)",
"$type": "cubic-bezier"
},
"--ease-elastic-3": {
"$value": "var(--ease-elastic-out-3)",
"$type": "cubic-bezier"
},
"--ease-elastic-2": {
"$value": "var(--ease-elastic-out-2)",
"$type": "cubic-bezier"
},
"--ease-elastic-1": {
"$value": "var(--ease-elastic-out-1)",
"$type": "cubic-bezier"
},
"--ease-step-5": {
"$value": "steps(10)",
"$type": "cubic-bezier"
},
"--ease-step-4": {
"$value": "steps(7)",
"$type": "cubic-bezier"
},
"--ease-step-3": {
"$value": "steps(4)",
"$type": "cubic-bezier"
},
"--ease-step-2": {
"$value": "steps(3)",
"$type": "cubic-bezier"
},
"--ease-step-1": {
"$value": "steps(2)",
"$type": "cubic-bezier"
},
"--ease-elastic-in-out-5": {
"$value": "cubic-bezier(.5, -.9, .1, 1.5)",
"$type": "cubic-bezier"
},
"--ease-elastic-in-out-4": {
"$value": "cubic-bezier(.5, -.7, .1, 1.5)",
"$type": "cubic-bezier"
},
"--ease-elastic-in-out-3": {
"$value": "cubic-bezier(.5, -.5, .1, 1.5)",
"$type": "cubic-bezier"
},
"--ease-elastic-in-out-2": {
"$value": "cubic-bezier(.5, -.3, .1, 1.5)",
"$type": "cubic-bezier"
},
"--ease-elastic-in-out-1": {
"$value": "cubic-bezier(.5, -.1, .1, 1.5)",
"$type": "cubic-bezier"
},
"--ease-elastic-in-5": {
"$value": "cubic-bezier(.5, -1.25, .75, 1)",
"$type": "cubic-bezier"
},
"--ease-elastic-in-4": {
"$value": "cubic-bezier(.5, -1.00, .75, 1)",
"$type": "cubic-bezier"
},
"--ease-elastic-in-3": {
"$value": "cubic-bezier(.5, -0.75, .75, 1)",
"$type": "cubic-bezier"
},
"--ease-elastic-in-2": {
"$value": "cubic-bezier(.5, -0.50, .75, 1)",
"$type": "cubic-bezier"
},
"--ease-elastic-in-1": {
"$value": "cubic-bezier(.5, -0.25, .75, 1)",
"$type": "cubic-bezier"
},
"--ease-elastic-out-5": {
"$value": "cubic-bezier(.5, 1.75, .75, 1.25)",
"$type": "cubic-bezier"
},
"--ease-elastic-out-4": {
"$value": "cubic-bezier(.5, 1.5, .75, 1.25)",
"$type": "cubic-bezier"
},
"--ease-elastic-out-3": {
"$value": "cubic-bezier(.5, 1.25, .75, 1.25)",
"$type": "cubic-bezier"
},
"--ease-elastic-out-2": {
"$value": "cubic-bezier(.5, 1, .75, 1.25)",
"$type": "cubic-bezier"
},
"--ease-elastic-out-1": {
"$value": "cubic-bezier(.5, .75, .75, 1.25)",
"$type": "cubic-bezier"
},
"--ease-in-out-5": {
"$value": "cubic-bezier(.9, 0, .1, 1)",
"$type": "cubic-bezier"
},
"--ease-in-out-4": {
"$value": "cubic-bezier(.7, 0, .3, 1)",
"$type": "cubic-bezier"
},
"--ease-in-out-3": {
"$value": "cubic-bezier(.5, 0, .5, 1)",
"$type": "cubic-bezier"
},
"--ease-in-out-2": {
"$value": "cubic-bezier(.3, 0, .7, 1)",
"$type": "cubic-bezier"
},
"--ease-in-out-1": {
"$value": "cubic-bezier(.1, 0, .9, 1)",
"$type": "cubic-bezier"
},
"--ease-out-5": {
"$value": "cubic-bezier(0, 0, 0, 1)",
"$type": "cubic-bezier"
},
"--ease-out-4": {
"$value": "cubic-bezier(0, 0, .1, 1)",
"$type": "cubic-bezier"
},
"--ease-out-3": {
"$value": "cubic-bezier(0, 0, .3, 1)",
"$type": "cubic-bezier"
},
"--ease-out-2": {
"$value": "cubic-bezier(0, 0, .50, 1)",
"$type": "cubic-bezier"
},
"--ease-out-1": {
"$value": "cubic-bezier(0, 0, .75, 1)",
"$type": "cubic-bezier"
},
"--ease-in-5": {
"$value": "cubic-bezier(1, 0, 1, 1)",
"$type": "cubic-bezier"
},
"--ease-in-4": {
"$value": "cubic-bezier(.90, 0, 1, 1)",
"$type": "cubic-bezier"
},
"--ease-in-3": {
"$value": "cubic-bezier(.70, 0, 1, 1)",
"$type": "cubic-bezier"
},
"--ease-in-2": {
"$value": "cubic-bezier(.50, 0, 1, 1)",
"$type": "cubic-bezier"
},
"--ease-in-1": {
"$value": "cubic-bezier(.25, 0, 1, 1)",
"$type": "cubic-bezier"
},
"--ease-5": {
"$value": "cubic-bezier(.25, 0, .1, 1)",
"$type": "cubic-bezier"
},
"--ease-4": {
"$value": "cubic-bezier(.25, 0, .2, 1)",
"$type": "cubic-bezier"
},
"--ease-3": {
"$value": "cubic-bezier(.25, 0, .3, 1)",
"$type": "cubic-bezier"
},
"--ease-2": {
"$value": "cubic-bezier(.25, 0, .4, 1)",
"$type": "cubic-bezier"
},
"--ease-1": {
"$value": "cubic-bezier(.25, 0, .5, 1)",
"$type": "cubic-bezier"
},
"--size-relative-15": {
"$value": "30ch",
"$type": "dimension"
},
"--size-relative-14": {
"$value": "20ch",
"$type": "dimension"
},
"--size-relative-13": {
"$value": "15ch",
"$type": "dimension"
},
"--size-relative-12": {
"$value": "10ch",
"$type": "dimension"
},
"--size-relative-11": {
"$value": "7.5ch",
"$type": "dimension"
},
"--size-relative-10": {
"$value": "5ch",
"$type": "dimension"
},
"--size-relative-9": {
"$value": "4ch",
"$type": "dimension"
},
"--size-relative-8": {
"$value": "3ch",
"$type": "dimension"
},
"--size-relative-7": {
"$value": "2ch",
"$type": "dimension"
},
"--size-relative-6": {
"$value": "1.75ch",
"$type": "dimension"
},
"--size-relative-5": {
"$value": "1.5ch",
"$type": "dimension"
},
"--size-relative-4": {
"$value": "1.25ch",
"$type": "dimension"
},
"--size-relative-3": {
"$value": "1ch",
"$type": "dimension"
},
"--size-relative-2": {
"$value": ".5ch",
"$type": "dimension"
},
"--size-relative-1": {
"$value": ".25ch",
"$type": "dimension"
},
"--size-relative-00": {
"$value": "-.25ch",
"$type": "dimension"
},
"--size-relative-000": {
"$value": "-.5ch",
"$type": "dimension"
},
"--size-xxl": {
"$value": "1920px",
"$type": "dimension"
},
"--size-xl": {
"$value": "1440px",
"$type": "dimension"
},
"--size-lg": {
"$value": "1024px",
"$type": "dimension"
},
"--size-md": {
"$value": "768px",
"$type": "dimension"
},
"--size-sm": {
"$value": "480px",
"$type": "dimension"
},
"--size-xs": {
"$value": "360px",
"$type": "dimension"
},
"--size-xxs": {
"$value": "240px",
"$type": "dimension"
},
"--size-header-3": {
"$value": "35ch",
"$type": "dimension"
},
"--size-header-2": {
"$value": "25ch",
"$type": "dimension"
},
"--size-header-1": {
"$value": "20ch",
"$type": "dimension"
},
"--size-content-3": {
"$value": "60ch",
"$type": "dimension"
},
"--size-content-2": {
"$value": "45ch",
"$type": "dimension"
},
"--size-content-1": {
"$value": "20ch",
"$type": "dimension"
},
"--size-fluid-10": {
"$value": "clamp(20rem, 40vw, 30rem)",
"$type": "dimension"
},
"--size-fluid-9": {
"$value": "clamp(15rem, 30vw, 20rem)",
"$type": "dimension"
},
"--size-fluid-8": {
"$value": "clamp(10rem, 20vw, 15rem)",
"$type": "dimension"
},
"--size-fluid-7": {
"$value": "clamp(7.5rem, 10vw, 10rem)",
"$type": "dimension"
},
"--size-fluid-6": {
"$value": "clamp(5rem, 7vw, 7.5rem)",
"$type": "dimension"
},
"--size-fluid-5": {
"$value": "clamp(4rem, 5vw, 5rem)",
"$type": "dimension"
},
"--size-fluid-4": {
"$value": "clamp(2rem, 4vw, 3rem)",
"$type": "dimension"
},
"--size-fluid-3": {
"$value": "clamp(1.5rem, 3vw, 2rem)",
"$type": "dimension"
},
"--size-fluid-2": {
"$value": "clamp(1rem, 2vw, 1.5rem)",
"$type": "dimension"
},
"--size-fluid-1": {
"$value": "clamp(.5rem, 1vw, 1rem)",
"$type": "dimension"
},
"--size-px-15": {
"$value": "480px",
"$type": "dimension"
},
"--size-px-14": {
"$value": "320px",
"$type": "dimension"
},
"--size-px-13": {
"$value": "240px",
"$type": "dimension"
},
"--size-px-12": {
"$value": "160px",
"$type": "dimension"
},
"--size-px-11": {
"$value": "120px",
"$type": "dimension"
},
"--size-px-10": {
"$value": "80px",
"$type": "dimension"
},
"--size-px-9": {
"$value": "64px",
"$type": "dimension"
},
"--size-px-8": {
"$value": "48px",
"$type": "dimension"
},
"--size-px-7": {
"$value": "32px",
"$type": "dimension"
},
"--size-px-6": {
"$value": "28px",
"$type": "dimension"
},
"--size-px-5": {
"$value": "24px",
"$type": "dimension"
},
"--size-px-4": {
"$value": "20px",
"$type": "dimension"
},
"--size-px-3": {
"$value": "16px",
"$type": "dimension"
},
"--size-px-2": {
"$value": "8px",
"$type": "dimension"
},
"--size-px-1": {
"$value": "4px",
"$type": "dimension"
},
"--size-px-00": {
"$value": "-4px",
"$type": "dimension"
},
"--size-px-000": {
"$value": "-8px",
"$type": "dimension"
},
"--size-15": {
"$value": "30rem",
"$type": "dimension"
},
"--size-14": {
"$value": "20rem",
"$type": "dimension"
},
"--size-13": {
"$value": "15rem",
"$type": "dimension"
},
"--size-12": {
"$value": "10rem",
"$type": "dimension"
},
"--size-11": {
"$value": "7.5rem",
"$type": "dimension"
},
"--size-10": {
"$value": "5rem",
"$type": "dimension"
},
"--size-9": {
"$value": "4rem",
"$type": "dimension"
},
"--size-8": {
"$value": "3rem",
"$type": "dimension"
},
"--size-7": {
"$value": "2rem",
"$type": "dimension"
},
"--size-6": {
"$value": "1.75rem",
"$type": "dimension"
},
"--size-5": {
"$value": "1.5rem",
"$type": "dimension"
},
"--size-4": {
"$value": "1.25rem",
"$type": "dimension"
},
"--size-3": {
"$value": "1rem",
"$type": "dimension"
},
"--size-2": {
"$value": ".5rem",
"$type": "dimension"
},
"--size-1": {
"$value": ".25rem",
"$type": "dimension"
},
"--size-00": {
"$value": "-.25rem",
"$type": "dimension"
},
"--size-000": {
"$value": "-.5rem",
"$type": "dimension"
},
"--yellow-12": {
"$value": "#663500",
"$type": "color"
},
"--yellow-11": {
"$value": "#804200",
"$type": "color"
},
"--yellow-10": {
"$value": "#b35c00",
"$type": "color"
},
"--yellow-9": {
"$value": "#e67700",
"$type": "color"
},
"--yellow-8": {
"$value": "#f08c00",
"$type": "color"
},
"--yellow-7": {
"$value": "#f59f00",
"$type": "color"
},
"--yellow-6": {
"$value": "#fab005",
"$type": "color"
},
"--yellow-5": {
"$value": "#fcc419",
"$type": "color"
},
"--yellow-4": {
"$value": "#ffd43b",
"$type": "color"
},
"--yellow-3": {
"$value": "#ffe066",
"$type": "color"
},
"--yellow-2": {
"$value": "#ffec99",
"$type": "color"
},
"--yellow-1": {
"$value": "#fff3bf",
"$type": "color"
},
"--yellow-0": {
"$value": "#fff9db",
"$type": "color"
},
"--violet-12": {
"$value": "#3a2578",
"$type": "color"
},
"--violet-11": {
"$value": "#462d91",
"$type": "color"
},
"--violet-10": {
"$value": "#5235ab",
"$type": "color"
},
"--violet-9": {
"$value": "#5f3dc4",
"$type": "color"
},
"--violet-8": {
"$value": "#6741d9",
"$type": "color"
},
"--violet-7": {
"$value": "#7048e8",
"$type": "color"
},
"--violet-6": {
"$value": "#7950f2",
"$type": "color"
},
"--violet-5": {
"$value": "#845ef7",
"$type": "color"
},
"--violet-4": {
"$value": "#9775fa",
"$type": "color"
},
"--violet-3": {
"$value": "#b197fc",
"$type": "color"
},
"--violet-2": {
"$value": "#d0bfff",
"$type": "color"
},
"--violet-1": {
"$value": "#e5dbff",
"$type": "color"
},
"--violet-0": {
"$value": "#f3f0ff",
"$type": "color"
},
"--teal-12": {
"$value": "#033325",
"$type": "color"
},
"--teal-11": {
"$value": "#054d37",
"$type": "color"
},
"--teal-10": {
"$value": "#066649",
"$type": "color"
},
"--teal-9": {
"$value": "#087f5b",
"$type": "color"
},
"--teal-8": {
"$value": "#099268",
"$type": "color"
},
"--teal-7": {
"$value": "#0ca678",
"$type": "color"
},
"--teal-6": {
"$value": "#12b886",
"$type": "color"
},
"--teal-5": {
"$value": "#20c997",
"$type": "color"
},
"--teal-4": {
"$value": "#38d9a9",
"$type": "color"
},
"--teal-3": {
"$value": "#63e6be",
"$type": "color"
},
"--teal-2": {
"$value": "#96f2d7",
"$type": "color"
},
"--teal-1": {
"$value": "#c3fae8",
"$type": "color"
},
"--teal-0": {
"$value": "#e6fcf5",
"$type": "color"
},
"--stone-12": {
"$value": "#121210",
"$type": "color"
},
"--stone-11": {
"$value": "#252521",
"$type": "color"
},
"--stone-10": {
"$value": "#3a3a37",
"$type": "color"
},
"--stone-9": {
"$value": "#50514f",
"$type": "color"
},
"--stone-8": {
"$value": "#666968",
"$type": "color"
},
"--stone-7": {
"$value": "#7e8282",
"$type": "color"
},
"--stone-6": {
"$value": "#979b9d",
"$type": "color"
},
"--stone-5": {
"$value": "#b1b6b9",
"$type": "color"
},
"--stone-4": {
"$value": "#d1d6d8",
"$type": "color"
},
"--stone-3": {
"$value": "#e0e4e5",
"$type": "color"
},
"--stone-2": {
"$value": "#ebedef",
"$type": "color"
},
"--stone-1": {
"$value": "#f2f4f6",
"$type": "color"
},
"--stone-0": {
"$value": "#f8fafb",
"$type": "color"
},
"--sand-12": {
"$value": "#121210",
"$type": "color"
},
"--sand-11": {
"$value": "#252521",
"$type": "color"
},
"--sand-10": {
"$value": "#38352d",
"$type": "color"
},
"--sand-9": {
"$value": "#4b4639",
"$type": "color"
},
"--sand-8": {
"$value": "#5f5746",
"$type": "color"
},
"--sand-7": {
"$value": "#736a53",
"$type": "color"
},
"--sand-6": {
"$value": "#867c65",
"$type": "color"
},
"--sand-5": {
"$value": "#9a9178",
"$type": "color"
},
"--sand-4": {
"$value": "#aea58c",
"$type": "color"
},
"--sand-3": {
"$value": "#c2b9a0",
"$type": "color"
},
"--sand-2": {
"$value": "#d5cfbd",
"$type": "color"
},
"--sand-1": {
"$value": "#e6e4dc",
"$type": "color"
},
"--sand-0": {
"$value": "#f8fafb",
"$type": "color"
},
"--red-12": {
"$value": "#7d1a1a",
"$type": "color"
},
"--red-11": {
"$value": "#962020",
"$type": "color"
},
"--red-10": {
"$value": "#b02525",
"$type": "color"
},
"--red-9": {
"$value": "#c92a2a",
"$type": "color"
},
"--red-8": {
"$value": "#e03131",
"$type": "color"
},
"--red-7": {
"$value": "#f03e3e",
"$type": "color"
},
"--red-6": {
"$value": "#fa5252",
"$type": "color"
},
"--red-5": {
"$value": "#ff6b6b",
"$type": "color"
},
"--red-4": {
"$value": "#ff8787",
"$type": "color"
},
"--red-3": {
"$value": "#ffa8a8",
"$type": "color"
},
"--red-2": {
"$value": "#ffc9c9",
"$type": "color"
},
"--red-1": {
"$value": "#ffe3e3",
"$type": "color"
},
"--red-0": {
"$value": "#fff5f5",
"$type": "color"
},
"--purple-12": {
"$value": "#44174f",
"$type": "color"
},
"--purple-11": {
"$value": "#5a1e69",
"$type": "color"
},
"--purple-10": {
"$value": "#702682",
"$type": "color"
},
"--purple-9": {
"$value": "#862e9c",
"$type": "color"
},
"--purple-8": {
"$value": "#9c36b5",
"$type": "color"
},
"--purple-7": {
"$value": "#ae3ec9",
"$type": "color"
},
"--purple-6": {
"$value": "#be4bdb",
"$type": "color"
},
"--purple-5": {
"$value": "#cc5de8",
"$type": "color"
},
"--purple-4": {
"$value": "#da77f2",
"$type": "color"
},
"--purple-3": {
"$value": "#e599f7",
"$type": "color"
},
"--purple-2": {
"$value": "#eebefa",
"$type": "color"
},
"--purple-1": {
"$value": "#f3d9fa",
"$type": "color"
},
"--purple-0": {
"$value": "#f8f0fc",
"$type": "color"
},
"--pink-12": {
"$value": "#59102a",
"$type": "color"
},
"--pink-11": {
"$value": "#731536",
"$type": "color"
},
"--pink-10": {
"$value": "#8c1941",
"$type": "color"
},
"--pink-9": {
"$value": "#a61e4d",
"$type": "color"
},
"--pink-8": {
"$value": "#c2255c",
"$type": "color"
},
"--pink-7": {
"$value": "#d6336c",
"$type": "color"
},
"--pink-6": {
"$value": "#e64980",
"$type": "color"
},
"--pink-5": {
"$value": "#f06595",
"$type": "color"
},
"--pink-4": {
"$value": "#f783ac",
"$type": "color"
},
"--pink-3": {
"$value": "#faa2c1",
"$type": "color"
},
"--pink-2": {
"$value": "#fcc2d7",
"$type": "color"
},
"--pink-1": {
"$value": "#ffdeeb",
"$type": "color"
},
"--pink-0": {
"$value": "#fff0f6",
"$type": "color"
},
"--orange-12": {
"$value": "#802b09",
"$type": "color"
},
"--orange-11": {
"$value": "#99330b",
"$type": "color"
},
"--orange-10": {
"$value": "#bf400d",
"$type": "color"
},
"--orange-9": {
"$value": "#d9480f",
"$type": "color"
},
"--orange-8": {
"$value": "#e8590c",
"$type": "color"
},
"--orange-7": {
"$value": "#f76707",
"$type": "color"
},
"--orange-6": {
"$value": "#fd7e14",
"$type": "color"
},
"--orange-5": {
"$value": "#ff922b",
"$type": "color"
},
"--orange-4": {
"$value": "#ffa94d",
"$type": "color"
},
"--orange-3": {
"$value": "#ffc078",
"$type": "color"
},
"--orange-2": {
"$value": "#ffd8a8",
"$type": "color"
},
"--orange-1": {
"$value": "#ffe8cc",
"$type": "color"
},
"--orange-0": {
"$value": "#fff4e6",
"$type": "color"
},
"--lime-12": {
"$value": "#2c4706",
"$type": "color"
},
"--lime-11": {
"$value": "#3c6109",
"$type": "color"
},
"--lime-10": {
"$value": "#4c7a0b",
"$type": "color"
},
"--lime-9": {
"$value": "#5c940d",
"$type": "color"
},
"--lime-8": {
"$value": "#66a80f",
"$type": "color"
},
"--lime-7": {
"$value": "#74b816",
"$type": "color"
},
"--lime-6": {
"$value": "#82c91e",
"$type": "color"
},
"--lime-5": {
"$value": "#94d82d",
"$type": "color"
},
"--lime-4": {
"$value": "#a9e34b",
"$type": "color"
},
"--lime-3": {
"$value": "#c0eb75",
"$type": "color"
},
"--lime-2": {
"$value": "#d8f5a2",
"$type": "color"
},
"--lime-1": {
"$value": "#e9fac8",
"$type": "color"
},
"--lime-0": {
"$value": "#f4fce3",
"$type": "color"
},
"--jungle-12": {
"$value": "#3d4d04",
"$type": "color"
},
"--jungle-11": {
"$value": "#516605",
"$type": "color"
},
"--jungle-10": {
"$value": "#658006",
"$type": "color"
},
"--jungle-9": {
"$value": "#7a9908",
"$type": "color"
},
"--jungle-8": {
"$value": "#84a513",
"$type": "color"
},
"--jungle-7": {
"$value": "#8fb024",
"$type": "color"
},
"--jungle-6": {
"$value": "#9bbb36",
"$type": "color"
},
"--jungle-5": {
"$value": "#a8c648",
"$type": "color"
},
"--jungle-4": {
"$value": "#b5d15b",
"$type": "color"
},
"--jungle-3": {
"$value": "#c2dd6e",
"$type": "color"
},
"--jungle-2": {
"$value": "#d0e884",
"$type": "color"
},
"--jungle-1": {
"$value": "#def39a",
"$type": "color"
},
"--jungle-0": {
"$value": "#ecfeb0",
"$type": "color"
},
"--indigo-12": {
"$value": "#21307a",
"$type": "color"
},
"--indigo-11": {
"$value": "#283a94",
"$type": "color"
},
"--indigo-10": {
"$value": "#2f44ad",
"$type": "color"
},
"--indigo-9": {
"$value": "#364fc7",
"$type": "color"
},
"--indigo-8": {
"$value": "#3b5bdb",
"$type": "color"
},
"--indigo-7": {
"$value": "#4263eb",
"$type": "color"
},
"--indigo-6": {
"$value": "#4c6ef5",
"$type": "color"
},
"--indigo-5": {
"$value": "#5c7cfa",
"$type": "color"
},
"--indigo-4": {
"$value": "#748ffc",
"$type": "color"
},
"--indigo-3": {
"$value": "#91a7ff",
"$type": "color"
},
"--indigo-2": {
"$value": "#bac8ff",
"$type": "color"
},
"--indigo-1": {
"$value": "#dbe4ff",
"$type": "color"
},
"--indigo-0": {
"$value": "#edf2ff",
"$type": "color"
},
"--green-12": {
"$value": "#133d1b",
"$type": "color"
},
"--green-11": {
"$value": "#1b5727",
"$type": "color"
},
"--green-10": {
"$value": "#237032",
"$type": "color"
},
"--green-9": {
"$value": "#2b8a3e",
"$type": "color"
},
"--green-8": {
"$value": "#2f9e44",
"$type": "color"
},
"--green-7": {
"$value": "#37b24d",
"$type": "color"
},
"--green-6": {
"$value": "#40c057",
"$type": "color"
},
"--green-5": {
"$value": "#51cf66",
"$type": "color"
},
"--green-4": {
"$value": "#69db7c",
"$type": "color"
},
"--green-3": {
"$value": "#8ce99a",
"$type": "color"
},
"--green-2": {
"$value": "#b2f2bb",
"$type": "color"
},
"--green-1": {
"$value": "#d3f9d8",
"$type": "color"
},
"--green-0": {
"$value": "#ebfbee",
"$type": "color"
},
"--gray-12": {
"$value": "#030507",
"$type": "color"
},
"--gray-11": {
"$value": "#0d0f12",
"$type": "color"
},
"--gray-10": {
"$value": "#16191d",
"$type": "color"
},
"--gray-9": {
"$value": "#212529",
"$type": "color"
},
"--gray-8": {
"$value": "#343a40",
"$type": "color"
},
"--gray-7": {
"$value": "#495057",
"$type": "color"
},
"--gray-6": {
"$value": "#868e96",
"$type": "color"
},
"--gray-5": {
"$value": "#adb5bd",
"$type": "color"
},
"--gray-4": {
"$value": "#ced4da",
"$type": "color"
},
"--gray-3": {
"$value": "#dee2e6",
"$type": "color"
},
"--gray-2": {
"$value": "#e9ecef",
"$type": "color"
},
"--gray-1": {
"$value": "#f1f3f5",
"$type": "color"
},
"--gray-0": {
"$value": "#f8f9fa",
"$type": "color"
},
"--cyan-12": {
"$value": "#053038",
"$type": "color"
},
"--cyan-11": {
"$value": "#074652",
"$type": "color"
},
"--cyan-10": {
"$value": "#095c6b",
"$type": "color"
},
"--cyan-9": {
"$value": "#0b7285",
"$type": "color"
},
"--cyan-8": {
"$value": "#0c8599",
"$type": "color"
},
"--cyan-7": {
"$value": "#1098ad",
"$type": "color"
},
"--cyan-6": {
"$value": "#15aabf",
"$type": "color"
},
"--cyan-5": {
"$value": "#22b8cf",
"$type": "color"
},
"--cyan-4": {
"$value": "#3bc9db",
"$type": "color"
},
"--cyan-3": {
"$value": "#66d9e8",
"$type": "color"
},
"--cyan-2": {
"$value": "#99e9f2",
"$type": "color"
},
"--cyan-1": {
"$value": "#c5f6fa",
"$type": "color"
},
"--cyan-0": {
"$value": "#e3fafc",
"$type": "color"
},
"--choco-12": {
"$value": "#3d210d",
"$type": "color"
},
"--choco-11": {
"$value": "#572f12",
"$type": "color"
},
"--choco-10": {
"$value": "#703a13",
"$type": "color"
},
"--choco-9": {
"$value": "#8a4513",
"$type": "color"
},
"--choco-8": {
"$value": "#a45117",
"$type": "color"
},
"--choco-7": {
"$value": "#bd5f1b",
"$type": "color"
},
"--choco-6": {
"$value": "#d46e25",
"$type": "color"
},
"--choco-5": {
"$value": "#df8545",
"$type": "color"
},
"--choco-4": {
"$value": "#e99b62",
"$type": "color"
},
"--choco-3": {
"$value": "#f1b280",
"$type": "color"
},
"--choco-2": {
"$value": "#f7ca9e",
"$type": "color"
},
"--choco-1": {
"$value": "#fce1bc",
"$type": "color"
},
"--choco-0": {
"$value": "#fff8dc",
"$type": "color"
},
"--camo-12": {
"$value": "#36300a",
"$type": "color"
},
"--camo-11": {
"$value": "#4d460e",
"$type": "color"
},
"--camo-10": {
"$value": "#5d5411",
"$type": "color"
},
"--camo-9": {
"$value": "#6d6414",
"$type": "color"
},
"--camo-8": {
"$value": "#7e7416",
"$type": "color"
},
"--camo-7": {
"$value": "#8c851c",
"$type": "color"
},
"--camo-6": {
"$value": "#999621",
"$type": "color"
},
"--camo-5": {
"$value": "#a7a827",
"$type": "color"
},
"--camo-4": {
"$value": "#b5bb2e",
"$type": "color"
},
"--camo-3": {
"$value": "#c2ce34",
"$type": "color"
},
"--camo-2": {
"$value": "#d2df4e",
"$type": "color"
},
"--camo-1": {
"$value": "#e8ed9c",
"$type": "color"
},
"--camo-0": {
"$value": "#f9fbe7",
"$type": "color"
},
"--brown-12": {
"$value": "#422412",
"$type": "color"
},
"--brown-11": {
"$value": "#4e2b15",
"$type": "color"
},
"--brown-10": {
"$value": "#5e3a21",
"$type": "color"
},
"--brown-9": {
"$value": "#6f4b2d",
"$type": "color"
},
"--brown-8": {
"$value": "#825b3a",
"$type": "color"
},
"--brown-7": {
"$value": "#956b47",
"$type": "color"
},
"--brown-6": {
"$value": "#a87c56",
"$type": "color"
},
"--brown-5": {
"$value": "#b78f6d",
"$type": "color"
},
"--brown-4": {
"$value": "#c5a285",
"$type": "color"
},
"--brown-3": {
"$value": "#d3b79e",
"$type": "color"
},
"--brown-2": {
"$value": "#e0cab7",
"$type": "color"
},
"--brown-1": {
"$value": "#ede0d1",
"$type": "color"
},
"--brown-0": {
"$value": "#faf4eb",
"$type": "color"
},
"--blue-12": {
"$value": "#0d375e",
"$type": "color"
},
"--blue-11": {
"$value": "#114678",
"$type": "color"
},
"--blue-10": {
"$value": "#145591",
"$type": "color"
},
"--blue-9": {
"$value": "#1864ab",
"$type": "color"
},
"--blue-8": {
"$value": "#1971c2",
"$type": "color"
},
"--blue-7": {
"$value": "#1c7ed6",
"$type": "color"
},
"--blue-6": {
"$value": "#228be6",
"$type": "color"
},
"--blue-5": {
"$value": "#339af0",
"$type": "color"
},
"--blue-4": {
"$value": "#4dabf7",
"$type": "color"
},
"--blue-3": {
"$value": "#74c0fc",
"$type": "color"
},
"--blue-2": {
"$value": "#a5d8ff",
"$type": "color"
},
"--blue-1": {
"$value": "#d0ebff",
"$type": "color"
},
"--blue-0": {
"$value": "#e7f5ff",
"$type": "color"
}
}