open-props
Version:
<div align="center">
1,011 lines • 79.5 kB
JavaScript
export default {
"--animation-fade-in": "fade-in .5s var(--ease-3)",
"--animation-fade-in-@": "\n@keyframes fade-in {\n to { opacity: 1 }\n}",
"--animation-fade-in-bloom": "fade-in-bloom 2s var(--ease-3)",
"--animation-fade-in-bloom-@": "\n@keyframes fade-in-bloom {\n 0% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(2) blur(10px) }\n100% { opacity: 1; filter: brightness(1) blur(0) }\n}",
"--animation-fade-in-bloom-@media:dark": "\n@keyframes fade-in-bloom {\n 0% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(0.5) blur(10px) }\n100% { opacity: 1; filter: brightness(1) blur(0) }\n}",
"--animation-fade-out": "fade-out .5s var(--ease-3)",
"--animation-fade-out-@": "\n@keyframes fade-out {\n to { opacity: 0 }\n}",
"--animation-fade-out-bloom": "fade-out-bloom 2s var(--ease-3)",
"--animation-fade-out-bloom-@": "\n@keyframes fade-out-bloom {\n100% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(2) blur(10px) }\n 0% { opacity: 1; filter: brightness(1) blur(0) }\n}",
"--animation-fade-out-bloom-@media:dark": "\n@keyframes fade-out-bloom {\n100% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(0.5) blur(10px) }\n 0% { opacity: 1; filter: brightness(1) blur(0) }\n}",
"--animation-scale-up": "scale-up .5s var(--ease-3)",
"--animation-scale-up-@": "\n@keyframes scale-up {\n to { transform: scale(1.25) }\n}",
"--animation-scale-down": "scale-down .5s var(--ease-3)",
"--animation-scale-down-@": "\n@keyframes scale-down {\n to { transform: scale(.75) }\n}",
"--animation-slide-out-up": "slide-out-up .5s var(--ease-3)",
"--animation-slide-out-up-@": "\n@keyframes slide-out-up {\n to { transform: translateY(-100%) }\n}",
"--animation-slide-out-down": "slide-out-down .5s var(--ease-3)",
"--animation-slide-out-down-@": "\n@keyframes slide-out-down {\n to { transform: translateY(100%) }\n}",
"--animation-slide-out-right": "slide-out-right .5s var(--ease-3)",
"--animation-slide-out-right-@": "\n@keyframes slide-out-right {\n to { transform: translateX(100%) }\n}",
"--animation-slide-out-left": "slide-out-left .5s var(--ease-3)",
"--animation-slide-out-left-@": "\n@keyframes slide-out-left {\n to { transform: translateX(-100%) }\n}",
"--animation-slide-in-up": "slide-in-up .5s var(--ease-3)",
"--animation-slide-in-up-@": "\n@keyframes slide-in-up {\n from { transform: translateY(100%) }\n}",
"--animation-slide-in-down": "slide-in-down .5s var(--ease-3)",
"--animation-slide-in-down-@": "\n@keyframes slide-in-down {\n from { transform: translateY(-100%) }\n}",
"--animation-slide-in-right": "slide-in-right .5s var(--ease-3)",
"--animation-slide-in-right-@": "\n@keyframes slide-in-right {\n from { transform: translateX(-100%) }\n}",
"--animation-slide-in-left": "slide-in-left .5s var(--ease-3)",
"--animation-slide-in-left-@": "\n@keyframes slide-in-left {\n from { transform: translateX(100%) }\n}",
"--animation-shake-x": "shake-x .75s var(--ease-out-5)",
"--animation-shake-x-@": "\n@keyframes shake-x {\n 0%, 100% { transform: translateX(0%) }\n 20% { transform: translateX(-5%) }\n 40% { transform: translateX(5%) }\n 60% { transform: translateX(-5%) }\n 80% { transform: translateX(5%) }\n}",
"--animation-shake-y": "shake-y .75s var(--ease-out-5)",
"--animation-shake-y-@": "\n@keyframes shake-y {\n 0%, 100% { transform: translateY(0%) }\n 20% { transform: translateY(-5%) }\n 40% { transform: translateY(5%) }\n 60% { transform: translateY(-5%) }\n 80% { transform: translateY(5%) }\n}",
"--animation-spin": "spin 2s linear infinite",
"--animation-spin-@": "\n@keyframes spin {\n to { transform: rotate(1turn) }\n}",
"--animation-ping": "ping 5s var(--ease-out-3) infinite",
"--animation-ping-@": "\n@keyframes ping {\n 90%, 100% {\n transform: scale(2);\n opacity: 0;\n }\n}",
"--animation-blink": "blink 1s var(--ease-out-3) infinite",
"--animation-blink-@": "\n@keyframes blink {\n 0%, 100% {\n opacity: 1\n }\n 50% {\n opacity: .5\n }\n}",
"--animation-float": "float 3s var(--ease-in-out-3) infinite",
"--animation-float-@": "\n@keyframes float {\n 50% { transform: translateY(-25%) }\n}",
"--animation-bounce": "bounce 2s var(--ease-squish-2) infinite",
"--animation-bounce-@": "\n@keyframes bounce {\n 25% { transform: translateY(-20%) }\n 40% { transform: translateY(-3%) }\n 0%, 60%, 100% { transform: translateY(0) }\n}",
"--animation-pulse": "pulse 2s var(--ease-out-3) infinite",
"--animation-pulse-@": "\n@keyframes pulse {\n 50% { transform: scale(.9,.9) }\n}",
"--size-000": "-.5rem",
"--size-00": "-.25rem",
"--size-1": ".25rem",
"--size-2": ".5rem",
"--size-3": "1rem",
"--size-4": "1.25rem",
"--size-5": "1.5rem",
"--size-6": "1.75rem",
"--size-7": "2rem",
"--size-8": "3rem",
"--size-9": "4rem",
"--size-10": "5rem",
"--size-11": "7.5rem",
"--size-12": "10rem",
"--size-13": "15rem",
"--size-14": "20rem",
"--size-15": "30rem",
"--size-fluid-1": "clamp(.5rem, 1vw, 1rem)",
"--size-fluid-2": "clamp(1rem, 2vw, 1.5rem)",
"--size-fluid-3": "clamp(1.5rem, 3vw, 2rem)",
"--size-fluid-4": "clamp(2rem, 4vw, 3rem)",
"--size-fluid-5": "clamp(4rem, 5vw, 5rem)",
"--size-fluid-6": "clamp(5rem, 7vw, 7.5rem)",
"--size-fluid-7": "clamp(7.5rem, 10vw, 10rem)",
"--size-fluid-8": "clamp(10rem, 20vw, 15rem)",
"--size-fluid-9": "clamp(15rem, 30vw, 20rem)",
"--size-fluid-10": "clamp(20rem, 40vw, 30rem)",
"--size-content-1": "20ch",
"--size-content-2": "45ch",
"--size-content-3": "60ch",
"--size-header-1": "20ch",
"--size-header-2": "25ch",
"--size-header-3": "35ch",
"--size-xxs": "240px",
"--size-xs": "360px",
"--size-sm": "480px",
"--size-md": "768px",
"--size-lg": "1024px",
"--size-xl": "1440px",
"--size-xxl": "1920px",
"--gray-0": "#f8f9fa",
"--gray-1": "#f1f3f5",
"--gray-2": "#e9ecef",
"--gray-3": "#dee2e6",
"--gray-4": "#ced4da",
"--gray-5": "#adb5bd",
"--gray-6": "#868e96",
"--gray-7": "#495057",
"--gray-8": "#343a40",
"--gray-9": "#212529",
"--gray-10": "#16191d",
"--gray-11": "#0d0f12",
"--gray-12": "#030507",
"--stone-0": "#f8fafb",
"--stone-1": "#f2f4f6",
"--stone-2": "#ebedef",
"--stone-3": "#e0e4e5",
"--stone-4": "#d1d6d8",
"--stone-5": "#b1b6b9",
"--stone-6": "#979b9d",
"--stone-7": "#7e8282",
"--stone-8": "#666968",
"--stone-9": "#50514f",
"--stone-10": "#3a3a37",
"--stone-11": "#252521",
"--stone-12": "#121210",
"--red-0": "#fff5f5",
"--red-1": "#ffe3e3",
"--red-2": "#ffc9c9",
"--red-3": "#ffa8a8",
"--red-4": "#ff8787",
"--red-5": "#ff6b6b",
"--red-6": "#fa5252",
"--red-7": "#f03e3e",
"--red-8": "#e03131",
"--red-9": "#c92a2a",
"--red-10": "#b02525",
"--red-11": "#962020",
"--red-12": "#7d1a1a",
"--pink-0": "#fff0f6",
"--pink-1": "#ffdeeb",
"--pink-2": "#fcc2d7",
"--pink-3": "#faa2c1",
"--pink-4": "#f783ac",
"--pink-5": "#f06595",
"--pink-6": "#e64980",
"--pink-7": "#d6336c",
"--pink-8": "#c2255c",
"--pink-9": "#a61e4d",
"--pink-10": "#8c1941",
"--pink-11": "#731536",
"--pink-12": "#59102a",
"--purple-0": "#f8f0fc",
"--purple-1": "#f3d9fa",
"--purple-2": "#eebefa",
"--purple-3": "#e599f7",
"--purple-4": "#da77f2",
"--purple-5": "#cc5de8",
"--purple-6": "#be4bdb",
"--purple-7": "#ae3ec9",
"--purple-8": "#9c36b5",
"--purple-9": "#862e9c",
"--purple-10": "#702682",
"--purple-11": "#5a1e69",
"--purple-12": "#44174f",
"--violet-0": "#f3f0ff",
"--violet-1": "#e5dbff",
"--violet-2": "#d0bfff",
"--violet-3": "#b197fc",
"--violet-4": "#9775fa",
"--violet-5": "#845ef7",
"--violet-6": "#7950f2",
"--violet-7": "#7048e8",
"--violet-8": "#6741d9",
"--violet-9": "#5f3dc4",
"--violet-10": "#5235ab",
"--violet-11": "#462d91",
"--violet-12": "#3a2578",
"--indigo-0": "#edf2ff",
"--indigo-1": "#dbe4ff",
"--indigo-2": "#bac8ff",
"--indigo-3": "#91a7ff",
"--indigo-4": "#748ffc",
"--indigo-5": "#5c7cfa",
"--indigo-6": "#4c6ef5",
"--indigo-7": "#4263eb",
"--indigo-8": "#3b5bdb",
"--indigo-9": "#364fc7",
"--indigo-10": "#2f44ad",
"--indigo-11": "#283a94",
"--indigo-12": "#21307a",
"--blue-0": "#e7f5ff",
"--blue-1": "#d0ebff",
"--blue-2": "#a5d8ff",
"--blue-3": "#74c0fc",
"--blue-4": "#4dabf7",
"--blue-5": "#339af0",
"--blue-6": "#228be6",
"--blue-7": "#1c7ed6",
"--blue-8": "#1971c2",
"--blue-9": "#1864ab",
"--blue-10": "#145591",
"--blue-11": "#114678",
"--blue-12": "#0d375e",
"--cyan-0": "#e3fafc",
"--cyan-1": "#c5f6fa",
"--cyan-2": "#99e9f2",
"--cyan-3": "#66d9e8",
"--cyan-4": "#3bc9db",
"--cyan-5": "#22b8cf",
"--cyan-6": "#15aabf",
"--cyan-7": "#1098ad",
"--cyan-8": "#0c8599",
"--cyan-9": "#0b7285",
"--cyan-10": "#095c6b",
"--cyan-11": "#074652",
"--cyan-12": "#053038",
"--teal-0": "#e6fcf5",
"--teal-1": "#c3fae8",
"--teal-2": "#96f2d7",
"--teal-3": "#63e6be",
"--teal-4": "#38d9a9",
"--teal-5": "#20c997",
"--teal-6": "#12b886",
"--teal-7": "#0ca678",
"--teal-8": "#099268",
"--teal-9": "#087f5b",
"--teal-10": "#066649",
"--teal-11": "#054d37",
"--teal-12": "#033325",
"--green-0": "#ebfbee",
"--green-1": "#d3f9d8",
"--green-2": "#b2f2bb",
"--green-3": "#8ce99a",
"--green-4": "#69db7c",
"--green-5": "#51cf66",
"--green-6": "#40c057",
"--green-7": "#37b24d",
"--green-8": "#2f9e44",
"--green-9": "#2b8a3e",
"--green-10": "#237032",
"--green-11": "#1b5727",
"--green-12": "#133d1b",
"--lime-0": "#f4fce3",
"--lime-1": "#e9fac8",
"--lime-2": "#d8f5a2",
"--lime-3": "#c0eb75",
"--lime-4": "#a9e34b",
"--lime-5": "#94d82d",
"--lime-6": "#82c91e",
"--lime-7": "#74b816",
"--lime-8": "#66a80f",
"--lime-9": "#5c940d",
"--lime-10": "#4c7a0b",
"--lime-11": "#3c6109",
"--lime-12": "#2c4706",
"--yellow-0": "#fff9db",
"--yellow-1": "#fff3bf",
"--yellow-2": "#ffec99",
"--yellow-3": "#ffe066",
"--yellow-4": "#ffd43b",
"--yellow-5": "#fcc419",
"--yellow-6": "#fab005",
"--yellow-7": "#f59f00",
"--yellow-8": "#f08c00",
"--yellow-9": "#e67700",
"--yellow-10": "#b35c00",
"--yellow-11": "#804200",
"--yellow-12": "#663500",
"--orange-0": "#fff4e6",
"--orange-1": "#ffe8cc",
"--orange-2": "#ffd8a8",
"--orange-3": "#ffc078",
"--orange-4": "#ffa94d",
"--orange-5": "#ff922b",
"--orange-6": "#fd7e14",
"--orange-7": "#f76707",
"--orange-8": "#e8590c",
"--orange-9": "#d9480f",
"--orange-10": "#bf400d",
"--orange-11": "#99330b",
"--orange-12": "#802b09",
"--choco-0": "#fff8dc",
"--choco-1": "#fce1bc",
"--choco-2": "#f7ca9e",
"--choco-3": "#f1b280",
"--choco-4": "#e99b62",
"--choco-5": "#df8545",
"--choco-6": "#d46e25",
"--choco-7": "#bd5f1b",
"--choco-8": "#a45117",
"--choco-9": "#8a4513",
"--choco-10": "#703a13",
"--choco-11": "#572f12",
"--choco-12": "#3d210d",
"--brown-0": "#faf4eb",
"--brown-1": "#ede0d1",
"--brown-2": "#e0cab7",
"--brown-3": "#d3b79e",
"--brown-4": "#c5a285",
"--brown-5": "#b78f6d",
"--brown-6": "#a87c56",
"--brown-7": "#956b47",
"--brown-8": "#825b3a",
"--brown-9": "#6f4b2d",
"--brown-10": "#5e3a21",
"--brown-11": "#4e2b15",
"--brown-12": "#422412",
"--sand-0": "#f8fafb",
"--sand-1": "#e6e4dc",
"--sand-2": "#d5cfbd",
"--sand-3": "#c2b9a0",
"--sand-4": "#aea58c",
"--sand-5": "#9a9178",
"--sand-6": "#867c65",
"--sand-7": "#736a53",
"--sand-8": "#5f5746",
"--sand-9": "#4b4639",
"--sand-10": "#38352d",
"--sand-11": "#252521",
"--sand-12": "#121210",
"--camo-0": "#f9fbe7",
"--camo-1": "#e8ed9c",
"--camo-2": "#d2df4e",
"--camo-3": "#c2ce34",
"--camo-4": "#b5bb2e",
"--camo-5": "#a7a827",
"--camo-6": "#999621",
"--camo-7": "#8c851c",
"--camo-8": "#7e7416",
"--camo-9": "#6d6414",
"--camo-10": "#5d5411",
"--camo-11": "#4d460e",
"--camo-12": "#36300a",
"--jungle-0": "#ecfeb0",
"--jungle-1": "#def39a",
"--jungle-2": "#d0e884",
"--jungle-3": "#c2dd6e",
"--jungle-4": "#b5d15b",
"--jungle-5": "#a8c648",
"--jungle-6": "#9bbb36",
"--jungle-7": "#8fb024",
"--jungle-8": "#84a513",
"--jungle-9": "#7a9908",
"--jungle-10": "#658006",
"--jungle-11": "#516605",
"--jungle-12": "#3d4d04",
"--gray-0-hsl": "210 17% 98%",
"--gray-1-hsl": "210 17% 95%",
"--gray-2-hsl": "210 16% 93%",
"--gray-3-hsl": "210 14% 89%",
"--gray-4-hsl": "210 14% 83%",
"--gray-5-hsl": "210 11% 71%",
"--gray-6-hsl": "210 7% 56%",
"--gray-7-hsl": "210 9% 31%",
"--gray-8-hsl": "210 10% 23%",
"--gray-9-hsl": "210 11% 15%",
"--gray-10-hsl": "214 14% 10%",
"--gray-11-hsl": "216 16% 6%",
"--gray-12-hsl": "210 40% 2%",
"--stone-0-hsl": "200 27% 98%",
"--stone-1-hsl": "210 18% 96%",
"--stone-2-hsl": "210 11% 93%",
"--stone-3-hsl": "192 9% 89%",
"--stone-4-hsl": "197 8% 83%",
"--stone-5-hsl": "202 5% 71%",
"--stone-6-hsl": "200 3% 60%",
"--stone-7-hsl": "180 2% 50%",
"--stone-8-hsl": "160 1% 41%",
"--stone-9-hsl": "90 1% 31%",
"--stone-10-hsl": "60 3% 22%",
"--stone-11-hsl": "60 6% 14%",
"--stone-12-hsl": "60 6% 7%",
"--red-0-hsl": "0 100% 98%",
"--red-1-hsl": "0 100% 95%",
"--red-2-hsl": "0 100% 89%",
"--red-3-hsl": "0 100% 83%",
"--red-4-hsl": "0 100% 76%",
"--red-5-hsl": "0 100% 71%",
"--red-6-hsl": "0 94% 65%",
"--red-7-hsl": "0 86% 59%",
"--red-8-hsl": "0 74% 54%",
"--red-9-hsl": "0 65% 48%",
"--red-10-hsl": "0 65% 42%",
"--red-11-hsl": "0 65% 36%",
"--red-12-hsl": "0 66% 30%",
"--pink-0-hsl": "336 100% 97%",
"--pink-1-hsl": "336 100% 94%",
"--pink-2-hsl": "338 91% 87%",
"--pink-3-hsl": "339 90% 81%",
"--pink-4-hsl": "339 88% 74%",
"--pink-5-hsl": "339 82% 67%",
"--pink-6-hsl": "339 76% 59%",
"--pink-7-hsl": "339 67% 52%",
"--pink-8-hsl": "339 68% 45%",
"--pink-9-hsl": "339 69% 38%",
"--pink-10-hsl": "339 70% 32%",
"--pink-11-hsl": "339 69% 27%",
"--pink-12-hsl": "339 70% 21%",
"--purple-0-hsl": "280 67% 96%",
"--purple-1-hsl": "287 77% 92%",
"--purple-2-hsl": "288 86% 86%",
"--purple-3-hsl": "289 85% 78%",
"--purple-4-hsl": "288 83% 71%",
"--purple-5-hsl": "288 75% 64%",
"--purple-6-hsl": "288 67% 58%",
"--purple-7-hsl": "288 56% 52%",
"--purple-8-hsl": "288 54% 46%",
"--purple-9-hsl": "288 54% 40%",
"--purple-10-hsl": "288 55% 33%",
"--purple-11-hsl": "288 56% 26%",
"--purple-12-hsl": "288 55% 20%",
"--violet-0-hsl": "252 100% 97%",
"--violet-1-hsl": "257 100% 93%",
"--violet-2-hsl": "256 100% 87%",
"--violet-3-hsl": "255 94% 79%",
"--violet-4-hsl": "255 93% 72%",
"--violet-5-hsl": "255 91% 67%",
"--violet-6-hsl": "255 86% 63%",
"--violet-7-hsl": "255 78% 60%",
"--violet-8-hsl": "255 67% 55%",
"--violet-9-hsl": "255 53% 50%",
"--violet-10-hsl": "255 53% 44%",
"--violet-11-hsl": "255 53% 37%",
"--violet-12-hsl": "255 53% 31%",
"--indigo-0-hsl": "223 100% 96%",
"--indigo-1-hsl": "225 100% 93%",
"--indigo-2-hsl": "228 100% 86%",
"--indigo-3-hsl": "228 100% 78%",
"--indigo-4-hsl": "228 96% 72%",
"--indigo-5-hsl": "228 94% 67%",
"--indigo-6-hsl": "228 89% 63%",
"--indigo-7-hsl": "228 81% 59%",
"--indigo-8-hsl": "228 69% 55%",
"--indigo-9-hsl": "230 57% 50%",
"--indigo-10-hsl": "230 57% 43%",
"--indigo-11-hsl": "230 57% 37%",
"--indigo-12-hsl": "230 57% 30%",
"--blue-0-hsl": "205 100% 95%",
"--blue-1-hsl": "206 100% 91%",
"--blue-2-hsl": "206 100% 82%",
"--blue-3-hsl": "206 96% 72%",
"--blue-4-hsl": "207 91% 64%",
"--blue-5-hsl": "207 86% 57%",
"--blue-6-hsl": "208 80% 52%",
"--blue-7-hsl": "208 77% 47%",
"--blue-8-hsl": "209 77% 43%",
"--blue-9-hsl": "209 75% 38%",
"--blue-10-hsl": "209 76% 32%",
"--blue-11-hsl": "209 75% 27%",
"--blue-12-hsl": "209 76% 21%",
"--cyan-0-hsl": "185 81% 94%",
"--cyan-1-hsl": "185 84% 88%",
"--cyan-2-hsl": "186 77% 77%",
"--cyan-3-hsl": "187 74% 65%",
"--cyan-4-hsl": "187 69% 55%",
"--cyan-5-hsl": "188 72% 47%",
"--cyan-6-hsl": "187 80% 42%",
"--cyan-7-hsl": "188 83% 37%",
"--cyan-8-hsl": "189 85% 32%",
"--cyan-9-hsl": "189 85% 28%",
"--cyan-10-hsl": "189 84% 23%",
"--cyan-11-hsl": "190 84% 17%",
"--cyan-12-hsl": "189 84% 12%",
"--teal-0-hsl": "161 79% 95%",
"--teal-1-hsl": "160 85% 87%",
"--teal-2-hsl": "162 78% 77%",
"--teal-3-hsl": "162 72% 65%",
"--teal-4-hsl": "162 68% 54%",
"--teal-5-hsl": "162 73% 46%",
"--teal-6-hsl": "162 82% 40%",
"--teal-7-hsl": "162 87% 35%",
"--teal-8-hsl": "162 88% 30%",
"--teal-9-hsl": "162 88% 26%",
"--teal-10-hsl": "162 89% 21%",
"--teal-11-hsl": "162 88% 16%",
"--teal-12-hsl": "163 89% 11%",
"--green-0-hsl": "131 67% 95%",
"--green-1-hsl": "128 76% 90%",
"--green-2-hsl": "128 71% 82%",
"--green-3-hsl": "129 68% 73%",
"--green-4-hsl": "130 61% 64%",
"--green-5-hsl": "130 57% 56%",
"--green-6-hsl": "131 50% 50%",
"--green-7-hsl": "131 53% 46%",
"--green-8-hsl": "131 54% 40%",
"--green-9-hsl": "132 52% 35%",
"--green-10-hsl": "132 52% 29%",
"--green-11-hsl": "132 53% 22%",
"--green-12-hsl": "131 53% 16%",
"--lime-0-hsl": "79 81% 94%",
"--lime-1-hsl": "80 83% 88%",
"--lime-2-hsl": "81 81% 80%",
"--lime-3-hsl": "82 75% 69%",
"--lime-4-hsl": "83 73% 59%",
"--lime-5-hsl": "84 69% 51%",
"--lime-6-hsl": "85 74% 45%",
"--lime-7-hsl": "85 79% 40%",
"--lime-8-hsl": "86 84% 36%",
"--lime-9-hsl": "85 84% 32%",
"--lime-10-hsl": "85 83% 26%",
"--lime-11-hsl": "85 83% 21%",
"--lime-12-hsl": "85 84% 15%",
"--yellow-0-hsl": "50 100% 93%",
"--yellow-1-hsl": "49 100% 87%",
"--yellow-2-hsl": "49 100% 80%",
"--yellow-3-hsl": "48 100% 70%",
"--yellow-4-hsl": "47 100% 62%",
"--yellow-5-hsl": "45 97% 54%",
"--yellow-6-hsl": "42 96% 50%",
"--yellow-7-hsl": "39 100% 48%",
"--yellow-8-hsl": "35 100% 47%",
"--yellow-9-hsl": "31 100% 45%",
"--yellow-10-hsl": "31 100% 35%",
"--yellow-11-hsl": "31 100% 25%",
"--yellow-12-hsl": "31 100% 20%",
"--orange-0-hsl": "34 100% 95%",
"--orange-1-hsl": "33 100% 90%",
"--orange-2-hsl": "33 100% 83%",
"--orange-3-hsl": "32 100% 74%",
"--orange-4-hsl": "31 100% 65%",
"--orange-5-hsl": "29 100% 58%",
"--orange-6-hsl": "27 98% 54%",
"--orange-7-hsl": "24 94% 50%",
"--orange-8-hsl": "21 90% 48%",
"--orange-9-hsl": "17 87% 45%",
"--orange-10-hsl": "17 87% 40%",
"--orange-11-hsl": "17 87% 32%",
"--orange-12-hsl": "17 87% 27%",
"--choco-0-hsl": "48 100% 93%",
"--choco-1-hsl": "35 91% 86%",
"--choco-2-hsl": "30 85% 79%",
"--choco-3-hsl": "27 80% 72%",
"--choco-4-hsl": "25 75% 65%",
"--choco-5-hsl": "25 71% 57%",
"--choco-6-hsl": "25 70% 49%",
"--choco-7-hsl": "25 75% 42%",
"--choco-8-hsl": "25 75% 37%",
"--choco-9-hsl": "25 76% 31%",
"--choco-10-hsl": "25 71% 26%",
"--choco-11-hsl": "25 66% 21%",
"--choco-12-hsl": "25 65% 15%",
"--brown-0-hsl": "36 60% 95%",
"--brown-1-hsl": "32 44% 87%",
"--brown-2-hsl": "28 40% 80%",
"--brown-3-hsl": "28 38% 72%",
"--brown-4-hsl": "27 36% 65%",
"--brown-5-hsl": "28 34% 57%",
"--brown-6-hsl": "28 32% 50%",
"--brown-7-hsl": "28 35% 43%",
"--brown-8-hsl": "28 38% 37%",
"--brown-9-hsl": "27 42% 31%",
"--brown-10-hsl": "25 48% 25%",
"--brown-11-hsl": "23 58% 19%",
"--brown-12-hsl": "22 57% 16%",
"--sand-0-hsl": "200 27% 98%",
"--sand-1-hsl": "48 17% 88%",
"--sand-2-hsl": "45 22% 79%",
"--sand-3-hsl": "44 22% 69%",
"--sand-4-hsl": "44 17% 62%",
"--sand-5-hsl": "44 14% 54%",
"--sand-6-hsl": "42 14% 46%",
"--sand-7-hsl": "43 16% 39%",
"--sand-8-hsl": "41 15% 32%",
"--sand-9-hsl": "43 14% 26%",
"--sand-10-hsl": "44 11% 20%",
"--sand-11-hsl": "60 6% 14%",
"--sand-12-hsl": "60 6% 7%",
"--camo-0-hsl": "66 71% 95%",
"--camo-1-hsl": "64 69% 77%",
"--camo-2-hsl": "65 69% 59%",
"--camo-3-hsl": "65 61% 51%",
"--camo-4-hsl": "63 61% 46%",
"--camo-5-hsl": "60 62% 41%",
"--camo-6-hsl": "59 65% 36%",
"--camo-7-hsl": "56 67% 33%",
"--camo-8-hsl": "54 70% 29%",
"--camo-9-hsl": "54 69% 25%",
"--camo-10-hsl": "53 69% 22%",
"--camo-11-hsl": "53 69% 18%",
"--camo-12-hsl": "52 69% 13%",
"--jungle-0-hsl": "74 98% 84%",
"--jungle-1-hsl": "74 79% 78%",
"--jungle-2-hsl": "74 68% 71%",
"--jungle-3-hsl": "75 62% 65%",
"--jungle-4-hsl": "74 56% 59%",
"--jungle-5-hsl": "74 53% 53%",
"--jungle-6-hsl": "74 55% 47%",
"--jungle-7-hsl": "74 66% 42%",
"--jungle-8-hsl": "74 79% 36%",
"--jungle-9-hsl": "73 90% 32%",
"--jungle-10-hsl": "73 91% 26%",
"--jungle-11-hsl": "73 91% 21%",
"--jungle-12-hsl": "73 90% 16%",
"--font-sans": "system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif",
"--font-serif": "ui-serif,serif",
"--font-mono": "Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace",
"--font-weight-1": "100",
"--font-weight-2": "200",
"--font-weight-3": "300",
"--font-weight-4": "400",
"--font-weight-5": "500",
"--font-weight-6": "600",
"--font-weight-7": "700",
"--font-weight-8": "800",
"--font-weight-9": "900",
"--font-lineheight-00": ".95",
"--font-lineheight-0": "1.1",
"--font-lineheight-1": "1.25",
"--font-lineheight-2": "1.375",
"--font-lineheight-3": "1.5",
"--font-lineheight-4": "1.75",
"--font-lineheight-5": "2",
"--font-letterspacing-0": "-.05em",
"--font-letterspacing-1": ".025em",
"--font-letterspacing-2": ".050em",
"--font-letterspacing-3": ".075em",
"--font-letterspacing-4": ".150em",
"--font-letterspacing-5": ".500em",
"--font-letterspacing-6": ".750em",
"--font-letterspacing-7": "1em",
"--font-size-00": ".5rem",
"--font-size-0": ".75rem",
"--font-size-1": "1rem",
"--font-size-2": "1.1rem",
"--font-size-3": "1.25rem",
"--font-size-4": "1.5rem",
"--font-size-5": "2rem",
"--font-size-6": "2.5rem",
"--font-size-7": "3rem",
"--font-size-8": "3.5rem",
"--font-size-fluid-0": "clamp(.75rem, 2vw, 1rem)",
"--font-size-fluid-1": "clamp(1rem, 4vw, 1.5rem)",
"--font-size-fluid-2": "clamp(1.5rem, 6vw, 2.5rem)",
"--font-size-fluid-3": "clamp(2rem, 9vw, 3.5rem)",
"--border-size-1": "1px",
"--border-size-2": "2px",
"--border-size-3": "5px",
"--border-size-4": "10px",
"--border-size-5": "25px",
"--radius-1": "2px",
"--radius-2": "5px",
"--radius-3": "1rem",
"--radius-4": "2rem",
"--radius-5": "4rem",
"--radius-6": "8rem",
"--radius-round": "1e5px",
"--radius-blob-1": "30% 70% 70% 30% / 53% 30% 70% 47%",
"--radius-blob-2": "53% 47% 34% 66% / 63% 46% 54% 37%",
"--radius-blob-3": "37% 63% 56% 44% / 49% 56% 44% 51%",
"--radius-blob-4": "63% 37% 37% 63% / 43% 37% 63% 57%",
"--radius-blob-5": "49% 51% 48% 52% / 57% 44% 56% 43%",
"--radius-conditional-1": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1))",
"--radius-conditional-2": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2))",
"--radius-conditional-3": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3))",
"--radius-conditional-4": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4))",
"--radius-conditional-5": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5))",
"--radius-conditional-6": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6))",
"--ratio-square": "1",
"--ratio-landscape": "4/3",
"--ratio-portrait": "3/4",
"--ratio-widescreen": "16/9",
"--ratio-ultrawide": "18/5",
"--ratio-golden": "1.6180/1",
"--ease-1": "cubic-bezier(.25, 0, .5, 1)",
"--ease-2": "cubic-bezier(.25, 0, .4, 1)",
"--ease-3": "cubic-bezier(.25, 0, .3, 1)",
"--ease-4": "cubic-bezier(.25, 0, .2, 1)",
"--ease-5": "cubic-bezier(.25, 0, .1, 1)",
"--ease-in-1": "cubic-bezier(.25, 0, 1, 1)",
"--ease-in-2": "cubic-bezier(.50, 0, 1, 1)",
"--ease-in-3": "cubic-bezier(.70, 0, 1, 1)",
"--ease-in-4": "cubic-bezier(.90, 0, 1, 1)",
"--ease-in-5": "cubic-bezier(1, 0, 1, 1)",
"--ease-out-1": "cubic-bezier(0, 0, .75, 1)",
"--ease-out-2": "cubic-bezier(0, 0, .50, 1)",
"--ease-out-3": "cubic-bezier(0, 0, .3, 1)",
"--ease-out-4": "cubic-bezier(0, 0, .1, 1)",
"--ease-out-5": "cubic-bezier(0, 0, 0, 1)",
"--ease-in-out-1": "cubic-bezier(.1, 0, .9, 1)",
"--ease-in-out-2": "cubic-bezier(.3, 0, .7, 1)",
"--ease-in-out-3": "cubic-bezier(.5, 0, .5, 1)",
"--ease-in-out-4": "cubic-bezier(.7, 0, .3, 1)",
"--ease-in-out-5": "cubic-bezier(.9, 0, .1, 1)",
"--ease-elastic-1": "cubic-bezier(.5, .75, .75, 1.25)",
"--ease-elastic-2": "cubic-bezier(.5, 1, .75, 1.25)",
"--ease-elastic-3": "cubic-bezier(.5, 1.25, .75, 1.25)",
"--ease-elastic-4": "cubic-bezier(.5, 1.5, .75, 1.25)",
"--ease-elastic-5": "cubic-bezier(.5, 1.75, .75, 1.25)",
"--ease-squish-1": "cubic-bezier(.5, -.1, .1, 1.5)",
"--ease-squish-2": "cubic-bezier(.5, -.3, .1, 1.5)",
"--ease-squish-3": "cubic-bezier(.5, -.5, .1, 1.5)",
"--ease-squish-4": "cubic-bezier(.5, -.7, .1, 1.5)",
"--ease-squish-5": "cubic-bezier(.5, -.9, .1, 1.5)",
"--ease-step-1": "steps(2)",
"--ease-step-2": "steps(3)",
"--ease-step-3": "steps(4)",
"--ease-step-4": "steps(7)",
"--ease-step-5": "steps(10)",
"--squircle-1": "url(\"data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 18.75 18.75, 0 75, 0 S 150, 18.75 150, 75 131.25, 150 75, 150 0, 131.25 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E\")",
"--squircle-2": "url(\"data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 13.500000000000004 13.500000000000004, 0 75, 0 S 150, 13.500000000000004 150, 75 136.5, 150 75, 150 0, 136.5 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E\")",
"--squircle-3": "url(\"data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 5.999999999999997 5.999999999999997, 0 75, 0 S 150, 5.999999999999997 150, 75 144, 150 75, 150 0, 144 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E\")",
"--gradient-1": "linear-gradient(to bottom right,#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)",
"--gradient-2": "linear-gradient(to bottom right,#48005c, #8300e2, #a269ff)",
"--gradient-3": "\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-4": "linear-gradient(to bottom right,#00F5A0,#00D9F5)",
"--gradient-5": "conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite)",
"--gradient-6": "conic-gradient(from -90deg at top left, black, white)",
"--gradient-7": "linear-gradient(to bottom right,#72C6EF,#004E8F)",
"--gradient-8": "conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111)",
"--gradient-9": "conic-gradient(from .5turn at bottom center, lightblue, white)",
"--gradient-10": "conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)",
"--gradient-11": "conic-gradient(at bottom left, deeppink, cyan)",
"--gradient-12": "conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)",
"--gradient-13": "radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)",
"--gradient-14": "conic-gradient(at top right, lime, cyan)",
"--gradient-15": "linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7)",
"--gradient-16": "radial-gradient(circle at 50% -250%, #374151, #111827, #000)",
"--gradient-17": "conic-gradient(from -90deg at 50% -25%, blue, blueviolet)",
"--gradient-18": "\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-19": "linear-gradient(to bottom right,#ffe259,#ffa751)",
"--gradient-20": "conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4)",
"--gradient-21": "conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff)",
"--gradient-22": "linear-gradient(to bottom right,#acb6e5,#86fde8)",
"--gradient-23": "linear-gradient(to bottom right,#536976,#292E49)",
"--gradient-24": "conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476)",
"--gradient-25": "conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7)",
"--gradient-26": "linear-gradient(to bottom right,#9796f0,#fbc7d4)",
"--gradient-27": "conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple)",
"--gradient-28": "conic-gradient(from -90deg at 50% 105%, white, orchid)",
"--gradient-29": "\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-30": "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 )",
"--noise-1": "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\")",
"--noise-2": "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-3": "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-4": "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-5": "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-filter-1": "contrast(300%) brightness(100%)",
"--noise-filter-2": "contrast(200%) brightness(150%)",
"--noise-filter-3": "contrast(200%) brightness(250%)",
"--noise-filter-4": "contrast(200%) brightness(500%)",
"--noise-filter-5": "contrast(200%) brightness(1000%)",
"--shadow-color": "220 3% 15%",
"--shadow-strength": "1%",
"--shadow-color-@media:dark": "220 40% 2%",
"--shadow-strength-@media:dark": "25%",
"--shadow-1": "0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))",
"--shadow-2": "\n 0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%))",
"--shadow-3": "\n 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))",
"--shadow-4": "\n 0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%))",
"--shadow-5": "\n 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 2px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 10px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 20px 20px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 40px 40px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))",
"--shadow-6": "\n 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)),\n 0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))",
"--inner-shadow-0": "inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))",
"--inner-shadow-1": "inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))",
"--inner-shadow-2": "inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))",
"--inner-shadow-3": "inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))",
"--inner-shadow-4": "inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))",
"--layer-1": 1,
"--layer-2": 2,
"--layer-3": 3,
"--layer-4": 4,
"--layer-5": 5,
"--layer-important": 2147483647,
"--mask-edge-scoop-bottom": "radial-gradient(20px at 50% 100%,#0000 97%,#000) 50% / calc(1.9 * 20px) 100%",
"--mask-edge-scoop-top": "radial-gradient(20px at 50% 0,#0000 97%,#000) 50% / calc(1.9 * 20px) 100%",
"--mask-edge-scoop-vertical": "radial-gradient(20px at 50% 20px,#0000 97%,#000) 50% -20px/ calc(1.9 * 20px) 100%",
"--mask-edge-scoop-left": "radial-gradient(20px at 0 50%,#0000 97%,#000) 50%/ 100% calc(1.9 * 20px)",
"--mask-edge-scoop-right": "radial-gradient(20px at 100% 50%,#0000 97%,#000) 50%/ 100% calc(1.9 * 20px)",
"--mask-edge-scoop-horizontal": "radial-gradient(20px at 20px 50%,#0000 97%,#000) -20px/ 100% calc(1.9 * 20px)",
"--mask-edge-scalloped": "\n radial-gradient(farthest-side,#000 97%,#0000) 0 0 / 20px 20px round,\n linear-gradient(#000 0 0) 50%/calc(100% - 20px) calc(100% - 20px) no-repeat\n ",
"--mask-edge-scalloped-bottom": "\n linear-gradient(to top,#0000 20px,#000 0),\n radial-gradient(20px at top,#000 97%,#0000) bottom / calc(1.9 * 20px) 20px\n ",
"--mask-edge-scalloped-top": "\n linear-gradient(to bottom,#0000 20px,#000 0),\n radial-gradient(20px at bottom,#000 97%,#0000) top / calc(1.9 * 20px) 20px\n ",
"--mask-edge-scalloped-vertical": "\n linear-gradient(0deg,#0000 calc(2 * 20px),#000 0) 0 20px,\n radial-gradient(20px,#000 97%,#0000) 50% / calc(1.9 * 20px) calc(2 * 20px) repeat space\n ",
"--mask-edge-scalloped-left": "\n linear-gradient(to right,#0000 20px,#000 0),\n radial-gradient(20px at right,#000 97%,#0000) left / 20px calc(1.9 * 20px)\n ",
"--mask-edge-scalloped-right": "\n linear-gradient(to left,#0000 20px,#000 0),\n radial-gradient(20px at left,#000 97%,#0000) right / 20px calc(1.9 * 20px)\n ",
"--mask-edge-scalloped-horizontal": "\n linear-gradient(-90deg,#0000 calc(2 * 20px),#000 0) 20px,\n radial-gradient(20px,#000 97%,#0000) 50% / calc(2 * 20px) calc(1.9 * 20px) space repeat\n ",
"--mask-edge-drip-bottom": "\n radial-gradient(20px at bottom,#0000 97%,#000) 50% calc(100% - 20px) / calc(2 * 20px) 100% repeat-x,\n radial-gradient(20px at 25% 50%,#000 97%,#0000) calc(50% - 20px) 99% / calc(4 * 20px) calc(2 * 20px) repeat-x\n ",
"--mask-edge-drip-top": "\n radial-gradient(20px at top,#0000 97%,#000) 50% 20px / calc(2 * 20px) 100% repeat-x,\n radial-gradient(20px at 25% 50%,#000 97%,#0000) calc(50% - 20px) 1% / calc(4 * 20px) calc(2 * 20px) repeat-x\n ",
"--mask-edge-drip-vertical": "\n radial-gradient(20px at top ,#0000 97%,#000) 50% 20px / calc(2 * 20px) 51% repeat-x,\n radial-gradient(20px at bottom,#0000 97%,#000) 50% calc(100% - 20px) / calc(2 * 20px) 51% repeat-x,\n radial-gradient(20px at 25% 50%,#000 97%,#0000) calc(50% - 20px) 1% / calc(4 * 20px) calc(2 * 20px) repeat-x,\n radial-gradient(20px at 25% 50%,#000 97%,#0000) calc(50% - 3*20px) 99% / calc(4 * 20px) calc(2 * 20px) repeat-x\n ",
"--mask-edge-drip-left": "\n radial-gradient(20px at left,#0000 97%,#000) 20px 50% / 100% calc(2 * 20px) repeat-y,\n radial-gradient(20px at 50% 25%,#000 97%,#0000) 1% calc(50% - 20px) / calc(2 * 20px) calc(4 * 20px) repeat-y\n ",
"--mask-edge-drip-right": "\n radial-gradient(20px at right,#0000 97%,#000) calc(100% - 20px) 50% / 100% calc(2 * 20px) repeat-y,\n radial-gradient(20px at 50% 25%,#000 97%,#0000) 99% calc(50% - 20px) / calc(2 * 20px) calc(4 * 20px) repeat-y\n ",
"--mask-edge-drip-horizontal": "\n radial-gradient(20px at left ,#0000 97%,#000) 20px 50% / 51% calc(2 * 20px) repeat-y, \n radial-gradient(20px at right,#0000 97%,#000) calc(100% - 20px) 50% / 51% calc(2 * 20px) repeat-y,\n radial-gradient(20px at 50% 25%,#000 97%,#0000) 1% calc(50% - 20px) / calc(2 * 20px) calc(4 * 20px) repeat-y,\n radial-gradient(20px at 50% 25%,#000 97%,#0000) 99% calc(50% - 3*20px) / calc(2 * 20px) calc(4 * 20px) repeat-y\n ",
"--mask-edge-zig-zag-top": "conic-gradient(from 135deg at top,#0000,#000 1deg 90deg,#0000 91deg) 50% / calc(2 * 20px) 100%",
"--mask-edge-zig-zag-bottom": "conic-gradient(from -45deg at bottom,#0000,#000 1deg 90deg,#0000 91deg) 50% / calc(2 * 20px) 100%",
"--mask-edge-zig-zag-left": "conic-gradient(from 45deg at left,#0000,#000 1deg 90deg,#0000 91deg) 50% / 100% calc(2 * 20px)",
"--mask-edge-zig-zag-right": "conic-gradient(from -135deg at right,#0000,#000 1deg 90deg,#0000 91deg) 50% / 100% calc(2 * 20px)",
"--mask-edge-zig-zag-horizontal": "\n conic-gradient(from 45deg at left ,#0000,#000 1deg 90deg,#0000 91deg) left / 51% calc(2 * 20px) repeat-y,\n conic-gradient(from -135deg at right,#0000,#000 1deg 90deg,#0000 91deg) right / 51% calc(2 * 20px) repeat-y\n ",
"--mask-edge-zig-zag-vertical": "\n conic-gradient(from 135deg at top ,#0000,#000 1deg 90deg,#0000 91deg) top / calc(2 * 20px) 51% repeat-x,\n conic-gradient(from -45deg at bottom,#0000,#000 1deg 90deg,#0000 91deg) bottom / calc(2 * 20px) 51% repeat-x\n ",
"--mask-corner-cut-circles-1": "radial-gradient(1rem at 1rem 1rem,#0000 99%,#000) -1rem -1rem",
"--mask-corner-cut-circles-2": "radial-gradient(2rem at 2rem 2rem,#0000 99%,#000) -2rem -2rem",
"--mask-corner-cut-circles-3": "radial-gradient(4rem at 4rem 4rem,#0000 99%,#000) -4rem -4rem",
"--mask-corner-cut-squares-1": "conic-gradient(at calc(2*1rem) calc(2*1rem),#000 75%,#0000 0) -1rem -1rem",
"--mask-corner-cut-squares-2": "conic-gradient(at calc(2*2rem) calc(2*2rem),#000 75%,#0000 0) -2rem -2rem",
"--mask-corner-cut-squares-3": "conic-gradient(at calc(2*4rem) calc(2*4rem),#000 75%,#0000 0) -4rem -4rem",
"--mask-corner-cut-angles-1": "\n conic-gradient(from -45deg at 1rem 1rem,#0000 25%,#000 0) \n -1rem 0 /100% 51% repeat-x,\n conic-gradient(from 135deg at 1rem calc(100% - 1rem),#0000 25%,#000 0) \n -1rem 100%/100% 51% repeat-x\n ",
"--mask-corner-cut-angles-2": "\n conic-gradient(from -45deg at 2rem 2rem,#0000 25%,#000 0) \n -2rem 0 /100% 51% repeat-x,\n conic-gradient(from 135deg at 2rem calc(100% - 2rem),#0000 25%,#000 0) \n -2rem 100%/100% 51% repeat-x\n ",
"--mask-corner-cut-angles-3": "\n conic-gradient(from -45deg at 4rem 4rem,#0000 25%,#000 0) \n -4rem 0 /100% 51% repeat-x,\n conic-gradient(from 135deg at 4rem calc(100% - 4rem),#0000 25%,#000 0) \n -4rem 100%/100% 51% repeat-x\n ",
"animationFadeIn": "fade-in .5s var(--ease-3)",
"animationFadeIn@": "\n@keyframes fade-in {\n to { opacity: 1 }\n}",
"animationFadeInBloom": "fade-in-bloom 2s var(--ease-3)",
"animationFadeInBloom@": "\n@keyframes fade-in-bloom {\n 0% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(2) blur(10px) }\n100% { opacity: 1; filter: brightness(1) blur(0) }\n}",
"animationFadeInBloom@media:dark": "\n@keyframes fade-in-bloom {\n 0% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(0.5) blur(10px) }\n100% { opacity: 1; filter: brightness(1) blur(0) }\n}",
"animationFadeOut": "fade-out .5s var(--ease-3)",
"animationFadeOut@": "\n@keyframes fade-out {\n to { opacity: 0 }\n}",
"animationFadeOutBloom": "fade-out-bloom 2s var(--ease-3)",
"animationFadeOutBloom@": "\n@keyframes fade-out-bloom {\n100% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(2) blur(10px) }\n 0% { opacity: 1; filter: brightness(1) blur(0) }\n}",
"animationFadeOutBloom@media:dark": "\n@keyframes fade-out-bloom {\n100% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(0.5) blur(10px) }\n 0% { opacity: 1; filter: brightness(1) blur(0) }\n}",
"animationScaleUp": "scale-up .5s var(--ease-3)",
"animationScaleUp@": "\n@keyframes scale-up {\n to { transform: scale(1.25) }\n}",
"animationScaleDown": "scale-down .5s var(--ease-3)",
"animationScaleDown@": "\n@keyframes scale-down {\n to { transform: scale(.75) }\n}",
"animationSlideOutUp": "slide-out-up .5s var(--ease-3)",
"animationSlideOutUp@": "\n@keyframes slide-out-up {\n to { transform: translateY(-100%) }\n}",
"animationSlideOutDown": "slide-out-down .5s var(--ease-3)",
"animationSlideOutDown@": "\n@keyframes slide-out-down {\n to { transform: translateY(100%) }\n}",
"animationSlideOutRight": "slide-out-right .5s var(--ease-3)",
"animationSlideOutRight@": "\n@keyframes slide-out-right {\n to { transform: translateX(100%) }\n}",
"animationSlideOutLeft": "slide-out-left .5s var(--ease-3)",
"animationSlideOutLeft@": "\n@keyframes slide-out-left {\n to { transform: translateX(-100%) }\n}",
"animationSlideInUp": "slide-in-up .5s var(--ease-3)",
"animationSlideInUp@": "\n@keyframes slide-in-up {\n from { transform: translateY(100%) }\n}",
"animationSlideInDown": "slide-in-down .5s var(--ease-3)",
"animationSlideInDown@": "\n@keyframes slide-in-down {\n from { transform: translateY(-100%) }\n}",
"animationSlideInRight": "slide-in-right .5s var(--ease-3)",
"animationSlideInRight@": "\n@keyframes slide-in-right {\n from { transform: translateX(-100%) }\n}",
"animationSlideInLeft": "slide-in-left .5s var(--ease-3)",
"animationSlideInLeft@": "\n@keyframes slide-in-left {\n from { transform: translateX(100%) }\n}",
"animationShakeX": "shake-x .75s var(--ease-out-5)",
"animationShakeX@": "\n@keyframes shake-x {\n 0%, 100% { transform: translateX(0%) }\n 20% { transform: translateX(-5%) }\n 40% { transform: translateX(5%) }\n 60% { transform: translateX(-5%) }\n 80% { transform: translateX(5%) }\n}",
"animationShakeY": "shake-y .75s var(--ease-out-5)",
"animationShakeY@": "\n@keyframes shake-y {\n 0%, 100% { transform: translateY(0%) }\n 20% { transform: translateY(-5%) }\n 40% { transform: translateY(5%) }\n 60% { transform: translateY(-5%) }\n 80% { transform: translateY(5%) }\n}",
"animationSpin": "spin 2s linear infinite",
"animationSpin@": "\n@keyframes spin {\n to { transform: rotate(1turn) }\n}",
"animationPing": "ping 5s var(--ease-out-3) infinite",
"animationPing@": "\n@keyframes ping {\n 90%, 100% {\n transform: scale(2);\n opacity: 0;\n }\n}",
"animationBlink": "blink 1s var(--ease-out-3) infinite",
"animationBlink@": "\n@keyframes blink {\n 0%, 100% {\n opacity: 1\n }\n 50% {\n opacity: .5\n }\n}",
"animationFloat": "float 3s var(--ease-in-out-3) infinite",
"animationFloat@": "\n@keyframes float {\n 50% { transform: translateY(-25%) }\n}",
"animationBounce": "bounce 2s var(--ease-squish-2) infinite",
"animationBounce@": "\n@keyframes bounce {\n 25% { transform: translateY(-20%) }\n 40% { transform: translateY(-3%) }\n 0%, 60%, 100% { transform: translateY(0) }\n}",
"animationPulse": "pulse 2s var(--ease-out-3) infinite",
"animationPulse@": "\n@keyframes pulse {\n 50% { transform: scale(.9,.9) }\n}",
"size000": "-.5rem",
"size00": "-.25rem",
"size1": ".25rem",
"size2": ".5rem",
"size3": "1rem",
"size4": "1.25rem",
"size5": "1.5rem",
"size6": "1.75rem",
"size7": "2rem",
"size8": "3rem",
"size9": "4rem",
"size10": "5rem",
"size11": "7.5rem",
"size12": "10rem",
"size13": "15rem",
"size14": "20rem",
"size15": "30rem",
"sizeFluid1": "clamp(.5rem, 1vw, 1rem)",
"sizeFluid2": "clamp(1rem, 2vw, 1.5rem)",
"sizeFluid3": "clamp(1.5rem, 3vw, 2rem)",
"sizeFluid4": "clamp(2rem, 4vw, 3rem)",
"sizeFluid5": "clamp(4rem, 5vw, 5rem)",
"sizeFluid6": "clamp(5rem, 7vw, 7.5rem)",
"sizeFluid7": "clamp(7.5rem, 10vw, 10rem)",
"sizeFluid8": "clamp(10rem, 20vw, 15rem)",
"sizeFluid9": "clamp(15rem, 30vw, 20rem)",
"sizeFluid10": "clamp(20rem, 40vw, 30rem)",
"sizeContent1": "20ch",
"sizeContent2": "45ch",
"sizeContent3": "60ch",
"sizeHeader1": "20ch",
"sizeHeader2": "25ch",
"sizeHeader3": "35ch",
"sizeXxs": "240px",
"sizeXs": "360px",
"sizeSm": "480px",
"sizeMd": "768px",
"sizeLg": "1024px",
"sizeXl": "1440px",
"sizeXxl": "1920px",
"gray0": "#f8f9fa",
"gray1": "#f1f3f5",
"gray2": "#e9ecef",
"gray3": "#dee2e6",
"gray4": "#ced4da",
"gray5": "#adb5bd",
"gray6": "#868e96",
"gray7": "#495057",
"gray8": "#343a40",
"gray9": "#212529",
"gray10": "#16191d",
"gray11": "#0d0f12",
"gray12": "#030507",
"stone0": "#f8fafb",
"stone1": "#f2f4f6",
"stone2": "#ebedef",
"stone3": "#e0e4e5",
"stone4": "#d1d6d8",
"stone5": "#b1b6b9",
"stone6": "#979b9d",
"stone7": "#7e8282",
"stone8": "#666968",
"stone9": "#50514f",
"stone10": "#3a3a37",
"stone11": "#252521",
"stone12": "#121210",
"red0": "#fff5f5",
"red1": "#ffe3e3",
"red2": "#ffc9c9",
"red3": "#ffa8a8",
"red4": "#ff8787",
"red5": "#ff6b6b",
"red6": "#fa5252",
"red7": "#f03e3e",
"red8": "#e03131",
"red9": "#c92a2a",
"red10": "#b02525",
"red11": "#962020",
"red12": "#7d1a1a",
"pink0": "#fff0f6",
"pink1": "#ffdeeb",
"pink2": "#fcc2d7",
"pink3": "#faa2c1",
"pink4": "#f783ac",
"pink5": "#f06595",
"pink6": "#e64980",
"pink7": "#d6336c",
"pink8": "#c2255c",
"pink9": "#a61e4d",
"pink10": "#8c1941",
"pink11": "#731536",
"pink12": "#59102a",
"purple0": "#f8f0fc",
"purple1": "#f3d9fa",
"purple2": "#eebefa",
"purple3": "#e599f7",
"purple4": "#da77f2",
"purple5": "#cc5de8",
"purple6": "#be4bdb",
"purple7": "#ae3ec9",
"purple8": "#9c36b5",
"purple9": "#862e9c",
"purple10": "#702682",
"purple11": "#5a1e69",
"purple12": "#44174f",
"violet0": "#f3f0ff",
"violet1": "#e5dbff",
"violet2": "#d0bfff",
"violet3": "#b197fc",
"violet4": "#9775fa",
"violet5": "#845ef7",
"violet6": "#7950f2",
"violet7": "#7048e8",
"violet8": "#6741d9",
"violet9": "#5f3dc4",
"violet10": "#5235ab",
"violet11": "#462d91",
"violet12": "#3a2578",
"indigo0": "#edf2ff",
"indigo1": "#dbe4ff",
"indigo2": "#bac8ff",
"indigo3": "#91a7ff",
"indigo4": "#748ffc",
"indigo5": "#5c7cfa",
"indigo6": "#4c6ef5",
"indigo7": "#4263eb",
"indigo8": "#3b5bdb",
"indigo9": "#364fc7",
"indigo10": "#2f44ad",
"indigo11": "#283a94",
"indigo12": "#21307a",
"blue0": "#e7f5ff",
"blue1": "#d0ebff",
"blue2": "#a5d8ff",
"blue3": "#74c0fc",
"blue4": "#4dabf7",
"blue5": "#339af0",
"blue6": "#228be6",
"blue7": "#1c7ed6",
"blue8": "#1971c2",
"blue9": "#1864ab",
"blue10": "#145591",
"blue11": "#114678",
"blue12": "#0d375e",
"cyan0": "#e3fafc",
"cyan1": "#c5f6fa",
"cyan2": "#99e9f2",
"cyan3": "#66d9e8",
"cyan4": "#3bc9db",
"cyan5": "#22b8cf",
"cyan6": "#15aabf",
"cyan7": "#1098ad",
"cyan8": "#0c8599",
"cyan9": "#0b7285",
"cyan10": "#095c6b",
"cyan11": "#074652",
"cyan12": "#053038",
"teal0": "#e6fcf5",
"teal1": "#c3fae8",
"teal2": "#96f2d7",
"teal3": "#63e6be",
"teal4": "#38d9a9",
"teal5": "#20c997",
"teal6": "#12b886",
"teal7": "#0ca678",
"teal8": "#099268",
"teal9": "#087f5b",
"teal10": "#066649",
"teal11": "#054d37",
"teal12": "#033325",
"green0": "#ebfbee",
"green1": "#d3f9d8",
"green2": "#b2f2bb",
"green3": "#8ce99a",
"green4": "#69db7c",
"green5": "#51cf66",
"green6": "#40c057",
"green7": "#37b24d",
"green8": "#2f9e44",
"green9": "#2b8a3e",
"green10":