html { font-size: 62.5%; } html.cf-theme-dark { color-scheme: dark; } :root, :root.cf-theme-dark .theme-inverted { --purple: #AE0041; --purple-5: #ae00410d; --purple-10: #ae00411a; --purple-20: #ae004133; --purple-30: #ae00414d; --purple-40: #ae004166; --purple-50: #ae004180; --purple-60: #ae004199; --purple-70: #ae0041b3; --purple-80: #ae0041cc; --purple-90: #ae0041e6; --purple-d-1: #891035; --purple-d-2: #661529; --purple-d-3: #45141d; --purple-d-4: #260f12; --purple-l-1: #c44d63; --purple-l-2: #d77c87; --purple-l-3: #e7a7ad; --purple-l-4: #f5d3d5; --blue-dark: #002645; --blue-dark-5: #0026450d; --blue-dark-10: #0026451a; --blue-dark-20: #00264533; --blue-dark-30: #0026454d; --blue-dark-40: #00264566; --blue-dark-50: #00264580; --blue-dark-60: #00264599; --blue-dark-70: #002645b3; --blue-dark-80: #002645cc; --blue-dark-90: #002645e6; --blue-dark-d-1: #062038; --blue-dark-d-2: #0a1a2b; --blue-dark-d-3: #0a131f; --blue-dark-d-4: #050b13; --blue-dark-l-1: #374b67; --blue-dark-l-2: #66748b; --blue-dark-l-3: #97a0b0; --blue-dark-l-4: #cacfd7; --blue-light: #1555B0; --blue-light-5: #1555b00d; --blue-light-10: #1555b01a; --blue-light-20: #1555b033; --blue-light-30: #1555b04d; --blue-light-40: #1555b066; --blue-light-50: #1555b080; --blue-light-60: #1555b099; --blue-light-70: #1555b0b3; --blue-light-80: #1555b0cc; --blue-light-90: #1555b0e6; --blue-light-d-1: #1b448a; --blue-light-d-2: #1b3466; --blue-light-d-3: #182444; --blue-light-d-4: #121625; --blue-light-l-1: #5774c0; --blue-light-l-2: #8494d0; --blue-light-l-3: #aeb7e0; --blue-light-l-4: #d6daf0; --blue-gray: #507A9F; --cyan: #37B1BF; --cyan-5: #37b1bf0d; --cyan-10: #37b1bf1a; --cyan-20: #37b1bf33; --cyan-30: #37b1bf4d; --cyan-40: #37b1bf66; --cyan-50: #37b1bf80; --cyan-60: #37b1bf99; --cyan-70: #37b1bfb3; --cyan-80: #37b1bfcc; --cyan-90: #37b1bfe6; --cyan-d-1: #318b95; --cyan-d-2: #2a666e; --cyan-d-3: #204449; --cyan-d-4: #162527; --cyan-l-1: #6cc1cc; --cyan-l-2: #94d0d8; --cyan-l-3: #b9e0e5; --cyan-l-4: #dceff2; --green: #108685; --green-5: #1086850d; --green-10: #1086851a; --green-20: #10868533; --green-30: #1086854d; --green-40: #10868566; --green-50: #10868580; --green-60: #10868599; --green-70: #108685b3; --green-80: #108685cc; --green-90: #108685e6; --green-d-1: #186a69; --green-d-2: #194f4e; --green-d-3: #163635; --green-d-4: #111e1e; --green-l-1: #539e9c; --green-l-2: #80b6b4; --green-l-3: #abcecc; --green-l-4: #d5e6e5; --yellow: #db9e14; --yellow-5: #db9e140d; --yellow-10: #db9e141a; --yellow-20: #db9e1433; --yellow-30: #db9e144d; --yellow-40: #db9e1466; --yellow-50: #db9e1480; --yellow-60: #db9e1499; --yellow-70: #db9e14b3; --yellow-80: #db9e14cc; --yellow-90: #db9e14e6; --yellow-d-1: #ab7c18; --yellow-d-2: #7e5c18; --yellow-d-3: #543e15; --yellow-d-4: #2c220f; --yellow-l-1: #e6b14f; --yellow-l-2: #efc47c; --yellow-l-3: #f7d7a7; --yellow-l-4: #fcebd3; --magenta: #894B69; --grey-dark: #292929; --grey-dark: #CCCCCC; --grey-light: #E8EDF5; --bg-body: hsla(0, 0%, 90%, 1); --bg-surface: hsla(0, 0%, 100%, 1); --text-body: hsla(0, 0%, 25%, 1); --text-title: #292929; --border-primary: hsla(0, 0%, 50%, 0.25); --shadow-primary: hsla(0, 0%, 0%, 0.15); --light: hsl(85, 0%, 100%); --light-5: hsla(0, 0%, 100%, 0.05); --light-10: hsla(0, 0%, 100%, 0.1); --light-20: hsla(0, 0%, 100%, 0.2); --light-30: hsla(0, 0%, 100%, 0.3); --light-40: hsla(0, 0%, 100%, 0.4); --light-50: hsla(0, 0%, 100%, 0.5); --light-60: hsla(0, 0%, 100%, 0.6); --light-70: hsla(0, 0%, 100%, 0.7); --light-80: hsla(0, 0%, 100%, 0.8); --light-90: hsla(0, 0%, 100%, 0.9); --dark: hsla(0, 0%, 0%, 1); --dark-5: hsla(0, 0%, 0%, 0.05); --dark-10: hsla(0, 0%, 0%, 0.1); --dark-20: hsla(0, 0%, 0%, 0.2); --dark-30: hsla(0, 0%, 0%, 0.3); --dark-40: hsla(0, 0%, 0%, 0.4); --dark-50: hsla(0, 0%, 0%, 0.5); --dark-60: hsla(0, 0%, 0%, 0.6); --dark-70: hsla(0, 0%, 0%, 0.7); --dark-80: hsla(0, 0%, 0%, 0.8); --dark-90: hsla(0, 0%, 0%, 0.9); --success: #00a550; --success-5: hsla(149, 100%, 32%, 0.05); --success-10: hsla(149, 100%, 32%, 0.1); --success-20: hsla(149, 100%, 32%, 0.2); --success-30: hsla(149, 100%, 32%, 0.3); --success-40: hsla(149, 100%, 32%, 0.4); --success-50: hsla(149, 100%, 32%, 0.5); --success-60: hsla(149, 100%, 32%, 0.6); --success-70: hsla(149, 100%, 32%, 0.7); --success-80: hsla(149, 100%, 32%, 0.8); --success-90: hsla(149, 100%, 32%, 0.9); --error: hsl(351, 95%, 56%); --error-5: hsla(351, 95%, 56%, 0.05); --error-10: hsla(351, 95%, 56%, 0.1); --error-20: hsla(351, 95%, 56%, 0.2); --error-30: hsla(351, 95%, 56%, 0.3); --error-40: hsla(351, 95%, 56%, 0.4); --error-50: hsla(351, 95%, 56%, 0.5); --error-60: hsla(351, 95%, 56%, 0.6); --error-70: hsla(351, 95%, 56%, 0.7); --error-80: hsla(351, 95%, 56%, 0.8); --error-90: hsla(351, 95%, 56%, 0.9); --space-3xs: clamp(0.66rem, calc(0.03vw + 0.65rem), 0.7rem); --space-2xs: clamp(0.82rem, calc(0.1vw + 0.79rem), 0.99rem); --space-xs: clamp(1.02rem, calc(0.22vw + 0.95rem), 1.4rem); --space-s: clamp(1.28rem, calc(0.42vw + 1.15rem), 1.98rem); --space-m: clamp(1.6rem, calc(0.71vw + 1.37rem), 2.8rem); --space-l: clamp(2rem, calc(1.17vw + 1.63rem), 3.96rem); --space-xl: clamp(2.5rem, calc(1.84vw + 1.91rem), 5.6rem); --space-2xl: clamp(3.13rem, calc(2.85vw + 2.21rem), 7.92rem); --space-3xl: clamp(3.91rem, calc(4.34vw + 2.52rem), 11.19rem); --space-4xl: clamp(4.88rem, calc(6.51vw + 2.8rem), 15.83rem); --text-xs: clamp(1.34rem, calc(-0.11vw + 1.38rem), 1.15rem); --text-s: clamp(1.51rem, calc(-0.04vw + 1.52rem), 1.44rem); --text-m: clamp(1.7rem, calc(0.06vw + 1.68rem), 1.8rem); --text-l: clamp(1.91rem, calc(0.2vw + 1.85rem), 2.25rem); --text-xl: clamp(2.15rem, calc(0.39vw + 2.03rem), 2.81rem); --text-2xl: clamp(2.42rem, calc(0.65vw + 2.21rem), 3.52rem); --text-3xl: clamp(2.72rem, calc(0.99vw + 2.41rem), 4.4rem); --text-4xl: clamp(3.06rem, calc(1.45vw + 2.6rem), 5.49rem); --radius-xs: clamp(0.4rem, calc(0vw + 0.4rem), 0.4rem); --radius-s: clamp(0.6rem, calc(-0.12vw + 0.84rem), 0.8rem); --radius-m: clamp(1rem, calc(-0.12vw + 1.24rem), 1.2rem); --radius-l: clamp(1.6rem, calc(-0.24vw + 2.08rem), 2rem); --radius-xl: clamp(2.6rem, calc(-0.36vw + 3.31rem), 3.2rem); --radius-full: 999rem; --shadow-xs: 0 1px 2px var(--shadow-primary); --shadow-s: 0 1.5px 3px var(--shadow-primary); --shadow-m: 0 2px 6px var(--shadow-primary); --shadow-l: 0 3px 12px var(--shadow-primary); --shadow-xl: 0 6px 48px var(--shadow-primary); }