:root { --base-50: #fafafa; --base-100: #f5f5f5; --base-200: #e5e5e5; --base-300: #d4d4d4; --base-400: #a1a1a1; --base-500: #737373; --base-600: #525252; --base-700: #404040; --base-800: #262626; --base-900: #171717; --base-950: #0a0a0a; --white: #ffffff; --black: #000000; --primary: #ed193a; --secondary: #58585b; --tertiary: #e6e7e8;}.bg-base-50 { background-color: var(--base-50); }.text-base-50 { color: var(--base-50); }.stroke-base-50 { stroke: var(--base-50); }.fill-base-50 { fill: var(--base-50); }.border-base-50 { border-color: var(--base-50); }.outline-base-50 { outline-color: var(--base-50); }.bg-base-100 { background-color: var(--base-100); }.text-base-100 { color: var(--base-100); }.border-base-100 { border-color: var(--base-100); }.outline-base-100 { outline-color: var(--base-100); }.fill-base-100 { fill: var(--base-100); }.stroke-base-100 { stroke: var(--base-100); }.bg-base-200 { background-color: var(--base-200); }.text-base-200 { color: var(--base-200); }.stroke-base-200 { stroke: var(--base-200); }.fill-base-200 { fill: var(--base-200); }.outline-base-200 { outline-color: var(--base-200); }.border-base-200 { border-color: var(--base-200); }.bg-base-300 { background-color: var(--base-300); }.text-base-300 { color: var(--base-300); }.border-base-300 { border-color: var(--base-300); }.stroke-base-300 { stroke: var(--base-300); }.fill-base-300 { fill: var(--base-300); }.outline-base-300 { outline-color: var(--base-300); }.bg-base-400 { background-color: var(--base-400); }.text-base-400 { color: var(--base-400); }.stroke-base-400 { stroke: var(--base-400); }.fill-base-400 { fill: var(--base-400); }.outline-base-400 { outline-color: var(--base-400); }.border-base-400 { border-color: var(--base-400); }.bg-base-500 { background-color: var(--base-500); }.text-base-500 { color: var(--base-500); }.stroke-base-500 { stroke: var(--base-500); }.fill-base-500 { fill: var(--base-500); }.outline-base-500 { outline-color: var(--base-500); }.border-base-500 { border-color: var(--base-500); }.bg-base-600 { background-color: var(--base-600); }.text-base-600 { color: var(--base-600); }.stroke-base-600 { stroke: var(--base-600); }.fill-base-600 { fill: var(--base-600); }.outline-base-600 { outline-color: var(--base-600); }.border-base-600 { border-color: var(--base-600); }.bg-base-700 { background-color: var(--base-700); }.text-base-700 { color: var(--base-700); }.border-base-700 { border-color: var(--base-700); }.stroke-base-700 { stroke: var(--base-700); }.fill-base-700 { fill: var(--base-700); }.outline-base-700 { outline-color: var(--base-700); }.bg-base-800 { background-color: var(--base-800); }.text-base-800 { color: var(--base-800); }.border-base-800 { border-color: var(--base-800); }.outline-base-800 { outline-color: var(--base-800); }.fill-base-800 { fill: var(--base-800); }.stroke-base-800 { stroke: var(--base-800); }.text-base-900 { color: var(--base-900); }.bg-base-900 { background-color: var(--base-900); }.stroke-base-900 { stroke: var(--base-900); }.fill-base-900 { fill: var(--base-900); }.outline-base-900 { outline-color: var(--base-900); }.border-base-900 { border-color: var(--base-900); }.bg-base-950 { background-color: var(--base-950); }.text-base-950 { color: var(--base-950); }.stroke-base-950 { stroke: var(--base-950); }.fill-base-950 { fill: var(--base-950); }.outline-base-950 { outline-color: var(--base-950); }.border-base-950 { border-color: var(--base-950); }.bg-white { background-color: var(--white); }.text-white { color: var(--white); }.border-white { border-color: var(--white); }.outline-white { outline-color: var(--white); }.fill-white { fill: var(--white); }.stroke-white { stroke: var(--white); }.bg-black { background-color: var(--black); }.text-black { color: var(--black); }.border-black { border-color: var(--black); }.outline-black { outline-color: var(--black); }.fill-black { fill: var(--black); }.stroke-black { stroke: var(--black); }