$token: ( breakpoint-sm: 640px, breakpoint-md: 768px, breakpoint-lg: 1024px, breakpoint-xl: 1280px, breakpoint-xxl: 1536px, color-neutral-0: #ffffff, color-neutral-10: #fcfcfc, color-neutral-20: #f9f9f9, color-neutral-30: #f6f6f6, color-neutral-40: #f1f1f1, color-neutral-50: #eeeeee, color-neutral-60: #ededed, color-neutral-70: #e8e8e8, color-neutral-80: #e6e6e6, color-neutral-90: #e5e5e5, color-neutral-100: #dfdfdf, color-neutral-200: #c4c4c4, color-neutral-300: #a8a8a8, color-neutral-400: #8b8b8b, color-neutral-500: #707070, color-neutral-600: #545454, color-neutral-700: #404040, color-neutral-800: #292929, color-neutral-900: #1a1a1a, color-neutral-950: #040404, color-blue-10: #fafcff, color-blue-50: #e6f1ff, color-blue-100: #cce3ff, color-blue-200: #9ecaff, color-blue-300: #70b1ff, color-blue-400: #3d95ff, color-blue-500: #1a82ff, color-blue-600: #0265dc, color-blue-700: #1d4ca3, color-blue-800: #003472, color-blue-900: #002047, color-blue-950: #000b19, color-red-10: #fffbfa, color-red-50: #ffe9e5, color-red-100: #ffd4cc, color-red-200: #ffac9e, color-red-300: #ff8670, color-red-400: #ff5b3d, color-red-500: #ff3914, color-red-600: #d62100, color-red-700: #a31900, color-red-800: #731100, color-red-900: #470b00, color-red-950: #0a0200, color-green-10: #f5fefb, color-green-50: #d3fded, color-green-100: #b8f5dd, color-green-200: #70ebbc, color-green-300: #3be3a2, color-green-400: #0bd085, color-green-500: #0aa86c, color-green-600: #077e50, color-green-700: #05613e, color-green-800: #04482e, color-green-900: #022c1c, color-green-950: #010f0a, color-blue-grey-10: #f7f9fa, color-blue-grey-50: #e9eef2, color-blue-grey-100: #dce4ea, color-blue-grey-200: #b9c9d5, color-blue-grey-300: #99b1c2, color-blue-grey-400: #7899b0, color-blue-grey-500: #55768e, color-blue-grey-600: #445e71, color-blue-grey-700: #344856, color-blue-grey-800: #24333d, color-blue-grey-900: #192329, color-blue-grey-950: #090d10, color-orange-10: #fff8f1, color-orange-50: #ffecd6, color-orange-100: #ffddb7, color-orange-200: #ffc07a, color-orange-300: #ffa037, color-orange-400: #e37700, color-orange-500: #c16500, color-orange-600: #964f00, color-orange-700: #693700, color-orange-800: #4d2800, color-orange-900: #2e1900, color-orange-950: #140b00, color-cyan-10: #f2fcfe, color-cyan-50: #daf7fc, color-cyan-100: #c2f2fb, color-cyan-200: #7fe5f6, color-cyan-300: #45d8f2, color-cyan-400: #10c2e2, color-cyan-500: #0da2bd, color-cyan-600: #0a7a8e, color-cyan-700: #075563, color-cyan-800: #05424d, color-cyan-900: #032025, color-cyan-950: #011013, color-purple-10: #fcfbfe, color-purple-50: #eeecf9, color-purple-100: #e7e4f6, color-purple-200: #c9c2eb, color-purple-300: #b1a7e2, color-purple-400: #9688d7, color-purple-500: #7766cc, color-purple-600: #5c47c2, color-purple-700: #3f2f8e, color-purple-800: #2e2267, color-purple-900: #191338, color-purple-950: #100c25, color-magenta-10: #fefbfd, color-magenta-50: #fae6f3, color-magenta-100: #f8ddef, color-magenta-200: #efb3db, color-magenta-300: #e892cc, color-magenta-400: #eb61be, color-magenta-500: #d741a6, color-magenta-600: #be288d, color-magenta-700: #831b60, color-magenta-800: #591342, color-magenta-900: #26081c, color-magenta-950: #15040f, color-mauves-10: #fffbfa, color-mauves-50: #fff7f5, color-mauves-100: #fff4f0, color-mauves-200: #ffe4db, color-mauves-300: #ffd1c2, color-mauves-400: #ffaf94, color-mauves-500: #ffa78a, color-mauves-600: #d88569, color-mauves-700: #d27151, color-mauves-800: #823a21, color-mauves-900: #411d11, color-mauves-950: #200e08, color-lime-10: #fdfdfc, color-lime-50: #eaf0db, color-lime-100: #e3eccf, color-lime-200: #c3d595, color-lime-300: #a8c26a, color-lime-400: #8aad39, color-lime-500: #6b9013, color-lime-600: #56750b, color-lime-700: #3a5007, color-lime-800: #2a3a03, color-lime-900: #111801, color-lime-950: #0a0f01, color-yellow-10: #fffef8, color-yellow-50: #fffcf0, color-yellow-100: #fff9e2, color-yellow-200: #fff0b1, color-yellow-300: #ffe278, color-yellow-400: #ffc902, color-yellow-500: #ffbe00, color-yellow-600: #de9500, color-yellow-700: #c98600, color-yellow-800: #704b00, color-yellow-900: #382500, color-yellow-950: #191100, color-brown-10: #fefcfb, color-brown-50: #f1e3da, color-brown-100: #eddace, color-brown-200: #e1c1ad, color-brown-300: #d4a487, color-brown-400: #c5855e, color-brown-500: #a9663d, color-brown-600: #74462a, color-brown-700: #5e3922, color-brown-800: #432918, color-brown-900: #1e120b, color-brown-950: #0c0704, duration-default: 200ms, duration-instant: 0ms, duration-fast: 100ms, duration-slow: 300ms, font-family-base: "'Nunito Sans', sans-serif", font-family-display: "'Sofia Pro', SofiaPro, sans-serif", font-line-height-base: 1.5, font-line-height-display: 1.25, font-weight-normal: 400, font-weight-semibold: 600, font-weight-bold: 700, font-size-100: 0.625rem, font-size-200: 0.75rem, font-size-300: 0.875rem, font-size-400: 1rem, font-size-500: 1.25rem, font-size-600: 1.5rem, font-size-700: 1.75rem, font-size-800: 2rem, font-size-900: 2.25rem, radius-0: 0rem, radius-1: 0.1875rem, radius-2: 0.375rem, radius-3: 0.5625rem, radius-4: 0.75rem, radius-5: 0.9375rem, radius-6: 1.125rem, radius-7: 1.3125rem, radius-8: 1.5rem, size-0: 0rem, size-1: 0.25rem, size-2: 0.5rem, size-3: 0.75rem, size-4: 1rem, size-5: 1.25rem, size-6: 1.5rem, size-7: 1.75rem, size-8: 2rem, size-9: 2.25rem, size-10: 2.5rem, size-11: 2.75rem, size-12: 3rem, size-13: 3.25rem, size-14: 3.5rem, size-quarter: 0.0625rem, size-half: 0.125rem, transition-ease: "cubic-bezier(.4, 0, .2, 1)", transition-ease-in: "cubic-bezier(.4, 0, 1, 1)", transition-ease-out: "cubic-bezier(0, 0, .4, 1)", transition-ease-in-out: "cubic-bezier(.4, 0, .6, 1)", );