:root {
  --font-primary: "Boldonse", sans-serif;
  --font-space-grotesk: "Space Grotesk", sans-serif;
}

@font-face {
  font-family: "Boldonse";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/boldonse/400-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/fonts/space-grotesk/300-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/space-grotesk/400-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/fonts/space-grotesk/500-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/fonts/space-grotesk/600-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/fonts/space-grotesk/700-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --primary: hsla(221.87, 84.26%, 42.35%, 1);
  --primary-5: hsla(221.87, 84.26%, 42.35%, 0.05);
  --primary-10: hsla(221.87, 84.26%, 42.35%, 0.1);
  --primary-20: hsla(221.87, 84.26%, 42.35%, 0.2);
  --primary-30: hsla(221.87, 84.26%, 42.35%, 0.3);
  --primary-40: hsla(221.87, 84.26%, 42.35%, 0.4);
  --primary-50: hsla(221.87, 84.26%, 42.35%, 0.5);
  --primary-60: hsla(221.87, 84.26%, 42.35%, 0.6);
  --primary-70: hsla(221.87, 84.26%, 42.35%, 0.7);
  --primary-80: hsla(221.87, 84.26%, 42.35%, 0.8);
  --primary-90: hsla(221.87, 84.26%, 42.35%, 0.9);
  --primary-d-1: hsla(221.87, 84.26%, 35.57%, 1);
  --primary-d-2: hsla(221.87, 84.26%, 28.8%, 1);
  --primary-d-3: hsla(221.87, 84.26%, 22.02%, 1);
  --primary-d-4: hsla(221.87, 84.26%, 15.25%, 1);
  --primary-l-1: hsla(221.87, 84.26%, 51.57%, 1);
  --primary-l-2: hsla(221.87, 84.26%, 60.8%, 1);
  --primary-l-3: hsla(221.87, 84.26%, 70.02%, 1);
  --primary-l-4: hsla(221.87, 84.26%, 79.25%, 1);
  --secondary: hsla(21.16, 89.61%, 54.71%, 1);
  --secondary-5: hsla(21.16, 89.61%, 54.71%, 0.05);
  --secondary-10: hsla(21.16, 89.61%, 54.71%, 0.1);
  --secondary-20: hsla(21.16, 89.61%, 54.71%, 0.2);
  --secondary-30: hsla(21.16, 89.61%, 54.71%, 0.3);
  --secondary-40: hsla(21.16, 89.61%, 54.71%, 0.4);
  --secondary-50: hsla(21.16, 89.61%, 54.71%, 0.5);
  --secondary-60: hsla(21.16, 89.61%, 54.71%, 0.6);
  --secondary-70: hsla(21.16, 89.61%, 54.71%, 0.7);
  --secondary-80: hsla(21.16, 89.61%, 54.71%, 0.8);
  --secondary-90: hsla(21.16, 89.61%, 54.71%, 0.9);
  --secondary-d-1: hsla(21.16, 89.61%, 45.96%, 1);
  --secondary-d-2: hsla(21.16, 89.61%, 37.2%, 1);
  --secondary-d-3: hsla(21.16, 89.61%, 28.45%, 1);
  --secondary-d-4: hsla(21.16, 89.61%, 19.7%, 1);
  --secondary-l-1: hsla(21.16, 89.61%, 61.96%, 1);
  --secondary-l-2: hsla(21.16, 89.61%, 69.2%, 1);
  --secondary-l-3: hsla(21.16, 89.61%, 76.45%, 1);
  --secondary-l-4: hsla(21.16, 89.61%, 83.7%, 1);
  --tertiary: hsla(325.4, 92.2%, 40.2%, 1);
  --tertiary-5: hsla(325.4, 92.2%, 40.2%, 0.05);
  --tertiary-10: hsla(325.4, 92.2%, 40.2%, 0.1);
  --tertiary-20: hsla(325.4, 92.2%, 40.2%, 0.2);
  --tertiary-30: hsla(325.4, 92.2%, 40.2%, 0.3);
  --tertiary-40: hsla(325.4, 92.2%, 40.2%, 0.4);
  --tertiary-50: hsla(325.4, 92.2%, 40.2%, 0.5);
  --tertiary-60: hsla(325.4, 92.2%, 40.2%, 0.6);
  --tertiary-70: hsla(325.4, 92.2%, 40.2%, 0.7);
  --tertiary-80: hsla(325.4, 92.2%, 40.2%, 0.8);
  --tertiary-90: hsla(325.4, 92.2%, 40.2%, 0.9);
  --tertiary-d-1: hsla(325.4, 92.2%, 33.77%, 1);
  --tertiary-d-2: hsla(325.4, 92.2%, 27.34%, 1);
  --tertiary-d-3: hsla(325.4, 92.2%, 20.9%, 1);
  --tertiary-d-4: hsla(325.4, 92.2%, 14.47%, 1);
  --tertiary-l-1: hsla(325.4, 92.2%, 49.77%, 1);
  --tertiary-l-2: hsla(325.4, 92.2%, 59.34%, 1);
  --tertiary-l-3: hsla(325.4, 92.2%, 68.9%, 1);
  --tertiary-l-4: hsla(325.4, 92.2%, 78.47%, 1);
  --bg-body: hsla(0, 0%, 90%, 1);
  --bg-surface: hsla(0, 0%, 100%, 1);
  --text-body: hsla(0, 0%, 25%, 1);
  --text-title: hsla(0, 0%, 0%, 1);
  --border-primary: hsla(0, 0%, 50%, 0.25);
  --shadow-primary: hsla(0, 0%, 0%, 0.15);
  --light: hsla(85, 0%, 100%, 1);
  --light-5: hsla(85, 0%, 100%, 0.05);
  --light-10: hsla(85, 0%, 100%, 0.1);
  --light-20: hsla(85, 0%, 100%, 0.2);
  --light-30: hsla(85, 0%, 100%, 0.3);
  --light-40: hsla(85, 0%, 100%, 0.4);
  --light-50: hsla(85, 0%, 100%, 0.5);
  --light-60: hsla(85, 0%, 100%, 0.6);
  --light-70: hsla(85, 0%, 100%, 0.7);
  --light-80: hsla(85, 0%, 100%, 0.8);
  --light-90: hsla(85, 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: hsla(141.02, 79.19%, 66.08%, 1);
  --success-5: hsla(141.02, 79.19%, 66.08%, 0.05);
  --success-10: hsla(141.02, 79.19%, 66.08%, 0.1);
  --success-20: hsla(141.02, 79.19%, 66.08%, 0.2);
  --success-30: hsla(141.02, 79.19%, 66.08%, 0.3);
  --success-40: hsla(141.02, 79.19%, 66.08%, 0.4);
  --success-50: hsla(141.02, 79.19%, 66.08%, 0.5);
  --success-60: hsla(141.02, 79.19%, 66.08%, 0.6);
  --success-70: hsla(141.02, 79.19%, 66.08%, 0.7);
  --success-80: hsla(141.02, 79.19%, 66.08%, 0.8);
  --success-90: hsla(141.02, 79.19%, 66.08%, 0.9);
  --error: hsla(4.02, 90.65%, 58.04%, 1);
  --error-5: hsla(4.02, 90.65%, 58.04%, 0.05);
  --error-10: hsla(4.02, 90.65%, 58.04%, 0.1);
  --error-20: hsla(4.02, 90.65%, 58.04%, 0.2);
  --error-30: hsla(4.02, 90.65%, 58.04%, 0.3);
  --error-40: hsla(4.02, 90.65%, 58.04%, 0.4);
  --error-50: hsla(4.02, 90.65%, 58.04%, 0.5);
  --error-60: hsla(4.02, 90.65%, 58.04%, 0.6);
  --error-70: hsla(4.02, 90.65%, 58.04%, 0.7);
  --error-80: hsla(4.02, 90.65%, 58.04%, 0.8);
  --error-90: hsla(4.02, 90.65%, 58.04%, 0.9);
  --ink: hsla(258, 20.83%, 9.41%, 1);
  --ink-soft: hsla(270, 6.74%, 34.9%, 1);
  --paper: hsla(0, 0%, 94.51%, 1);
  --paper-raised: hsla(0, 0%, 100%, 1);
  --line: hsla(40, 7.89%, 85.1%, 1);
  --magenta: hsla(325.4, 92.2%, 40.2%, 1);
  --magenta-deep: hsla(315, 96.1%, 30.2%, 1);
  --orange: hsla(21.16, 89.61%, 54.71%, 1);
  --teal-deep: hsla(166.88, 64%, 19.61%, 1);
  --mint: hsla(141.02, 79.19%, 66.08%, 1);
  --indigo: hsla(245.06, 43.46%, 37.45%, 1);
  --blue: hsla(221.87, 84.26%, 42.35%, 1);
  --yellow: hsla(49.89, 100%, 65.1%, 1);
  --sky: hsla(177.62, 76.83%, 67.84%, 1);
  --bg: hsla(0, 0%, 94.51%, 1);
  --bg-5: hsla(0, 0%, 94.51%, 0.05);
  --bg-10: hsla(0, 0%, 94.51%, 0.1);
  --bg-20: hsla(0, 0%, 94.51%, 0.2);
  --bg-30: hsla(0, 0%, 94.51%, 0.3);
  --bg-40: hsla(0, 0%, 94.51%, 0.4);
  --bg-50: hsla(0, 0%, 94.51%, 0.5);
  --bg-60: hsla(0, 0%, 94.51%, 0.6);
  --bg-70: hsla(0, 0%, 94.51%, 0.7);
  --bg-80: hsla(0, 0%, 94.51%, 0.8);
  --bg-90: hsla(0, 0%, 94.51%, 0.9);
  --bg-d-1: hsla(0, 0%, 79.39%, 1);
  --bg-d-2: hsla(0, 0%, 64.27%, 1);
  --bg-d-3: hsla(0, 0%, 49.15%, 1);
  --bg-d-4: hsla(0, 0%, 34.02%, 1);
  --bg-l-1: hsla(0, 0%, 95.39%, 1);
  --bg-l-2: hsla(0, 0%, 96.27%, 1);
  --bg-l-3: hsla(0, 0%, 97.15%, 1);
  --bg-l-4: hsla(0, 0%, 98.02%, 1);
  --surface: hsla(0, 0%, 100%, 1);
  --surface-5: hsla(0, 0%, 100%, 0.05);
  --surface-10: hsla(0, 0%, 100%, 0.1);
  --surface-20: hsla(0, 0%, 100%, 0.2);
  --surface-30: hsla(0, 0%, 100%, 0.3);
  --surface-40: hsla(0, 0%, 100%, 0.4);
  --surface-50: hsla(0, 0%, 100%, 0.5);
  --surface-60: hsla(0, 0%, 100%, 0.6);
  --surface-70: hsla(0, 0%, 100%, 0.7);
  --surface-80: hsla(0, 0%, 100%, 0.8);
  --surface-90: hsla(0, 0%, 100%, 0.9);
  --surface-d-1: hsla(0, 0%, 84%, 1);
  --surface-d-2: hsla(0, 0%, 68%, 1);
  --surface-d-3: hsla(0, 0%, 52%, 1);
  --surface-d-4: hsla(0, 0%, 36%, 1);
  --surface-l-1: hsla(0, 0%, 100%, 1);
  --surface-l-2: hsla(0, 0%, 100%, 1);
  --surface-l-3: hsla(0, 0%, 100%, 1);
  --surface-l-4: hsla(0, 0%, 100%, 1);
  --text: hsla(258, 20.83%, 9.41%, 1);
  --text-5: hsla(258, 20.83%, 9.41%, 0.05);
  --text-10: hsla(258, 20.83%, 9.41%, 0.1);
  --text-20: hsla(258, 20.83%, 9.41%, 0.2);
  --text-30: hsla(258, 20.83%, 9.41%, 0.3);
  --text-40: hsla(258, 20.83%, 9.41%, 0.4);
  --text-50: hsla(258, 20.83%, 9.41%, 0.5);
  --text-60: hsla(258, 20.83%, 9.41%, 0.6);
  --text-70: hsla(258, 20.83%, 9.41%, 0.7);
  --text-80: hsla(258, 20.83%, 9.41%, 0.8);
  --text-90: hsla(258, 20.83%, 9.41%, 0.9);
  --text-d-1: hsla(258, 20.83%, 7.9%, 1);
  --text-d-2: hsla(258, 20.83%, 6.4%, 1);
  --text-d-3: hsla(258, 20.83%, 4.89%, 1);
  --text-d-4: hsla(258, 20.83%, 3.39%, 1);
  --text-l-1: hsla(258, 20.83%, 23.9%, 1);
  --text-l-2: hsla(258, 20.83%, 38.4%, 1);
  --text-l-3: hsla(258, 20.83%, 52.89%, 1);
  --text-l-4: hsla(258, 20.83%, 67.39%, 1);
  --text-soft: hsla(270, 6.74%, 34.9%, 1);
  --text-soft-5: hsla(270, 6.74%, 34.9%, 0.05);
  --text-soft-10: hsla(270, 6.74%, 34.9%, 0.1);
  --text-soft-20: hsla(270, 6.74%, 34.9%, 0.2);
  --text-soft-30: hsla(270, 6.74%, 34.9%, 0.3);
  --text-soft-40: hsla(270, 6.74%, 34.9%, 0.4);
  --text-soft-50: hsla(270, 6.74%, 34.9%, 0.5);
  --text-soft-60: hsla(270, 6.74%, 34.9%, 0.6);
  --text-soft-70: hsla(270, 6.74%, 34.9%, 0.7);
  --text-soft-80: hsla(270, 6.74%, 34.9%, 0.8);
  --text-soft-90: hsla(270, 6.74%, 34.9%, 0.9);
  --text-soft-d-1: hsla(270, 6.74%, 29.32%, 1);
  --text-soft-d-2: hsla(270, 6.74%, 23.73%, 1);
  --text-soft-d-3: hsla(270, 6.74%, 18.15%, 1);
  --text-soft-d-4: hsla(270, 6.74%, 12.56%, 1);
  --text-soft-l-1: hsla(270, 6.74%, 45.32%, 1);
  --text-soft-l-2: hsla(270, 6.74%, 55.73%, 1);
  --text-soft-l-3: hsla(270, 6.74%, 66.15%, 1);
  --text-soft-l-4: hsla(270, 6.74%, 76.56%, 1);
  --border: hsla(40, 7.89%, 85.1%, 1);
  --border-5: hsla(40, 7.89%, 85.1%, 0.05);
  --border-10: hsla(40, 7.89%, 85.1%, 0.1);
  --border-20: hsla(40, 7.89%, 85.1%, 0.2);
  --border-30: hsla(40, 7.89%, 85.1%, 0.3);
  --border-40: hsla(40, 7.89%, 85.1%, 0.4);
  --border-50: hsla(40, 7.89%, 85.1%, 0.5);
  --border-60: hsla(40, 7.89%, 85.1%, 0.6);
  --border-70: hsla(40, 7.89%, 85.1%, 0.7);
  --border-80: hsla(40, 7.89%, 85.1%, 0.8);
  --border-90: hsla(40, 7.89%, 85.1%, 0.9);
  --border-d-1: hsla(40, 7.89%, 71.48%, 1);
  --border-d-2: hsla(40, 7.89%, 57.87%, 1);
  --border-d-3: hsla(40, 7.89%, 44.25%, 1);
  --border-d-4: hsla(40, 7.89%, 30.64%, 1);
  --border-l-1: hsla(40, 7.89%, 87.48%, 1);
  --border-l-2: hsla(40, 7.89%, 89.87%, 1);
  --border-l-3: hsla(40, 7.89%, 92.25%, 1);
  --border-l-4: hsla(40, 7.89%, 94.64%, 1);
  --surface-translucent: hsla(0, 0%, 94.51%, 0.92);
  --surface-translucent-5: hsla(0, 0%, 94.51%, 0.05);
  --surface-translucent-10: hsla(0, 0%, 94.51%, 0.1);
  --surface-translucent-20: hsla(0, 0%, 94.51%, 0.2);
  --surface-translucent-30: hsla(0, 0%, 94.51%, 0.3);
  --surface-translucent-40: hsla(0, 0%, 94.51%, 0.4);
  --surface-translucent-50: hsla(0, 0%, 94.51%, 0.5);
  --surface-translucent-60: hsla(0, 0%, 94.51%, 0.6);
  --surface-translucent-70: hsla(0, 0%, 94.51%, 0.7);
  --surface-translucent-80: hsla(0, 0%, 94.51%, 0.8);
  --surface-translucent-90: hsla(0, 0%, 94.51%, 0.9);
  --surface-translucent-d-1: hsla(0, 0%, 79.39%, 0.92);
  --surface-translucent-d-2: hsla(0, 0%, 64.27%, 0.92);
  --surface-translucent-d-3: hsla(0, 0%, 49.15%, 0.92);
  --surface-translucent-d-4: hsla(0, 0%, 34.02%, 0.92);
  --surface-translucent-l-1: hsla(0, 0%, 95.39%, 0.92);
  --surface-translucent-l-2: hsla(0, 0%, 96.27%, 0.92);
  --surface-translucent-l-3: hsla(0, 0%, 97.15%, 0.92);
  --surface-translucent-l-4: hsla(0, 0%, 98.02%, 0.92);
  --fg: hsla(258, 20.83%, 9.41%, 1);
  --fg-5: hsla(258, 20.83%, 9.41%, 0.05);
  --fg-10: hsla(258, 20.83%, 9.41%, 0.1);
  --fg-20: hsla(258, 20.83%, 9.41%, 0.2);
  --fg-30: hsla(258, 20.83%, 9.41%, 0.3);
  --fg-40: hsla(258, 20.83%, 9.41%, 0.4);
  --fg-50: hsla(258, 20.83%, 9.41%, 0.5);
  --fg-60: hsla(258, 20.83%, 9.41%, 0.6);
  --fg-70: hsla(258, 20.83%, 9.41%, 0.7);
  --fg-80: hsla(258, 20.83%, 9.41%, 0.8);
  --fg-90: hsla(258, 20.83%, 9.41%, 0.9);
  --fg-d-1: hsla(258, 20.83%, 7.9%, 1);
  --fg-d-2: hsla(258, 20.83%, 6.4%, 1);
  --fg-d-3: hsla(258, 20.83%, 4.89%, 1);
  --fg-d-4: hsla(258, 20.83%, 3.39%, 1);
  --fg-l-1: hsla(258, 20.83%, 23.9%, 1);
  --fg-l-2: hsla(258, 20.83%, 38.4%, 1);
  --fg-l-3: hsla(258, 20.83%, 52.89%, 1);
  --fg-l-4: hsla(258, 20.83%, 67.39%, 1);
  --fg-soft: hsla(270, 6.74%, 34.9%, 1);
  --fg-soft-5: hsla(270, 6.74%, 34.9%, 0.05);
  --fg-soft-10: hsla(270, 6.74%, 34.9%, 0.1);
  --fg-soft-20: hsla(270, 6.74%, 34.9%, 0.2);
  --fg-soft-30: hsla(270, 6.74%, 34.9%, 0.3);
  --fg-soft-40: hsla(270, 6.74%, 34.9%, 0.4);
  --fg-soft-50: hsla(270, 6.74%, 34.9%, 0.5);
  --fg-soft-60: hsla(270, 6.74%, 34.9%, 0.6);
  --fg-soft-70: hsla(270, 6.74%, 34.9%, 0.7);
  --fg-soft-80: hsla(270, 6.74%, 34.9%, 0.8);
  --fg-soft-90: hsla(270, 6.74%, 34.9%, 0.9);
  --fg-soft-d-1: hsla(270, 6.74%, 29.32%, 1);
  --fg-soft-d-2: hsla(270, 6.74%, 23.73%, 1);
  --fg-soft-d-3: hsla(270, 6.74%, 18.15%, 1);
  --fg-soft-d-4: hsla(270, 6.74%, 12.56%, 1);
  --fg-soft-l-1: hsla(270, 6.74%, 45.32%, 1);
  --fg-soft-l-2: hsla(270, 6.74%, 55.73%, 1);
  --fg-soft-l-3: hsla(270, 6.74%, 66.15%, 1);
  --fg-soft-l-4: hsla(270, 6.74%, 76.56%, 1);
  --yellow-deep: hsla(44.43, 100%, 36.27%, 1);
  --yellow-deep-5: hsla(44.43, 100%, 36.27%, 0.05);
  --yellow-deep-10: hsla(44.43, 100%, 36.27%, 0.1);
  --yellow-deep-20: hsla(44.43, 100%, 36.27%, 0.2);
  --yellow-deep-30: hsla(44.43, 100%, 36.27%, 0.3);
  --yellow-deep-40: hsla(44.43, 100%, 36.27%, 0.4);
  --yellow-deep-50: hsla(44.43, 100%, 36.27%, 0.5);
  --yellow-deep-60: hsla(44.43, 100%, 36.27%, 0.6);
  --yellow-deep-70: hsla(44.43, 100%, 36.27%, 0.7);
  --yellow-deep-80: hsla(44.43, 100%, 36.27%, 0.8);
  --yellow-deep-90: hsla(44.43, 100%, 36.27%, 0.9);
  --yellow-deep-d-1: hsla(44.43, 100%, 30.47%, 1);
  --yellow-deep-d-2: hsla(44.43, 100%, 24.66%, 1);
  --yellow-deep-d-3: hsla(44.43, 100%, 18.86%, 1);
  --yellow-deep-d-4: hsla(44.43, 100%, 13.06%, 1);
  --yellow-deep-l-1: hsla(44.43, 100%, 46.47%, 1);
  --yellow-deep-l-2: hsla(44.43, 100%, 56.66%, 1);
  --yellow-deep-l-3: hsla(44.43, 100%, 66.86%, 1);
  --yellow-deep-l-4: hsla(44.43, 100%, 77.06%, 1);
  --primary-2: hsla(221.87, 84.26%, 42.35%, 1);
  --primary-5: hsla(221.87, 84.26%, 42.35%, 0.05);
  --primary-10: hsla(221.87, 84.26%, 42.35%, 0.1);
  --primary-20: hsla(221.87, 84.26%, 42.35%, 0.2);
  --primary-30: hsla(221.87, 84.26%, 42.35%, 0.3);
  --primary-40: hsla(221.87, 84.26%, 42.35%, 0.4);
  --primary-50: hsla(221.87, 84.26%, 42.35%, 0.5);
  --primary-60: hsla(221.87, 84.26%, 42.35%, 0.6);
  --primary-70: hsla(221.87, 84.26%, 42.35%, 0.7);
  --primary-80: hsla(221.87, 84.26%, 42.35%, 0.8);
  --primary-90: hsla(221.87, 84.26%, 42.35%, 0.9);
  --primary-d-1: hsla(221.87, 84.26%, 35.57%, 1);
  --primary-d-2: hsla(221.87, 84.26%, 28.8%, 1);
  --primary-d-3: hsla(221.87, 84.26%, 22.02%, 1);
  --primary-d-4: hsla(221.87, 84.26%, 15.25%, 1);
  --primary-l-1: hsla(221.87, 84.26%, 51.57%, 1);
  --primary-l-2: hsla(221.87, 84.26%, 60.8%, 1);
  --primary-l-3: hsla(221.87, 84.26%, 70.02%, 1);
  --primary-l-4: hsla(221.87, 84.26%, 79.25%, 1);
  --secondary-2: hsla(21.16, 89.61%, 54.71%, 1);
  --secondary-5: hsla(21.16, 89.61%, 54.71%, 0.05);
  --secondary-10: hsla(21.16, 89.61%, 54.71%, 0.1);
  --secondary-20: hsla(21.16, 89.61%, 54.71%, 0.2);
  --secondary-30: hsla(21.16, 89.61%, 54.71%, 0.3);
  --secondary-40: hsla(21.16, 89.61%, 54.71%, 0.4);
  --secondary-50: hsla(21.16, 89.61%, 54.71%, 0.5);
  --secondary-60: hsla(21.16, 89.61%, 54.71%, 0.6);
  --secondary-70: hsla(21.16, 89.61%, 54.71%, 0.7);
  --secondary-80: hsla(21.16, 89.61%, 54.71%, 0.8);
  --secondary-90: hsla(21.16, 89.61%, 54.71%, 0.9);
  --secondary-d-1: hsla(21.16, 89.61%, 45.95%, 1);
  --secondary-d-2: hsla(21.16, 89.61%, 37.2%, 1);
  --secondary-d-3: hsla(21.16, 89.61%, 28.45%, 1);
  --secondary-d-4: hsla(21.16, 89.61%, 19.69%, 1);
  --secondary-l-1: hsla(21.16, 89.61%, 61.95%, 1);
  --secondary-l-2: hsla(21.16, 89.61%, 69.2%, 1);
  --secondary-l-3: hsla(21.16, 89.61%, 76.45%, 1);
  --secondary-l-4: hsla(21.16, 89.61%, 83.69%, 1);
  --tertiary-2: hsla(325.4, 92.2%, 40.2%, 1);
  --tertiary-5: hsla(325.4, 92.2%, 40.2%, 0.05);
  --tertiary-10: hsla(325.4, 92.2%, 40.2%, 0.1);
  --tertiary-20: hsla(325.4, 92.2%, 40.2%, 0.2);
  --tertiary-30: hsla(325.4, 92.2%, 40.2%, 0.3);
  --tertiary-40: hsla(325.4, 92.2%, 40.2%, 0.4);
  --tertiary-50: hsla(325.4, 92.2%, 40.2%, 0.5);
  --tertiary-60: hsla(325.4, 92.2%, 40.2%, 0.6);
  --tertiary-70: hsla(325.4, 92.2%, 40.2%, 0.7);
  --tertiary-80: hsla(325.4, 92.2%, 40.2%, 0.8);
  --tertiary-90: hsla(325.4, 92.2%, 40.2%, 0.9);
  --tertiary-d-1: hsla(325.4, 92.2%, 33.76%, 1);
  --tertiary-d-2: hsla(325.4, 92.2%, 27.33%, 1);
  --tertiary-d-3: hsla(325.4, 92.2%, 20.9%, 1);
  --tertiary-d-4: hsla(325.4, 92.2%, 14.47%, 1);
  --tertiary-l-1: hsla(325.4, 92.2%, 49.76%, 1);
  --tertiary-l-2: hsla(325.4, 92.2%, 59.33%, 1);
  --tertiary-l-3: hsla(325.4, 92.2%, 68.9%, 1);
  --tertiary-l-4: hsla(325.4, 92.2%, 78.47%, 1);
  --bg-body-2: hsla(0, 0%, 90%, 1);
  --bg-surface-2: hsla(0, 0%, 100%, 1);
  --text-body-2: hsla(0, 0%, 25%, 1);
  --text-title-2: hsla(0, 0%, 0%, 1);
  --border-primary-2: hsla(0, 0%, 50%, 0.25);
  --shadow-primary-2: hsla(0, 0%, 0%, 0.15);
  --light-2: hsla(85, 0%, 100%, 1);
  --light-5: hsla(85, 0%, 100%, 0.05);
  --light-10: hsla(85, 0%, 100%, 0.1);
  --light-20: hsla(85, 0%, 100%, 0.2);
  --light-30: hsla(85, 0%, 100%, 0.3);
  --light-40: hsla(85, 0%, 100%, 0.4);
  --light-50: hsla(85, 0%, 100%, 0.5);
  --light-60: hsla(85, 0%, 100%, 0.6);
  --light-70: hsla(85, 0%, 100%, 0.7);
  --light-80: hsla(85, 0%, 100%, 0.8);
  --light-90: hsla(85, 0%, 100%, 0.9);
  --dark-2: 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-2: hsla(141.02, 79.19%, 66.08%, 1);
  --success-5: hsla(141.02, 79.19%, 66.08%, 0.05);
  --success-10: hsla(141.02, 79.19%, 66.08%, 0.1);
  --success-20: hsla(141.02, 79.19%, 66.08%, 0.2);
  --success-30: hsla(141.02, 79.19%, 66.08%, 0.3);
  --success-40: hsla(141.02, 79.19%, 66.08%, 0.4);
  --success-50: hsla(141.02, 79.19%, 66.08%, 0.5);
  --success-60: hsla(141.02, 79.19%, 66.08%, 0.6);
  --success-70: hsla(141.02, 79.19%, 66.08%, 0.7);
  --success-80: hsla(141.02, 79.19%, 66.08%, 0.8);
  --success-90: hsla(141.02, 79.19%, 66.08%, 0.9);
  --error-2: hsla(4.02, 90.65%, 58.04%, 1);
  --error-5: hsla(4.02, 90.65%, 58.04%, 0.05);
  --error-10: hsla(4.02, 90.65%, 58.04%, 0.1);
  --error-20: hsla(4.02, 90.65%, 58.04%, 0.2);
  --error-30: hsla(4.02, 90.65%, 58.04%, 0.3);
  --error-40: hsla(4.02, 90.65%, 58.04%, 0.4);
  --error-50: hsla(4.02, 90.65%, 58.04%, 0.5);
  --error-60: hsla(4.02, 90.65%, 58.04%, 0.6);
  --error-70: hsla(4.02, 90.65%, 58.04%, 0.7);
  --error-80: hsla(4.02, 90.65%, 58.04%, 0.8);
  --error-90: hsla(4.02, 90.65%, 58.04%, 0.9);
  --ink-2: hsla(258, 20.83%, 9.41%, 1);
  --ink-soft-2: hsla(270, 6.74%, 34.9%, 1);
  --paper-2: hsla(0, 0%, 94.51%, 1);
  --paper-raised-2: hsla(0, 0%, 100%, 1);
  --line-2: hsla(40, 7.89%, 85.1%, 1);
  --magenta-2: hsla(325.4, 92.2%, 40.2%, 1);
  --magenta-deep-2: hsla(315, 96.1%, 30.2%, 1);
  --orange-2: hsla(21.16, 89.61%, 54.71%, 1);
  --teal-deep-2: hsla(166.88, 64%, 19.61%, 1);
  --mint-2: hsla(141.02, 79.19%, 66.08%, 1);
  --indigo-2: hsla(245.06, 43.46%, 37.45%, 1);
  --blue-2: hsla(221.87, 84.26%, 42.35%, 1);
  --yellow-2: hsla(49.89, 100%, 65.1%, 1);
  --sky-2: hsla(177.62, 76.83%, 67.84%, 1);
  --yellow-pale: hsla(48.21, 100%, 78.04%, 1);
  --lime: hsla(90.58, 79.49%, 61.76%, 1);
  --red: hsla(4.02, 90.65%, 58.04%, 1);
  --pink: hsla(342.64, 82.38%, 62.16%, 1);
  --lavender: hsla(258.35, 71.6%, 66.86%, 1);
  --bg-2: hsla(0, 0%, 94.51%, 1);
  --bg-5: hsla(0, 0%, 94.51%, 0.05);
  --bg-10: hsla(0, 0%, 94.51%, 0.1);
  --bg-20: hsla(0, 0%, 94.51%, 0.2);
  --bg-30: hsla(0, 0%, 94.51%, 0.3);
  --bg-40: hsla(0, 0%, 94.51%, 0.4);
  --bg-50: hsla(0, 0%, 94.51%, 0.5);
  --bg-60: hsla(0, 0%, 94.51%, 0.6);
  --bg-70: hsla(0, 0%, 94.51%, 0.7);
  --bg-80: hsla(0, 0%, 94.51%, 0.8);
  --bg-90: hsla(0, 0%, 94.51%, 0.9);
  --bg-d-1: hsla(0, 0%, 79.39%, 1);
  --bg-d-2: hsla(0, 0%, 64.27%, 1);
  --bg-d-3: hsla(0, 0%, 49.15%, 1);
  --bg-d-4: hsla(0, 0%, 34.02%, 1);
  --bg-l-1: hsla(0, 0%, 95.39%, 1);
  --bg-l-2: hsla(0, 0%, 96.27%, 1);
  --bg-l-3: hsla(0, 0%, 97.15%, 1);
  --bg-l-4: hsla(0, 0%, 98.02%, 1);
  --surface-2: hsla(0, 0%, 100%, 1);
  --surface-5: hsla(0, 0%, 100%, 0.05);
  --surface-10: hsla(0, 0%, 100%, 0.1);
  --surface-20: hsla(0, 0%, 100%, 0.2);
  --surface-30: hsla(0, 0%, 100%, 0.3);
  --surface-40: hsla(0, 0%, 100%, 0.4);
  --surface-50: hsla(0, 0%, 100%, 0.5);
  --surface-60: hsla(0, 0%, 100%, 0.6);
  --surface-70: hsla(0, 0%, 100%, 0.7);
  --surface-80: hsla(0, 0%, 100%, 0.8);
  --surface-90: hsla(0, 0%, 100%, 0.9);
  --surface-d-1: hsla(0, 0%, 84%, 1);
  --surface-d-2: hsla(0, 0%, 68%, 1);
  --surface-d-3: hsla(0, 0%, 52%, 1);
  --surface-d-4: hsla(0, 0%, 36%, 1);
  --surface-l-1: hsla(0, 0%, 100%, 1);
  --surface-l-2: hsla(0, 0%, 100%, 1);
  --surface-l-3: hsla(0, 0%, 100%, 1);
  --surface-l-4: hsla(0, 0%, 100%, 1);
  --text-2: hsla(258, 20.83%, 9.41%, 1);
  --text-5: hsla(258, 20.83%, 9.41%, 0.05);
  --text-10: hsla(258, 20.83%, 9.41%, 0.1);
  --text-20: hsla(258, 20.83%, 9.41%, 0.2);
  --text-30: hsla(258, 20.83%, 9.41%, 0.3);
  --text-40: hsla(258, 20.83%, 9.41%, 0.4);
  --text-50: hsla(258, 20.83%, 9.41%, 0.5);
  --text-60: hsla(258, 20.83%, 9.41%, 0.6);
  --text-70: hsla(258, 20.83%, 9.41%, 0.7);
  --text-80: hsla(258, 20.83%, 9.41%, 0.8);
  --text-90: hsla(258, 20.83%, 9.41%, 0.9);
  --text-d-1: hsla(258, 20.83%, 7.9%, 1);
  --text-d-2: hsla(258, 20.83%, 6.4%, 1);
  --text-d-3: hsla(258, 20.83%, 4.89%, 1);
  --text-d-4: hsla(258, 20.83%, 3.39%, 1);
  --text-l-1: hsla(258, 20.83%, 23.9%, 1);
  --text-l-2: hsla(258, 20.83%, 38.4%, 1);
  --text-l-3: hsla(258, 20.83%, 52.89%, 1);
  --text-l-4: hsla(258, 20.83%, 67.39%, 1);
  --text-soft-2: hsla(270, 6.74%, 34.9%, 1);
  --text-soft-5: hsla(270, 6.74%, 34.9%, 0.05);
  --text-soft-10: hsla(270, 6.74%, 34.9%, 0.1);
  --text-soft-20: hsla(270, 6.74%, 34.9%, 0.2);
  --text-soft-30: hsla(270, 6.74%, 34.9%, 0.3);
  --text-soft-40: hsla(270, 6.74%, 34.9%, 0.4);
  --text-soft-50: hsla(270, 6.74%, 34.9%, 0.5);
  --text-soft-60: hsla(270, 6.74%, 34.9%, 0.6);
  --text-soft-70: hsla(270, 6.74%, 34.9%, 0.7);
  --text-soft-80: hsla(270, 6.74%, 34.9%, 0.8);
  --text-soft-90: hsla(270, 6.74%, 34.9%, 0.9);
  --text-soft-d-1: hsla(270, 6.74%, 29.32%, 1);
  --text-soft-d-2: hsla(270, 6.74%, 23.73%, 1);
  --text-soft-d-3: hsla(270, 6.74%, 18.15%, 1);
  --text-soft-d-4: hsla(270, 6.74%, 12.56%, 1);
  --text-soft-l-1: hsla(270, 6.74%, 45.32%, 1);
  --text-soft-l-2: hsla(270, 6.74%, 55.73%, 1);
  --text-soft-l-3: hsla(270, 6.74%, 66.15%, 1);
  --text-soft-l-4: hsla(270, 6.74%, 76.56%, 1);
  --border-2: hsla(40, 7.89%, 85.1%, 1);
  --border-5: hsla(40, 7.89%, 85.1%, 0.05);
  --border-10: hsla(40, 7.89%, 85.1%, 0.1);
  --border-20: hsla(40, 7.89%, 85.1%, 0.2);
  --border-30: hsla(40, 7.89%, 85.1%, 0.3);
  --border-40: hsla(40, 7.89%, 85.1%, 0.4);
  --border-50: hsla(40, 7.89%, 85.1%, 0.5);
  --border-60: hsla(40, 7.89%, 85.1%, 0.6);
  --border-70: hsla(40, 7.89%, 85.1%, 0.7);
  --border-80: hsla(40, 7.89%, 85.1%, 0.8);
  --border-90: hsla(40, 7.89%, 85.1%, 0.9);
  --border-d-1: hsla(40, 7.89%, 71.48%, 1);
  --border-d-2: hsla(40, 7.89%, 57.87%, 1);
  --border-d-3: hsla(40, 7.89%, 44.25%, 1);
  --border-d-4: hsla(40, 7.89%, 30.64%, 1);
  --border-l-1: hsla(40, 7.89%, 87.48%, 1);
  --border-l-2: hsla(40, 7.89%, 89.87%, 1);
  --border-l-3: hsla(40, 7.89%, 92.25%, 1);
  --border-l-4: hsla(40, 7.89%, 94.64%, 1);
  --surface-translucent-2: hsla(0, 0%, 94.51%, 0.92);
  --surface-translucent-5: hsla(0, 0%, 94.51%, 0.05);
  --surface-translucent-10: hsla(0, 0%, 94.51%, 0.1);
  --surface-translucent-20: hsla(0, 0%, 94.51%, 0.2);
  --surface-translucent-30: hsla(0, 0%, 94.51%, 0.3);
  --surface-translucent-40: hsla(0, 0%, 94.51%, 0.4);
  --surface-translucent-50: hsla(0, 0%, 94.51%, 0.5);
  --surface-translucent-60: hsla(0, 0%, 94.51%, 0.6);
  --surface-translucent-70: hsla(0, 0%, 94.51%, 0.7);
  --surface-translucent-80: hsla(0, 0%, 94.51%, 0.8);
  --surface-translucent-90: hsla(0, 0%, 94.51%, 0.9);
  --surface-translucent-d-1: hsla(0, 0%, 79.39%, 0.92);
  --surface-translucent-d-2: hsla(0, 0%, 64.27%, 0.92);
  --surface-translucent-d-3: hsla(0, 0%, 49.15%, 0.92);
  --surface-translucent-d-4: hsla(0, 0%, 34.02%, 0.92);
  --surface-translucent-l-1: hsla(0, 0%, 95.39%, 0.92);
  --surface-translucent-l-2: hsla(0, 0%, 96.27%, 0.92);
  --surface-translucent-l-3: hsla(0, 0%, 97.15%, 0.92);
  --surface-translucent-l-4: hsla(0, 0%, 98.02%, 0.92);
  --fg-2: hsla(258, 20.83%, 9.41%, 1);
  --fg-5: hsla(258, 20.83%, 9.41%, 0.05);
  --fg-10: hsla(258, 20.83%, 9.41%, 0.1);
  --fg-20: hsla(258, 20.83%, 9.41%, 0.2);
  --fg-30: hsla(258, 20.83%, 9.41%, 0.3);
  --fg-40: hsla(258, 20.83%, 9.41%, 0.4);
  --fg-50: hsla(258, 20.83%, 9.41%, 0.5);
  --fg-60: hsla(258, 20.83%, 9.41%, 0.6);
  --fg-70: hsla(258, 20.83%, 9.41%, 0.7);
  --fg-80: hsla(258, 20.83%, 9.41%, 0.8);
  --fg-90: hsla(258, 20.83%, 9.41%, 0.9);
  --fg-d-1: hsla(258, 20.83%, 7.9%, 1);
  --fg-d-2: hsla(258, 20.83%, 6.4%, 1);
  --fg-d-3: hsla(258, 20.83%, 4.89%, 1);
  --fg-d-4: hsla(258, 20.83%, 3.39%, 1);
  --fg-l-1: hsla(258, 20.83%, 23.9%, 1);
  --fg-l-2: hsla(258, 20.83%, 38.4%, 1);
  --fg-l-3: hsla(258, 20.83%, 52.89%, 1);
  --fg-l-4: hsla(258, 20.83%, 67.39%, 1);
  --fg-soft-2: hsla(270, 6.74%, 34.9%, 1);
  --fg-soft-5: hsla(270, 6.74%, 34.9%, 0.05);
  --fg-soft-10: hsla(270, 6.74%, 34.9%, 0.1);
  --fg-soft-20: hsla(270, 6.74%, 34.9%, 0.2);
  --fg-soft-30: hsla(270, 6.74%, 34.9%, 0.3);
  --fg-soft-40: hsla(270, 6.74%, 34.9%, 0.4);
  --fg-soft-50: hsla(270, 6.74%, 34.9%, 0.5);
  --fg-soft-60: hsla(270, 6.74%, 34.9%, 0.6);
  --fg-soft-70: hsla(270, 6.74%, 34.9%, 0.7);
  --fg-soft-80: hsla(270, 6.74%, 34.9%, 0.8);
  --fg-soft-90: hsla(270, 6.74%, 34.9%, 0.9);
  --fg-soft-d-1: hsla(270, 6.74%, 29.32%, 1);
  --fg-soft-d-2: hsla(270, 6.74%, 23.73%, 1);
  --fg-soft-d-3: hsla(270, 6.74%, 18.15%, 1);
  --fg-soft-d-4: hsla(270, 6.74%, 12.56%, 1);
  --fg-soft-l-1: hsla(270, 6.74%, 45.32%, 1);
  --fg-soft-l-2: hsla(270, 6.74%, 55.73%, 1);
  --fg-soft-l-3: hsla(270, 6.74%, 66.15%, 1);
  --fg-soft-l-4: hsla(270, 6.74%, 76.56%, 1);
  --yellow-deep-2: hsla(44.43, 100%, 36.27%, 1);
  --yellow-deep-5: hsla(44.43, 100%, 36.27%, 0.05);
  --yellow-deep-10: hsla(44.43, 100%, 36.27%, 0.1);
  --yellow-deep-20: hsla(44.43, 100%, 36.27%, 0.2);
  --yellow-deep-30: hsla(44.43, 100%, 36.27%, 0.3);
  --yellow-deep-40: hsla(44.43, 100%, 36.27%, 0.4);
  --yellow-deep-50: hsla(44.43, 100%, 36.27%, 0.5);
  --yellow-deep-60: hsla(44.43, 100%, 36.27%, 0.6);
  --yellow-deep-70: hsla(44.43, 100%, 36.27%, 0.7);
  --yellow-deep-80: hsla(44.43, 100%, 36.27%, 0.8);
  --yellow-deep-90: hsla(44.43, 100%, 36.27%, 0.9);
  --yellow-deep-d-1: hsla(44.43, 100%, 30.47%, 1);
  --yellow-deep-d-2: hsla(44.43, 100%, 24.67%, 1);
  --yellow-deep-d-3: hsla(44.43, 100%, 18.86%, 1);
  --yellow-deep-d-4: hsla(44.43, 100%, 13.06%, 1);
  --yellow-deep-l-1: hsla(44.43, 100%, 46.47%, 1);
  --yellow-deep-l-2: hsla(44.43, 100%, 56.67%, 1);
  --yellow-deep-l-3: hsla(44.43, 100%, 66.86%, 1);
  --yellow-deep-l-4: hsla(44.43, 100%, 77.06%, 1);
  --indigo-10: hsla(245.06, 43.46%, 37.45%, 0.1);
  --orange-10: hsla(21.16, 89.61%, 54.71%, 0.1);
  --magenta-10: hsla(325.4, 92.2%, 40.2%, 0.1);
  --magenta-l-1: hsla(325.4, 92.2%, 65%, 1);
  --text-3xs: clamp(0.75rem, calc(0.06vw + 0.73rem), 0.81rem);
  --text-2xs: clamp(0.82rem, calc(0.11vw + 0.79rem), 0.94rem);
  --text-xs: clamp(0.91rem, calc(0.17vw + 0.85rem), 1.09rem);
  --text-s: clamp(1rem, calc(0.25vw + 0.92rem), 1.27rem);
  --text-m: clamp(1.1rem, calc(0.35vw + 0.99rem), 1.47rem);
  --text-l: clamp(1.21rem, calc(0.46vw + 1.06rem), 1.71rem);
  --text-xl: clamp(1.33rem, calc(0.6vw + 1.14rem), 1.98rem);
  --text-2xl: clamp(1.46rem, calc(0.77vw + 1.21rem), 2.3rem);
  --text-3xl: clamp(1.61rem, calc(0.98vw + 1.29rem), 2.66rem);
  --text-4xl: clamp(1.77rem, calc(1.22vw + 1.38rem), 3.09rem);
  --space-6xs: clamp(0.25rem, calc(0.03vw + 0.24rem), 0.28rem);
  --space-5xs: clamp(0.33rem, calc(0.06vw + 0.31rem), 0.4rem);
  --space-4xs: clamp(0.44rem, calc(0.12vw + 0.4rem), 0.57rem);
  --space-3xs: clamp(0.57rem, calc(0.21vw + 0.51rem), 0.81rem);
  --space-2xs: clamp(0.76rem, calc(0.36vw + 0.65rem), 1.14rem);
  --space-xs: clamp(1rem, calc(0.58vw + 0.82rem), 1.62rem);
  --space-s: clamp(1.32rem, calc(0.91vw + 1.03rem), 2.31rem);
  --space-m: clamp(1.75rem, calc(1.42vw + 1.29rem), 3.27rem);
  --space-l: clamp(2.3rem, calc(2.17vw + 1.61rem), 4.65rem);
  --space-xl: clamp(3.04rem, calc(3.3vw + 1.99rem), 6.6rem);
  --space-2xl: clamp(4.01rem, calc(4.96vw + 2.43rem), 9.38rem);
  --space-3xl: clamp(5.3rem, calc(7.42vw + 2.93rem), 13.31rem);
  --space-4xl: clamp(7rem, calc(11.03vw + 3.47rem), 18.9rem);
}

:root.theme-alt .theme-inverted,
:root.theme-alt .theme-always-default,
:root.theme-default .theme-inverted .theme-always-default {
  --primary: hsla(221.87, 84.26%, 42.35%, 1);
  --primary-5: hsla(221.87, 84.26%, 42.35%, 0.05);
  --primary-10: hsla(221.87, 84.26%, 42.35%, 0.1);
  --primary-20: hsla(221.87, 84.26%, 42.35%, 0.2);
  --primary-30: hsla(221.87, 84.26%, 42.35%, 0.3);
  --primary-40: hsla(221.87, 84.26%, 42.35%, 0.4);
  --primary-50: hsla(221.87, 84.26%, 42.35%, 0.5);
  --primary-60: hsla(221.87, 84.26%, 42.35%, 0.6);
  --primary-70: hsla(221.87, 84.26%, 42.35%, 0.7);
  --primary-80: hsla(221.87, 84.26%, 42.35%, 0.8);
  --primary-90: hsla(221.87, 84.26%, 42.35%, 0.9);
  --primary-d-1: hsla(221.87, 84.26%, 35.57%, 1);
  --primary-d-2: hsla(221.87, 84.26%, 28.8%, 1);
  --primary-d-3: hsla(221.87, 84.26%, 22.02%, 1);
  --primary-d-4: hsla(221.87, 84.26%, 15.25%, 1);
  --primary-l-1: hsla(221.87, 84.26%, 51.57%, 1);
  --primary-l-2: hsla(221.87, 84.26%, 60.8%, 1);
  --primary-l-3: hsla(221.87, 84.26%, 70.02%, 1);
  --primary-l-4: hsla(221.87, 84.26%, 79.25%, 1);
  --secondary: hsla(21.16, 89.61%, 54.71%, 1);
  --secondary-5: hsla(21.16, 89.61%, 54.71%, 0.05);
  --secondary-10: hsla(21.16, 89.61%, 54.71%, 0.1);
  --secondary-20: hsla(21.16, 89.61%, 54.71%, 0.2);
  --secondary-30: hsla(21.16, 89.61%, 54.71%, 0.3);
  --secondary-40: hsla(21.16, 89.61%, 54.71%, 0.4);
  --secondary-50: hsla(21.16, 89.61%, 54.71%, 0.5);
  --secondary-60: hsla(21.16, 89.61%, 54.71%, 0.6);
  --secondary-70: hsla(21.16, 89.61%, 54.71%, 0.7);
  --secondary-80: hsla(21.16, 89.61%, 54.71%, 0.8);
  --secondary-90: hsla(21.16, 89.61%, 54.71%, 0.9);
  --secondary-d-1: hsla(21.16, 89.61%, 45.96%, 1);
  --secondary-d-2: hsla(21.16, 89.61%, 37.2%, 1);
  --secondary-d-3: hsla(21.16, 89.61%, 28.45%, 1);
  --secondary-d-4: hsla(21.16, 89.61%, 19.7%, 1);
  --secondary-l-1: hsla(21.16, 89.61%, 61.96%, 1);
  --secondary-l-2: hsla(21.16, 89.61%, 69.2%, 1);
  --secondary-l-3: hsla(21.16, 89.61%, 76.45%, 1);
  --secondary-l-4: hsla(21.16, 89.61%, 83.7%, 1);
  --tertiary: hsla(325.4, 92.2%, 40.2%, 1);
  --tertiary-5: hsla(325.4, 92.2%, 40.2%, 0.05);
  --tertiary-10: hsla(325.4, 92.2%, 40.2%, 0.1);
  --tertiary-20: hsla(325.4, 92.2%, 40.2%, 0.2);
  --tertiary-30: hsla(325.4, 92.2%, 40.2%, 0.3);
  --tertiary-40: hsla(325.4, 92.2%, 40.2%, 0.4);
  --tertiary-50: hsla(325.4, 92.2%, 40.2%, 0.5);
  --tertiary-60: hsla(325.4, 92.2%, 40.2%, 0.6);
  --tertiary-70: hsla(325.4, 92.2%, 40.2%, 0.7);
  --tertiary-80: hsla(325.4, 92.2%, 40.2%, 0.8);
  --tertiary-90: hsla(325.4, 92.2%, 40.2%, 0.9);
  --tertiary-d-1: hsla(325.4, 92.2%, 33.77%, 1);
  --tertiary-d-2: hsla(325.4, 92.2%, 27.34%, 1);
  --tertiary-d-3: hsla(325.4, 92.2%, 20.9%, 1);
  --tertiary-d-4: hsla(325.4, 92.2%, 14.47%, 1);
  --tertiary-l-1: hsla(325.4, 92.2%, 49.77%, 1);
  --tertiary-l-2: hsla(325.4, 92.2%, 59.34%, 1);
  --tertiary-l-3: hsla(325.4, 92.2%, 68.9%, 1);
  --tertiary-l-4: hsla(325.4, 92.2%, 78.47%, 1);
  --bg-body: hsla(0, 0%, 90%, 1);
  --bg-surface: hsla(0, 0%, 100%, 1);
  --text-body: hsla(0, 0%, 25%, 1);
  --text-title: hsla(0, 0%, 0%, 1);
  --border-primary: hsla(0, 0%, 50%, 0.25);
  --shadow-primary: hsla(0, 0%, 0%, 0.15);
  --light: hsla(85, 0%, 100%, 1);
  --light-5: hsla(85, 0%, 100%, 0.05);
  --light-10: hsla(85, 0%, 100%, 0.1);
  --light-20: hsla(85, 0%, 100%, 0.2);
  --light-30: hsla(85, 0%, 100%, 0.3);
  --light-40: hsla(85, 0%, 100%, 0.4);
  --light-50: hsla(85, 0%, 100%, 0.5);
  --light-60: hsla(85, 0%, 100%, 0.6);
  --light-70: hsla(85, 0%, 100%, 0.7);
  --light-80: hsla(85, 0%, 100%, 0.8);
  --light-90: hsla(85, 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: hsla(141.02, 79.19%, 66.08%, 1);
  --success-5: hsla(141.02, 79.19%, 66.08%, 0.05);
  --success-10: hsla(141.02, 79.19%, 66.08%, 0.1);
  --success-20: hsla(141.02, 79.19%, 66.08%, 0.2);
  --success-30: hsla(141.02, 79.19%, 66.08%, 0.3);
  --success-40: hsla(141.02, 79.19%, 66.08%, 0.4);
  --success-50: hsla(141.02, 79.19%, 66.08%, 0.5);
  --success-60: hsla(141.02, 79.19%, 66.08%, 0.6);
  --success-70: hsla(141.02, 79.19%, 66.08%, 0.7);
  --success-80: hsla(141.02, 79.19%, 66.08%, 0.8);
  --success-90: hsla(141.02, 79.19%, 66.08%, 0.9);
  --error: hsla(4.02, 90.65%, 58.04%, 1);
  --error-5: hsla(4.02, 90.65%, 58.04%, 0.05);
  --error-10: hsla(4.02, 90.65%, 58.04%, 0.1);
  --error-20: hsla(4.02, 90.65%, 58.04%, 0.2);
  --error-30: hsla(4.02, 90.65%, 58.04%, 0.3);
  --error-40: hsla(4.02, 90.65%, 58.04%, 0.4);
  --error-50: hsla(4.02, 90.65%, 58.04%, 0.5);
  --error-60: hsla(4.02, 90.65%, 58.04%, 0.6);
  --error-70: hsla(4.02, 90.65%, 58.04%, 0.7);
  --error-80: hsla(4.02, 90.65%, 58.04%, 0.8);
  --error-90: hsla(4.02, 90.65%, 58.04%, 0.9);
  --ink: hsla(258, 20.83%, 9.41%, 1);
  --ink-soft: hsla(270, 6.74%, 34.9%, 1);
  --paper: hsla(0, 0%, 94.51%, 1);
  --paper-raised: hsla(0, 0%, 100%, 1);
  --line: hsla(40, 7.89%, 85.1%, 1);
  --magenta: hsla(325.4, 92.2%, 40.2%, 1);
  --magenta-deep: hsla(315, 96.1%, 30.2%, 1);
  --orange: hsla(21.16, 89.61%, 54.71%, 1);
  --teal-deep: hsla(166.88, 64%, 19.61%, 1);
  --mint: hsla(141.02, 79.19%, 66.08%, 1);
  --indigo: hsla(245.06, 43.46%, 37.45%, 1);
  --blue: hsla(221.87, 84.26%, 42.35%, 1);
  --yellow: hsla(49.89, 100%, 65.1%, 1);
  --sky: hsla(177.62, 76.83%, 67.84%, 1);
  --bg: hsla(0, 0%, 94.51%, 1);
  --bg-5: hsla(0, 0%, 94.51%, 0.05);
  --bg-10: hsla(0, 0%, 94.51%, 0.1);
  --bg-20: hsla(0, 0%, 94.51%, 0.2);
  --bg-30: hsla(0, 0%, 94.51%, 0.3);
  --bg-40: hsla(0, 0%, 94.51%, 0.4);
  --bg-50: hsla(0, 0%, 94.51%, 0.5);
  --bg-60: hsla(0, 0%, 94.51%, 0.6);
  --bg-70: hsla(0, 0%, 94.51%, 0.7);
  --bg-80: hsla(0, 0%, 94.51%, 0.8);
  --bg-90: hsla(0, 0%, 94.51%, 0.9);
  --bg-d-1: hsla(0, 0%, 79.39%, 1);
  --bg-d-2: hsla(0, 0%, 64.27%, 1);
  --bg-d-3: hsla(0, 0%, 49.15%, 1);
  --bg-d-4: hsla(0, 0%, 34.02%, 1);
  --bg-l-1: hsla(0, 0%, 95.39%, 1);
  --bg-l-2: hsla(0, 0%, 96.27%, 1);
  --bg-l-3: hsla(0, 0%, 97.15%, 1);
  --bg-l-4: hsla(0, 0%, 98.02%, 1);
  --surface: hsla(0, 0%, 100%, 1);
  --surface-5: hsla(0, 0%, 100%, 0.05);
  --surface-10: hsla(0, 0%, 100%, 0.1);
  --surface-20: hsla(0, 0%, 100%, 0.2);
  --surface-30: hsla(0, 0%, 100%, 0.3);
  --surface-40: hsla(0, 0%, 100%, 0.4);
  --surface-50: hsla(0, 0%, 100%, 0.5);
  --surface-60: hsla(0, 0%, 100%, 0.6);
  --surface-70: hsla(0, 0%, 100%, 0.7);
  --surface-80: hsla(0, 0%, 100%, 0.8);
  --surface-90: hsla(0, 0%, 100%, 0.9);
  --surface-d-1: hsla(0, 0%, 84%, 1);
  --surface-d-2: hsla(0, 0%, 68%, 1);
  --surface-d-3: hsla(0, 0%, 52%, 1);
  --surface-d-4: hsla(0, 0%, 36%, 1);
  --surface-l-1: hsla(0, 0%, 100%, 1);
  --surface-l-2: hsla(0, 0%, 100%, 1);
  --surface-l-3: hsla(0, 0%, 100%, 1);
  --surface-l-4: hsla(0, 0%, 100%, 1);
  --text: hsla(258, 20.83%, 9.41%, 1);
  --text-5: hsla(258, 20.83%, 9.41%, 0.05);
  --text-10: hsla(258, 20.83%, 9.41%, 0.1);
  --text-20: hsla(258, 20.83%, 9.41%, 0.2);
  --text-30: hsla(258, 20.83%, 9.41%, 0.3);
  --text-40: hsla(258, 20.83%, 9.41%, 0.4);
  --text-50: hsla(258, 20.83%, 9.41%, 0.5);
  --text-60: hsla(258, 20.83%, 9.41%, 0.6);
  --text-70: hsla(258, 20.83%, 9.41%, 0.7);
  --text-80: hsla(258, 20.83%, 9.41%, 0.8);
  --text-90: hsla(258, 20.83%, 9.41%, 0.9);
  --text-d-1: hsla(258, 20.83%, 7.9%, 1);
  --text-d-2: hsla(258, 20.83%, 6.4%, 1);
  --text-d-3: hsla(258, 20.83%, 4.89%, 1);
  --text-d-4: hsla(258, 20.83%, 3.39%, 1);
  --text-l-1: hsla(258, 20.83%, 23.9%, 1);
  --text-l-2: hsla(258, 20.83%, 38.4%, 1);
  --text-l-3: hsla(258, 20.83%, 52.89%, 1);
  --text-l-4: hsla(258, 20.83%, 67.39%, 1);
  --text-soft: hsla(270, 6.74%, 34.9%, 1);
  --text-soft-5: hsla(270, 6.74%, 34.9%, 0.05);
  --text-soft-10: hsla(270, 6.74%, 34.9%, 0.1);
  --text-soft-20: hsla(270, 6.74%, 34.9%, 0.2);
  --text-soft-30: hsla(270, 6.74%, 34.9%, 0.3);
  --text-soft-40: hsla(270, 6.74%, 34.9%, 0.4);
  --text-soft-50: hsla(270, 6.74%, 34.9%, 0.5);
  --text-soft-60: hsla(270, 6.74%, 34.9%, 0.6);
  --text-soft-70: hsla(270, 6.74%, 34.9%, 0.7);
  --text-soft-80: hsla(270, 6.74%, 34.9%, 0.8);
  --text-soft-90: hsla(270, 6.74%, 34.9%, 0.9);
  --text-soft-d-1: hsla(270, 6.74%, 29.32%, 1);
  --text-soft-d-2: hsla(270, 6.74%, 23.73%, 1);
  --text-soft-d-3: hsla(270, 6.74%, 18.15%, 1);
  --text-soft-d-4: hsla(270, 6.74%, 12.56%, 1);
  --text-soft-l-1: hsla(270, 6.74%, 45.32%, 1);
  --text-soft-l-2: hsla(270, 6.74%, 55.73%, 1);
  --text-soft-l-3: hsla(270, 6.74%, 66.15%, 1);
  --text-soft-l-4: hsla(270, 6.74%, 76.56%, 1);
  --border: hsla(40, 7.89%, 85.1%, 1);
  --border-5: hsla(40, 7.89%, 85.1%, 0.05);
  --border-10: hsla(40, 7.89%, 85.1%, 0.1);
  --border-20: hsla(40, 7.89%, 85.1%, 0.2);
  --border-30: hsla(40, 7.89%, 85.1%, 0.3);
  --border-40: hsla(40, 7.89%, 85.1%, 0.4);
  --border-50: hsla(40, 7.89%, 85.1%, 0.5);
  --border-60: hsla(40, 7.89%, 85.1%, 0.6);
  --border-70: hsla(40, 7.89%, 85.1%, 0.7);
  --border-80: hsla(40, 7.89%, 85.1%, 0.8);
  --border-90: hsla(40, 7.89%, 85.1%, 0.9);
  --border-d-1: hsla(40, 7.89%, 71.48%, 1);
  --border-d-2: hsla(40, 7.89%, 57.87%, 1);
  --border-d-3: hsla(40, 7.89%, 44.25%, 1);
  --border-d-4: hsla(40, 7.89%, 30.64%, 1);
  --border-l-1: hsla(40, 7.89%, 87.48%, 1);
  --border-l-2: hsla(40, 7.89%, 89.87%, 1);
  --border-l-3: hsla(40, 7.89%, 92.25%, 1);
  --border-l-4: hsla(40, 7.89%, 94.64%, 1);
  --surface-translucent: hsla(0, 0%, 94.51%, 0.92);
  --surface-translucent-5: hsla(0, 0%, 94.51%, 0.05);
  --surface-translucent-10: hsla(0, 0%, 94.51%, 0.1);
  --surface-translucent-20: hsla(0, 0%, 94.51%, 0.2);
  --surface-translucent-30: hsla(0, 0%, 94.51%, 0.3);
  --surface-translucent-40: hsla(0, 0%, 94.51%, 0.4);
  --surface-translucent-50: hsla(0, 0%, 94.51%, 0.5);
  --surface-translucent-60: hsla(0, 0%, 94.51%, 0.6);
  --surface-translucent-70: hsla(0, 0%, 94.51%, 0.7);
  --surface-translucent-80: hsla(0, 0%, 94.51%, 0.8);
  --surface-translucent-90: hsla(0, 0%, 94.51%, 0.9);
  --surface-translucent-d-1: hsla(0, 0%, 79.39%, 0.92);
  --surface-translucent-d-2: hsla(0, 0%, 64.27%, 0.92);
  --surface-translucent-d-3: hsla(0, 0%, 49.15%, 0.92);
  --surface-translucent-d-4: hsla(0, 0%, 34.02%, 0.92);
  --surface-translucent-l-1: hsla(0, 0%, 95.39%, 0.92);
  --surface-translucent-l-2: hsla(0, 0%, 96.27%, 0.92);
  --surface-translucent-l-3: hsla(0, 0%, 97.15%, 0.92);
  --surface-translucent-l-4: hsla(0, 0%, 98.02%, 0.92);
  --fg: hsla(258, 20.83%, 9.41%, 1);
  --fg-5: hsla(258, 20.83%, 9.41%, 0.05);
  --fg-10: hsla(258, 20.83%, 9.41%, 0.1);
  --fg-20: hsla(258, 20.83%, 9.41%, 0.2);
  --fg-30: hsla(258, 20.83%, 9.41%, 0.3);
  --fg-40: hsla(258, 20.83%, 9.41%, 0.4);
  --fg-50: hsla(258, 20.83%, 9.41%, 0.5);
  --fg-60: hsla(258, 20.83%, 9.41%, 0.6);
  --fg-70: hsla(258, 20.83%, 9.41%, 0.7);
  --fg-80: hsla(258, 20.83%, 9.41%, 0.8);
  --fg-90: hsla(258, 20.83%, 9.41%, 0.9);
  --fg-d-1: hsla(258, 20.83%, 7.9%, 1);
  --fg-d-2: hsla(258, 20.83%, 6.4%, 1);
  --fg-d-3: hsla(258, 20.83%, 4.89%, 1);
  --fg-d-4: hsla(258, 20.83%, 3.39%, 1);
  --fg-l-1: hsla(258, 20.83%, 23.9%, 1);
  --fg-l-2: hsla(258, 20.83%, 38.4%, 1);
  --fg-l-3: hsla(258, 20.83%, 52.89%, 1);
  --fg-l-4: hsla(258, 20.83%, 67.39%, 1);
  --fg-soft: hsla(270, 6.74%, 34.9%, 1);
  --fg-soft-5: hsla(270, 6.74%, 34.9%, 0.05);
  --fg-soft-10: hsla(270, 6.74%, 34.9%, 0.1);
  --fg-soft-20: hsla(270, 6.74%, 34.9%, 0.2);
  --fg-soft-30: hsla(270, 6.74%, 34.9%, 0.3);
  --fg-soft-40: hsla(270, 6.74%, 34.9%, 0.4);
  --fg-soft-50: hsla(270, 6.74%, 34.9%, 0.5);
  --fg-soft-60: hsla(270, 6.74%, 34.9%, 0.6);
  --fg-soft-70: hsla(270, 6.74%, 34.9%, 0.7);
  --fg-soft-80: hsla(270, 6.74%, 34.9%, 0.8);
  --fg-soft-90: hsla(270, 6.74%, 34.9%, 0.9);
  --fg-soft-d-1: hsla(270, 6.74%, 29.32%, 1);
  --fg-soft-d-2: hsla(270, 6.74%, 23.73%, 1);
  --fg-soft-d-3: hsla(270, 6.74%, 18.15%, 1);
  --fg-soft-d-4: hsla(270, 6.74%, 12.56%, 1);
  --fg-soft-l-1: hsla(270, 6.74%, 45.32%, 1);
  --fg-soft-l-2: hsla(270, 6.74%, 55.73%, 1);
  --fg-soft-l-3: hsla(270, 6.74%, 66.15%, 1);
  --fg-soft-l-4: hsla(270, 6.74%, 76.56%, 1);
  --yellow-deep: hsla(44.43, 100%, 36.27%, 1);
  --yellow-deep-5: hsla(44.43, 100%, 36.27%, 0.05);
  --yellow-deep-10: hsla(44.43, 100%, 36.27%, 0.1);
  --yellow-deep-20: hsla(44.43, 100%, 36.27%, 0.2);
  --yellow-deep-30: hsla(44.43, 100%, 36.27%, 0.3);
  --yellow-deep-40: hsla(44.43, 100%, 36.27%, 0.4);
  --yellow-deep-50: hsla(44.43, 100%, 36.27%, 0.5);
  --yellow-deep-60: hsla(44.43, 100%, 36.27%, 0.6);
  --yellow-deep-70: hsla(44.43, 100%, 36.27%, 0.7);
  --yellow-deep-80: hsla(44.43, 100%, 36.27%, 0.8);
  --yellow-deep-90: hsla(44.43, 100%, 36.27%, 0.9);
  --yellow-deep-d-1: hsla(44.43, 100%, 30.47%, 1);
  --yellow-deep-d-2: hsla(44.43, 100%, 24.66%, 1);
  --yellow-deep-d-3: hsla(44.43, 100%, 18.86%, 1);
  --yellow-deep-d-4: hsla(44.43, 100%, 13.06%, 1);
  --yellow-deep-l-1: hsla(44.43, 100%, 46.47%, 1);
  --yellow-deep-l-2: hsla(44.43, 100%, 56.66%, 1);
  --yellow-deep-l-3: hsla(44.43, 100%, 66.86%, 1);
  --yellow-deep-l-4: hsla(44.43, 100%, 77.06%, 1);
  --primary-2: hsla(221.87, 84.26%, 42.35%, 1);
  --primary-5: hsla(221.87, 84.26%, 42.35%, 0.05);
  --primary-10: hsla(221.87, 84.26%, 42.35%, 0.1);
  --primary-20: hsla(221.87, 84.26%, 42.35%, 0.2);
  --primary-30: hsla(221.87, 84.26%, 42.35%, 0.3);
  --primary-40: hsla(221.87, 84.26%, 42.35%, 0.4);
  --primary-50: hsla(221.87, 84.26%, 42.35%, 0.5);
  --primary-60: hsla(221.87, 84.26%, 42.35%, 0.6);
  --primary-70: hsla(221.87, 84.26%, 42.35%, 0.7);
  --primary-80: hsla(221.87, 84.26%, 42.35%, 0.8);
  --primary-90: hsla(221.87, 84.26%, 42.35%, 0.9);
  --primary-d-1: hsla(221.87, 84.26%, 35.57%, 1);
  --primary-d-2: hsla(221.87, 84.26%, 28.8%, 1);
  --primary-d-3: hsla(221.87, 84.26%, 22.02%, 1);
  --primary-d-4: hsla(221.87, 84.26%, 15.25%, 1);
  --primary-l-1: hsla(221.87, 84.26%, 51.57%, 1);
  --primary-l-2: hsla(221.87, 84.26%, 60.8%, 1);
  --primary-l-3: hsla(221.87, 84.26%, 70.02%, 1);
  --primary-l-4: hsla(221.87, 84.26%, 79.25%, 1);
  --secondary-2: hsla(21.16, 89.61%, 54.71%, 1);
  --secondary-5: hsla(21.16, 89.61%, 54.71%, 0.05);
  --secondary-10: hsla(21.16, 89.61%, 54.71%, 0.1);
  --secondary-20: hsla(21.16, 89.61%, 54.71%, 0.2);
  --secondary-30: hsla(21.16, 89.61%, 54.71%, 0.3);
  --secondary-40: hsla(21.16, 89.61%, 54.71%, 0.4);
  --secondary-50: hsla(21.16, 89.61%, 54.71%, 0.5);
  --secondary-60: hsla(21.16, 89.61%, 54.71%, 0.6);
  --secondary-70: hsla(21.16, 89.61%, 54.71%, 0.7);
  --secondary-80: hsla(21.16, 89.61%, 54.71%, 0.8);
  --secondary-90: hsla(21.16, 89.61%, 54.71%, 0.9);
  --secondary-d-1: hsla(21.16, 89.61%, 45.95%, 1);
  --secondary-d-2: hsla(21.16, 89.61%, 37.2%, 1);
  --secondary-d-3: hsla(21.16, 89.61%, 28.45%, 1);
  --secondary-d-4: hsla(21.16, 89.61%, 19.69%, 1);
  --secondary-l-1: hsla(21.16, 89.61%, 61.95%, 1);
  --secondary-l-2: hsla(21.16, 89.61%, 69.2%, 1);
  --secondary-l-3: hsla(21.16, 89.61%, 76.45%, 1);
  --secondary-l-4: hsla(21.16, 89.61%, 83.69%, 1);
  --tertiary-2: hsla(325.4, 92.2%, 40.2%, 1);
  --tertiary-5: hsla(325.4, 92.2%, 40.2%, 0.05);
  --tertiary-10: hsla(325.4, 92.2%, 40.2%, 0.1);
  --tertiary-20: hsla(325.4, 92.2%, 40.2%, 0.2);
  --tertiary-30: hsla(325.4, 92.2%, 40.2%, 0.3);
  --tertiary-40: hsla(325.4, 92.2%, 40.2%, 0.4);
  --tertiary-50: hsla(325.4, 92.2%, 40.2%, 0.5);
  --tertiary-60: hsla(325.4, 92.2%, 40.2%, 0.6);
  --tertiary-70: hsla(325.4, 92.2%, 40.2%, 0.7);
  --tertiary-80: hsla(325.4, 92.2%, 40.2%, 0.8);
  --tertiary-90: hsla(325.4, 92.2%, 40.2%, 0.9);
  --tertiary-d-1: hsla(325.4, 92.2%, 33.76%, 1);
  --tertiary-d-2: hsla(325.4, 92.2%, 27.33%, 1);
  --tertiary-d-3: hsla(325.4, 92.2%, 20.9%, 1);
  --tertiary-d-4: hsla(325.4, 92.2%, 14.47%, 1);
  --tertiary-l-1: hsla(325.4, 92.2%, 49.76%, 1);
  --tertiary-l-2: hsla(325.4, 92.2%, 59.33%, 1);
  --tertiary-l-3: hsla(325.4, 92.2%, 68.9%, 1);
  --tertiary-l-4: hsla(325.4, 92.2%, 78.47%, 1);
  --bg-body-2: hsla(0, 0%, 90%, 1);
  --bg-surface-2: hsla(0, 0%, 100%, 1);
  --text-body-2: hsla(0, 0%, 25%, 1);
  --text-title-2: hsla(0, 0%, 0%, 1);
  --border-primary-2: hsla(0, 0%, 50%, 0.25);
  --shadow-primary-2: hsla(0, 0%, 0%, 0.15);
  --light-2: hsla(85, 0%, 100%, 1);
  --light-5: hsla(85, 0%, 100%, 0.05);
  --light-10: hsla(85, 0%, 100%, 0.1);
  --light-20: hsla(85, 0%, 100%, 0.2);
  --light-30: hsla(85, 0%, 100%, 0.3);
  --light-40: hsla(85, 0%, 100%, 0.4);
  --light-50: hsla(85, 0%, 100%, 0.5);
  --light-60: hsla(85, 0%, 100%, 0.6);
  --light-70: hsla(85, 0%, 100%, 0.7);
  --light-80: hsla(85, 0%, 100%, 0.8);
  --light-90: hsla(85, 0%, 100%, 0.9);
  --dark-2: 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-2: hsla(141.02, 79.19%, 66.08%, 1);
  --success-5: hsla(141.02, 79.19%, 66.08%, 0.05);
  --success-10: hsla(141.02, 79.19%, 66.08%, 0.1);
  --success-20: hsla(141.02, 79.19%, 66.08%, 0.2);
  --success-30: hsla(141.02, 79.19%, 66.08%, 0.3);
  --success-40: hsla(141.02, 79.19%, 66.08%, 0.4);
  --success-50: hsla(141.02, 79.19%, 66.08%, 0.5);
  --success-60: hsla(141.02, 79.19%, 66.08%, 0.6);
  --success-70: hsla(141.02, 79.19%, 66.08%, 0.7);
  --success-80: hsla(141.02, 79.19%, 66.08%, 0.8);
  --success-90: hsla(141.02, 79.19%, 66.08%, 0.9);
  --error-2: hsla(4.02, 90.65%, 58.04%, 1);
  --error-5: hsla(4.02, 90.65%, 58.04%, 0.05);
  --error-10: hsla(4.02, 90.65%, 58.04%, 0.1);
  --error-20: hsla(4.02, 90.65%, 58.04%, 0.2);
  --error-30: hsla(4.02, 90.65%, 58.04%, 0.3);
  --error-40: hsla(4.02, 90.65%, 58.04%, 0.4);
  --error-50: hsla(4.02, 90.65%, 58.04%, 0.5);
  --error-60: hsla(4.02, 90.65%, 58.04%, 0.6);
  --error-70: hsla(4.02, 90.65%, 58.04%, 0.7);
  --error-80: hsla(4.02, 90.65%, 58.04%, 0.8);
  --error-90: hsla(4.02, 90.65%, 58.04%, 0.9);
  --ink-2: hsla(258, 20.83%, 9.41%, 1);
  --ink-soft-2: hsla(270, 6.74%, 34.9%, 1);
  --paper-2: hsla(0, 0%, 94.51%, 1);
  --paper-raised-2: hsla(0, 0%, 100%, 1);
  --line-2: hsla(40, 7.89%, 85.1%, 1);
  --magenta-2: hsla(325.4, 92.2%, 40.2%, 1);
  --magenta-deep-2: hsla(315, 96.1%, 30.2%, 1);
  --orange-2: hsla(21.16, 89.61%, 54.71%, 1);
  --teal-deep-2: hsla(166.88, 64%, 19.61%, 1);
  --mint-2: hsla(141.02, 79.19%, 66.08%, 1);
  --indigo-2: hsla(245.06, 43.46%, 37.45%, 1);
  --blue-2: hsla(221.87, 84.26%, 42.35%, 1);
  --yellow-2: hsla(49.89, 100%, 65.1%, 1);
  --sky-2: hsla(177.62, 76.83%, 67.84%, 1);
  --yellow-pale: hsla(48.21, 100%, 78.04%, 1);
  --lime: hsla(90.58, 79.49%, 61.76%, 1);
  --red: hsla(4.02, 90.65%, 58.04%, 1);
  --pink: hsla(342.64, 82.38%, 62.16%, 1);
  --lavender: hsla(258.35, 71.6%, 66.86%, 1);
  --bg-2: hsla(0, 0%, 94.51%, 1);
  --bg-5: hsla(0, 0%, 94.51%, 0.05);
  --bg-10: hsla(0, 0%, 94.51%, 0.1);
  --bg-20: hsla(0, 0%, 94.51%, 0.2);
  --bg-30: hsla(0, 0%, 94.51%, 0.3);
  --bg-40: hsla(0, 0%, 94.51%, 0.4);
  --bg-50: hsla(0, 0%, 94.51%, 0.5);
  --bg-60: hsla(0, 0%, 94.51%, 0.6);
  --bg-70: hsla(0, 0%, 94.51%, 0.7);
  --bg-80: hsla(0, 0%, 94.51%, 0.8);
  --bg-90: hsla(0, 0%, 94.51%, 0.9);
  --bg-d-1: hsla(0, 0%, 79.39%, 1);
  --bg-d-2: hsla(0, 0%, 64.27%, 1);
  --bg-d-3: hsla(0, 0%, 49.15%, 1);
  --bg-d-4: hsla(0, 0%, 34.02%, 1);
  --bg-l-1: hsla(0, 0%, 95.39%, 1);
  --bg-l-2: hsla(0, 0%, 96.27%, 1);
  --bg-l-3: hsla(0, 0%, 97.15%, 1);
  --bg-l-4: hsla(0, 0%, 98.02%, 1);
  --surface-2: hsla(0, 0%, 100%, 1);
  --surface-5: hsla(0, 0%, 100%, 0.05);
  --surface-10: hsla(0, 0%, 100%, 0.1);
  --surface-20: hsla(0, 0%, 100%, 0.2);
  --surface-30: hsla(0, 0%, 100%, 0.3);
  --surface-40: hsla(0, 0%, 100%, 0.4);
  --surface-50: hsla(0, 0%, 100%, 0.5);
  --surface-60: hsla(0, 0%, 100%, 0.6);
  --surface-70: hsla(0, 0%, 100%, 0.7);
  --surface-80: hsla(0, 0%, 100%, 0.8);
  --surface-90: hsla(0, 0%, 100%, 0.9);
  --surface-d-1: hsla(0, 0%, 84%, 1);
  --surface-d-2: hsla(0, 0%, 68%, 1);
  --surface-d-3: hsla(0, 0%, 52%, 1);
  --surface-d-4: hsla(0, 0%, 36%, 1);
  --surface-l-1: hsla(0, 0%, 100%, 1);
  --surface-l-2: hsla(0, 0%, 100%, 1);
  --surface-l-3: hsla(0, 0%, 100%, 1);
  --surface-l-4: hsla(0, 0%, 100%, 1);
  --text-2: hsla(258, 20.83%, 9.41%, 1);
  --text-5: hsla(258, 20.83%, 9.41%, 0.05);
  --text-10: hsla(258, 20.83%, 9.41%, 0.1);
  --text-20: hsla(258, 20.83%, 9.41%, 0.2);
  --text-30: hsla(258, 20.83%, 9.41%, 0.3);
  --text-40: hsla(258, 20.83%, 9.41%, 0.4);
  --text-50: hsla(258, 20.83%, 9.41%, 0.5);
  --text-60: hsla(258, 20.83%, 9.41%, 0.6);
  --text-70: hsla(258, 20.83%, 9.41%, 0.7);
  --text-80: hsla(258, 20.83%, 9.41%, 0.8);
  --text-90: hsla(258, 20.83%, 9.41%, 0.9);
  --text-d-1: hsla(258, 20.83%, 7.9%, 1);
  --text-d-2: hsla(258, 20.83%, 6.4%, 1);
  --text-d-3: hsla(258, 20.83%, 4.89%, 1);
  --text-d-4: hsla(258, 20.83%, 3.39%, 1);
  --text-l-1: hsla(258, 20.83%, 23.9%, 1);
  --text-l-2: hsla(258, 20.83%, 38.4%, 1);
  --text-l-3: hsla(258, 20.83%, 52.89%, 1);
  --text-l-4: hsla(258, 20.83%, 67.39%, 1);
  --text-soft-2: hsla(270, 6.74%, 34.9%, 1);
  --text-soft-5: hsla(270, 6.74%, 34.9%, 0.05);
  --text-soft-10: hsla(270, 6.74%, 34.9%, 0.1);
  --text-soft-20: hsla(270, 6.74%, 34.9%, 0.2);
  --text-soft-30: hsla(270, 6.74%, 34.9%, 0.3);
  --text-soft-40: hsla(270, 6.74%, 34.9%, 0.4);
  --text-soft-50: hsla(270, 6.74%, 34.9%, 0.5);
  --text-soft-60: hsla(270, 6.74%, 34.9%, 0.6);
  --text-soft-70: hsla(270, 6.74%, 34.9%, 0.7);
  --text-soft-80: hsla(270, 6.74%, 34.9%, 0.8);
  --text-soft-90: hsla(270, 6.74%, 34.9%, 0.9);
  --text-soft-d-1: hsla(270, 6.74%, 29.32%, 1);
  --text-soft-d-2: hsla(270, 6.74%, 23.73%, 1);
  --text-soft-d-3: hsla(270, 6.74%, 18.15%, 1);
  --text-soft-d-4: hsla(270, 6.74%, 12.56%, 1);
  --text-soft-l-1: hsla(270, 6.74%, 45.32%, 1);
  --text-soft-l-2: hsla(270, 6.74%, 55.73%, 1);
  --text-soft-l-3: hsla(270, 6.74%, 66.15%, 1);
  --text-soft-l-4: hsla(270, 6.74%, 76.56%, 1);
  --border-2: hsla(40, 7.89%, 85.1%, 1);
  --border-5: hsla(40, 7.89%, 85.1%, 0.05);
  --border-10: hsla(40, 7.89%, 85.1%, 0.1);
  --border-20: hsla(40, 7.89%, 85.1%, 0.2);
  --border-30: hsla(40, 7.89%, 85.1%, 0.3);
  --border-40: hsla(40, 7.89%, 85.1%, 0.4);
  --border-50: hsla(40, 7.89%, 85.1%, 0.5);
  --border-60: hsla(40, 7.89%, 85.1%, 0.6);
  --border-70: hsla(40, 7.89%, 85.1%, 0.7);
  --border-80: hsla(40, 7.89%, 85.1%, 0.8);
  --border-90: hsla(40, 7.89%, 85.1%, 0.9);
  --border-d-1: hsla(40, 7.89%, 71.48%, 1);
  --border-d-2: hsla(40, 7.89%, 57.87%, 1);
  --border-d-3: hsla(40, 7.89%, 44.25%, 1);
  --border-d-4: hsla(40, 7.89%, 30.64%, 1);
  --border-l-1: hsla(40, 7.89%, 87.48%, 1);
  --border-l-2: hsla(40, 7.89%, 89.87%, 1);
  --border-l-3: hsla(40, 7.89%, 92.25%, 1);
  --border-l-4: hsla(40, 7.89%, 94.64%, 1);
  --surface-translucent-2: hsla(0, 0%, 94.51%, 0.92);
  --surface-translucent-5: hsla(0, 0%, 94.51%, 0.05);
  --surface-translucent-10: hsla(0, 0%, 94.51%, 0.1);
  --surface-translucent-20: hsla(0, 0%, 94.51%, 0.2);
  --surface-translucent-30: hsla(0, 0%, 94.51%, 0.3);
  --surface-translucent-40: hsla(0, 0%, 94.51%, 0.4);
  --surface-translucent-50: hsla(0, 0%, 94.51%, 0.5);
  --surface-translucent-60: hsla(0, 0%, 94.51%, 0.6);
  --surface-translucent-70: hsla(0, 0%, 94.51%, 0.7);
  --surface-translucent-80: hsla(0, 0%, 94.51%, 0.8);
  --surface-translucent-90: hsla(0, 0%, 94.51%, 0.9);
  --surface-translucent-d-1: hsla(0, 0%, 79.39%, 0.92);
  --surface-translucent-d-2: hsla(0, 0%, 64.27%, 0.92);
  --surface-translucent-d-3: hsla(0, 0%, 49.15%, 0.92);
  --surface-translucent-d-4: hsla(0, 0%, 34.02%, 0.92);
  --surface-translucent-l-1: hsla(0, 0%, 95.39%, 0.92);
  --surface-translucent-l-2: hsla(0, 0%, 96.27%, 0.92);
  --surface-translucent-l-3: hsla(0, 0%, 97.15%, 0.92);
  --surface-translucent-l-4: hsla(0, 0%, 98.02%, 0.92);
  --fg-2: hsla(258, 20.83%, 9.41%, 1);
  --fg-5: hsla(258, 20.83%, 9.41%, 0.05);
  --fg-10: hsla(258, 20.83%, 9.41%, 0.1);
  --fg-20: hsla(258, 20.83%, 9.41%, 0.2);
  --fg-30: hsla(258, 20.83%, 9.41%, 0.3);
  --fg-40: hsla(258, 20.83%, 9.41%, 0.4);
  --fg-50: hsla(258, 20.83%, 9.41%, 0.5);
  --fg-60: hsla(258, 20.83%, 9.41%, 0.6);
  --fg-70: hsla(258, 20.83%, 9.41%, 0.7);
  --fg-80: hsla(258, 20.83%, 9.41%, 0.8);
  --fg-90: hsla(258, 20.83%, 9.41%, 0.9);
  --fg-d-1: hsla(258, 20.83%, 7.9%, 1);
  --fg-d-2: hsla(258, 20.83%, 6.4%, 1);
  --fg-d-3: hsla(258, 20.83%, 4.89%, 1);
  --fg-d-4: hsla(258, 20.83%, 3.39%, 1);
  --fg-l-1: hsla(258, 20.83%, 23.9%, 1);
  --fg-l-2: hsla(258, 20.83%, 38.4%, 1);
  --fg-l-3: hsla(258, 20.83%, 52.89%, 1);
  --fg-l-4: hsla(258, 20.83%, 67.39%, 1);
  --fg-soft-2: hsla(270, 6.74%, 34.9%, 1);
  --fg-soft-5: hsla(270, 6.74%, 34.9%, 0.05);
  --fg-soft-10: hsla(270, 6.74%, 34.9%, 0.1);
  --fg-soft-20: hsla(270, 6.74%, 34.9%, 0.2);
  --fg-soft-30: hsla(270, 6.74%, 34.9%, 0.3);
  --fg-soft-40: hsla(270, 6.74%, 34.9%, 0.4);
  --fg-soft-50: hsla(270, 6.74%, 34.9%, 0.5);
  --fg-soft-60: hsla(270, 6.74%, 34.9%, 0.6);
  --fg-soft-70: hsla(270, 6.74%, 34.9%, 0.7);
  --fg-soft-80: hsla(270, 6.74%, 34.9%, 0.8);
  --fg-soft-90: hsla(270, 6.74%, 34.9%, 0.9);
  --fg-soft-d-1: hsla(270, 6.74%, 29.32%, 1);
  --fg-soft-d-2: hsla(270, 6.74%, 23.73%, 1);
  --fg-soft-d-3: hsla(270, 6.74%, 18.15%, 1);
  --fg-soft-d-4: hsla(270, 6.74%, 12.56%, 1);
  --fg-soft-l-1: hsla(270, 6.74%, 45.32%, 1);
  --fg-soft-l-2: hsla(270, 6.74%, 55.73%, 1);
  --fg-soft-l-3: hsla(270, 6.74%, 66.15%, 1);
  --fg-soft-l-4: hsla(270, 6.74%, 76.56%, 1);
  --yellow-deep-2: hsla(44.43, 100%, 36.27%, 1);
  --yellow-deep-5: hsla(44.43, 100%, 36.27%, 0.05);
  --yellow-deep-10: hsla(44.43, 100%, 36.27%, 0.1);
  --yellow-deep-20: hsla(44.43, 100%, 36.27%, 0.2);
  --yellow-deep-30: hsla(44.43, 100%, 36.27%, 0.3);
  --yellow-deep-40: hsla(44.43, 100%, 36.27%, 0.4);
  --yellow-deep-50: hsla(44.43, 100%, 36.27%, 0.5);
  --yellow-deep-60: hsla(44.43, 100%, 36.27%, 0.6);
  --yellow-deep-70: hsla(44.43, 100%, 36.27%, 0.7);
  --yellow-deep-80: hsla(44.43, 100%, 36.27%, 0.8);
  --yellow-deep-90: hsla(44.43, 100%, 36.27%, 0.9);
  --yellow-deep-d-1: hsla(44.43, 100%, 30.47%, 1);
  --yellow-deep-d-2: hsla(44.43, 100%, 24.67%, 1);
  --yellow-deep-d-3: hsla(44.43, 100%, 18.86%, 1);
  --yellow-deep-d-4: hsla(44.43, 100%, 13.06%, 1);
  --yellow-deep-l-1: hsla(44.43, 100%, 46.47%, 1);
  --yellow-deep-l-2: hsla(44.43, 100%, 56.67%, 1);
  --yellow-deep-l-3: hsla(44.43, 100%, 66.86%, 1);
  --yellow-deep-l-4: hsla(44.43, 100%, 77.06%, 1);
  --indigo-10: hsla(245.06, 43.46%, 37.45%, 0.1);
  --orange-10: hsla(21.16, 89.61%, 54.71%, 0.1);
  --magenta-10: hsla(325.4, 92.2%, 40.2%, 0.1);
  --magenta-l-1: hsla(325.4, 92.2%, 65%, 1);
}

:root.theme-alt,
:root.theme-default .theme-inverted,
:root.theme-default .theme-always-alt,
:root.theme-alt .theme-inverted .theme-always-alt {
  --bg-body: hsla(0, 0%, 5%, 1);
  --bg-surface: hsla(0, 0%, 15%, 1);
  --text-body: hsla(0, 0%, 75%, 1);
  --text-title: hsla(0, 0%, 100%, 1);
  --border-primary: hsla(0, 0%, 75%, 0.1);
  --shadow-primary: hsla(0, 0%, 0%, 0.4);
  --light: hsla(0, 0%, 0%, 1);
  --light-5: hsla(0, 0%, 0%, 0.05);
  --light-10: hsla(0, 0%, 0%, 0.1);
  --light-20: hsla(0, 0%, 0%, 0.2);
  --light-30: hsla(0, 0%, 0%, 0.3);
  --light-40: hsla(0, 0%, 0%, 0.4);
  --light-50: hsla(0, 0%, 0%, 0.5);
  --light-60: hsla(0, 0%, 0%, 0.6);
  --light-70: hsla(0, 0%, 0%, 0.7);
  --light-80: hsla(0, 0%, 0%, 0.8);
  --light-90: hsla(0, 0%, 0%, 0.9);
  --dark: hsla(0, 0%, 100%, 1);
  --dark-5: hsla(0, 0%, 100%, 0.05);
  --dark-10: hsla(0, 0%, 100%, 0.1);
  --dark-20: hsla(0, 0%, 100%, 0.2);
  --dark-30: hsla(0, 0%, 100%, 0.3);
  --dark-40: hsla(0, 0%, 100%, 0.4);
  --dark-50: hsla(0, 0%, 100%, 0.5);
  --dark-60: hsla(0, 0%, 100%, 0.6);
  --dark-70: hsla(0, 0%, 100%, 0.7);
  --dark-80: hsla(0, 0%, 100%, 0.8);
  --dark-90: hsla(0, 0%, 100%, 0.9);
  --bg: hsla(258, 16%, 7%, 1);
  --bg-5: hsla(258, 16%, 7%, 0.05);
  --bg-10: hsla(258, 16%, 7%, 0.1);
  --bg-20: hsla(258, 16%, 7%, 0.2);
  --bg-30: hsla(258, 16%, 7%, 0.3);
  --bg-40: hsla(258, 16%, 7%, 0.4);
  --bg-50: hsla(258, 16%, 7%, 0.5);
  --bg-60: hsla(258, 16%, 7%, 0.6);
  --bg-70: hsla(258, 16%, 7%, 0.7);
  --bg-80: hsla(258, 16%, 7%, 0.8);
  --bg-90: hsla(258, 16%, 7%, 0.9);
  --bg-d-1: hsla(258, 16%, 5.88%, 1);
  --bg-d-2: hsla(258, 16%, 4.76%, 1);
  --bg-d-3: hsla(258, 16%, 3.64%, 1);
  --bg-d-4: hsla(258, 16%, 2.52%, 1);
  --bg-l-1: hsla(258, 16%, 21.88%, 1);
  --bg-l-2: hsla(258, 16%, 36.76%, 1);
  --bg-l-3: hsla(258, 16%, 51.64%, 1);
  --bg-l-4: hsla(258, 16%, 66.52%, 1);
  --surface: hsla(258, 13%, 12%, 1);
  --surface-5: hsla(258, 13%, 12%, 0.05);
  --surface-10: hsla(258, 13%, 12%, 0.1);
  --surface-20: hsla(258, 13%, 12%, 0.2);
  --surface-30: hsla(258, 13%, 12%, 0.3);
  --surface-40: hsla(258, 13%, 12%, 0.4);
  --surface-50: hsla(258, 13%, 12%, 0.5);
  --surface-60: hsla(258, 13%, 12%, 0.6);
  --surface-70: hsla(258, 13%, 12%, 0.7);
  --surface-80: hsla(258, 13%, 12%, 0.8);
  --surface-90: hsla(258, 13%, 12%, 0.9);
  --surface-d-1: hsla(258, 13%, 10.08%, 1);
  --surface-d-2: hsla(258, 13%, 8.16%, 1);
  --surface-d-3: hsla(258, 13%, 6.24%, 1);
  --surface-d-4: hsla(258, 13%, 4.32%, 1);
  --surface-l-1: hsla(258, 13%, 26.08%, 1);
  --surface-l-2: hsla(258, 13%, 40.16%, 1);
  --surface-l-3: hsla(258, 13%, 54.24%, 1);
  --surface-l-4: hsla(258, 13%, 68.32%, 1);
  --text: hsla(258, 15%, 93%, 1);
  --text-5: hsla(258, 15%, 93%, 0.05);
  --text-10: hsla(258, 15%, 93%, 0.1);
  --text-20: hsla(258, 15%, 93%, 0.2);
  --text-30: hsla(258, 15%, 93%, 0.3);
  --text-40: hsla(258, 15%, 93%, 0.4);
  --text-50: hsla(258, 15%, 93%, 0.5);
  --text-60: hsla(258, 15%, 93%, 0.6);
  --text-70: hsla(258, 15%, 93%, 0.7);
  --text-80: hsla(258, 15%, 93%, 0.8);
  --text-90: hsla(258, 15%, 93%, 0.9);
  --text-d-1: hsla(258, 15%, 78.12%, 1);
  --text-d-2: hsla(258, 15%, 63.24%, 1);
  --text-d-3: hsla(258, 15%, 48.36%, 1);
  --text-d-4: hsla(258, 15%, 33.48%, 1);
  --text-l-1: hsla(258, 15%, 94.12%, 1);
  --text-l-2: hsla(258, 15%, 95.24%, 1);
  --text-l-3: hsla(258, 15%, 96.36%, 1);
  --text-l-4: hsla(258, 15%, 97.48%, 1);
  --text-soft: hsla(270, 8%, 66%, 1);
  --text-soft-5: hsla(270, 8%, 66%, 0.05);
  --text-soft-10: hsla(270, 8%, 66%, 0.1);
  --text-soft-20: hsla(270, 8%, 66%, 0.2);
  --text-soft-30: hsla(270, 8%, 66%, 0.3);
  --text-soft-40: hsla(270, 8%, 66%, 0.4);
  --text-soft-50: hsla(270, 8%, 66%, 0.5);
  --text-soft-60: hsla(270, 8%, 66%, 0.6);
  --text-soft-70: hsla(270, 8%, 66%, 0.7);
  --text-soft-80: hsla(270, 8%, 66%, 0.8);
  --text-soft-90: hsla(270, 8%, 66%, 0.9);
  --text-soft-d-1: hsla(270, 8%, 55.44%, 1);
  --text-soft-d-2: hsla(270, 8%, 44.88%, 1);
  --text-soft-d-3: hsla(270, 8%, 34.32%, 1);
  --text-soft-d-4: hsla(270, 8%, 23.76%, 1);
  --text-soft-l-1: hsla(270, 8%, 71.44%, 1);
  --text-soft-l-2: hsla(270, 8%, 76.88%, 1);
  --text-soft-l-3: hsla(270, 8%, 82.32%, 1);
  --text-soft-l-4: hsla(270, 8%, 87.76%, 1);
  --border: hsla(258, 10%, 22%, 1);
  --border-5: hsla(258, 10%, 22%, 0.05);
  --border-10: hsla(258, 10%, 22%, 0.1);
  --border-20: hsla(258, 10%, 22%, 0.2);
  --border-30: hsla(258, 10%, 22%, 0.3);
  --border-40: hsla(258, 10%, 22%, 0.4);
  --border-50: hsla(258, 10%, 22%, 0.5);
  --border-60: hsla(258, 10%, 22%, 0.6);
  --border-70: hsla(258, 10%, 22%, 0.7);
  --border-80: hsla(258, 10%, 22%, 0.8);
  --border-90: hsla(258, 10%, 22%, 0.9);
  --border-d-1: hsla(258, 10%, 18.48%, 1);
  --border-d-2: hsla(258, 10%, 14.96%, 1);
  --border-d-3: hsla(258, 10%, 11.44%, 1);
  --border-d-4: hsla(258, 10%, 7.92%, 1);
  --border-l-1: hsla(258, 10%, 34.48%, 1);
  --border-l-2: hsla(258, 10%, 46.96%, 1);
  --border-l-3: hsla(258, 10%, 59.44%, 1);
  --border-l-4: hsla(258, 10%, 71.92%, 1);
  --surface-translucent: hsla(260, 15.79%, 7.45%, 0.9);
  --surface-translucent-5: hsla(260, 15.79%, 7.45%, 0.05);
  --surface-translucent-10: hsla(260, 15.79%, 7.45%, 0.1);
  --surface-translucent-20: hsla(260, 15.79%, 7.45%, 0.2);
  --surface-translucent-30: hsla(260, 15.79%, 7.45%, 0.3);
  --surface-translucent-40: hsla(260, 15.79%, 7.45%, 0.4);
  --surface-translucent-50: hsla(260, 15.79%, 7.45%, 0.5);
  --surface-translucent-60: hsla(260, 15.79%, 7.45%, 0.6);
  --surface-translucent-70: hsla(260, 15.79%, 7.45%, 0.7);
  --surface-translucent-80: hsla(260, 15.79%, 7.45%, 0.8);
  --surface-translucent-90: hsla(260, 15.79%, 7.45%, 0.9);
  --surface-translucent-d-1: hsla(260, 15.79%, 6.26%, 0.9);
  --surface-translucent-d-2: hsla(260, 15.79%, 5.07%, 0.9);
  --surface-translucent-d-3: hsla(260, 15.79%, 3.87%, 0.9);
  --surface-translucent-d-4: hsla(260, 15.79%, 2.68%, 0.9);
  --surface-translucent-l-1: hsla(260, 15.79%, 22.26%, 0.9);
  --surface-translucent-l-2: hsla(260, 15.79%, 37.07%, 0.9);
  --surface-translucent-l-3: hsla(260, 15.79%, 51.87%, 0.9);
  --surface-translucent-l-4: hsla(260, 15.79%, 66.68%, 0.9);
  --fg: hsla(258, 15%, 93%, 1);
  --fg-5: hsla(258, 15%, 93%, 0.05);
  --fg-10: hsla(258, 15%, 93%, 0.1);
  --fg-20: hsla(258, 15%, 93%, 0.2);
  --fg-30: hsla(258, 15%, 93%, 0.3);
  --fg-40: hsla(258, 15%, 93%, 0.4);
  --fg-50: hsla(258, 15%, 93%, 0.5);
  --fg-60: hsla(258, 15%, 93%, 0.6);
  --fg-70: hsla(258, 15%, 93%, 0.7);
  --fg-80: hsla(258, 15%, 93%, 0.8);
  --fg-90: hsla(258, 15%, 93%, 0.9);
  --fg-d-1: hsla(258, 15%, 78.12%, 1);
  --fg-d-2: hsla(258, 15%, 63.24%, 1);
  --fg-d-3: hsla(258, 15%, 48.36%, 1);
  --fg-d-4: hsla(258, 15%, 33.48%, 1);
  --fg-l-1: hsla(258, 15%, 94.12%, 1);
  --fg-l-2: hsla(258, 15%, 95.24%, 1);
  --fg-l-3: hsla(258, 15%, 96.36%, 1);
  --fg-l-4: hsla(258, 15%, 97.48%, 1);
  --fg-soft: hsla(270, 8%, 66%, 1);
  --fg-soft-5: hsla(270, 8%, 66%, 0.05);
  --fg-soft-10: hsla(270, 8%, 66%, 0.1);
  --fg-soft-20: hsla(270, 8%, 66%, 0.2);
  --fg-soft-30: hsla(270, 8%, 66%, 0.3);
  --fg-soft-40: hsla(270, 8%, 66%, 0.4);
  --fg-soft-50: hsla(270, 8%, 66%, 0.5);
  --fg-soft-60: hsla(270, 8%, 66%, 0.6);
  --fg-soft-70: hsla(270, 8%, 66%, 0.7);
  --fg-soft-80: hsla(270, 8%, 66%, 0.8);
  --fg-soft-90: hsla(270, 8%, 66%, 0.9);
  --fg-soft-d-1: hsla(270, 8%, 55.44%, 1);
  --fg-soft-d-2: hsla(270, 8%, 44.88%, 1);
  --fg-soft-d-3: hsla(270, 8%, 34.32%, 1);
  --fg-soft-d-4: hsla(270, 8%, 23.76%, 1);
  --fg-soft-l-1: hsla(270, 8%, 71.44%, 1);
  --fg-soft-l-2: hsla(270, 8%, 76.88%, 1);
  --fg-soft-l-3: hsla(270, 8%, 82.32%, 1);
  --fg-soft-l-4: hsla(270, 8%, 87.76%, 1);
}
.text-primary {
  color: var(--primary);
}

.bg-primary {
  background-color: var(--primary);
}

.border-primary {
  border-color: var(--primary);
}

.text-primary-5 {
  color: var(--primary-5);
}

.bg-primary-5 {
  background-color: var(--primary-5);
}

.border-primary-5 {
  border-color: var(--primary-5);
}

.text-primary-10 {
  color: var(--primary-10);
}

.bg-primary-10 {
  background-color: var(--primary-10);
}

.border-primary-10 {
  border-color: var(--primary-10);
}

.text-primary-20 {
  color: var(--primary-20);
}

.bg-primary-20 {
  background-color: var(--primary-20);
}

.border-primary-20 {
  border-color: var(--primary-20);
}

.text-primary-30 {
  color: var(--primary-30);
}

.bg-primary-30 {
  background-color: var(--primary-30);
}

.border-primary-30 {
  border-color: var(--primary-30);
}

.text-primary-40 {
  color: var(--primary-40);
}

.bg-primary-40 {
  background-color: var(--primary-40);
}

.border-primary-40 {
  border-color: var(--primary-40);
}

.text-primary-50 {
  color: var(--primary-50);
}

.bg-primary-50 {
  background-color: var(--primary-50);
}

.border-primary-50 {
  border-color: var(--primary-50);
}

.text-primary-60 {
  color: var(--primary-60);
}

.bg-primary-60 {
  background-color: var(--primary-60);
}

.border-primary-60 {
  border-color: var(--primary-60);
}

.text-primary-70 {
  color: var(--primary-70);
}

.bg-primary-70 {
  background-color: var(--primary-70);
}

.border-primary-70 {
  border-color: var(--primary-70);
}

.text-primary-80 {
  color: var(--primary-80);
}

.bg-primary-80 {
  background-color: var(--primary-80);
}

.border-primary-80 {
  border-color: var(--primary-80);
}

.text-primary-90 {
  color: var(--primary-90);
}

.bg-primary-90 {
  background-color: var(--primary-90);
}

.border-primary-90 {
  border-color: var(--primary-90);
}

.text-primary-d-1 {
  color: var(--primary-d-1);
}

.bg-primary-d-1 {
  background-color: var(--primary-d-1);
}

.border-primary-d-1 {
  border-color: var(--primary-d-1);
}

.text-primary-d-2 {
  color: var(--primary-d-2);
}

.bg-primary-d-2 {
  background-color: var(--primary-d-2);
}

.border-primary-d-2 {
  border-color: var(--primary-d-2);
}

.text-primary-d-3 {
  color: var(--primary-d-3);
}

.bg-primary-d-3 {
  background-color: var(--primary-d-3);
}

.border-primary-d-3 {
  border-color: var(--primary-d-3);
}

.text-primary-d-4 {
  color: var(--primary-d-4);
}

.bg-primary-d-4 {
  background-color: var(--primary-d-4);
}

.border-primary-d-4 {
  border-color: var(--primary-d-4);
}

.text-primary-l-1 {
  color: var(--primary-l-1);
}

.bg-primary-l-1 {
  background-color: var(--primary-l-1);
}

.border-primary-l-1 {
  border-color: var(--primary-l-1);
}

.text-primary-l-2 {
  color: var(--primary-l-2);
}

.bg-primary-l-2 {
  background-color: var(--primary-l-2);
}

.border-primary-l-2 {
  border-color: var(--primary-l-2);
}

.text-primary-l-3 {
  color: var(--primary-l-3);
}

.bg-primary-l-3 {
  background-color: var(--primary-l-3);
}

.border-primary-l-3 {
  border-color: var(--primary-l-3);
}

.text-primary-l-4 {
  color: var(--primary-l-4);
}

.bg-primary-l-4 {
  background-color: var(--primary-l-4);
}

.border-primary-l-4 {
  border-color: var(--primary-l-4);
}

.text-secondary {
  color: var(--secondary);
}

.bg-secondary {
  background-color: var(--secondary);
}

.border-secondary {
  border-color: var(--secondary);
}

.text-secondary-5 {
  color: var(--secondary-5);
}

.bg-secondary-5 {
  background-color: var(--secondary-5);
}

.border-secondary-5 {
  border-color: var(--secondary-5);
}

.text-secondary-10 {
  color: var(--secondary-10);
}

.bg-secondary-10 {
  background-color: var(--secondary-10);
}

.border-secondary-10 {
  border-color: var(--secondary-10);
}

.text-secondary-20 {
  color: var(--secondary-20);
}

.bg-secondary-20 {
  background-color: var(--secondary-20);
}

.border-secondary-20 {
  border-color: var(--secondary-20);
}

.text-secondary-30 {
  color: var(--secondary-30);
}

.bg-secondary-30 {
  background-color: var(--secondary-30);
}

.border-secondary-30 {
  border-color: var(--secondary-30);
}

.text-secondary-40 {
  color: var(--secondary-40);
}

.bg-secondary-40 {
  background-color: var(--secondary-40);
}

.border-secondary-40 {
  border-color: var(--secondary-40);
}

.text-secondary-50 {
  color: var(--secondary-50);
}

.bg-secondary-50 {
  background-color: var(--secondary-50);
}

.border-secondary-50 {
  border-color: var(--secondary-50);
}

.text-secondary-60 {
  color: var(--secondary-60);
}

.bg-secondary-60 {
  background-color: var(--secondary-60);
}

.border-secondary-60 {
  border-color: var(--secondary-60);
}

.text-secondary-70 {
  color: var(--secondary-70);
}

.bg-secondary-70 {
  background-color: var(--secondary-70);
}

.border-secondary-70 {
  border-color: var(--secondary-70);
}

.text-secondary-80 {
  color: var(--secondary-80);
}

.bg-secondary-80 {
  background-color: var(--secondary-80);
}

.border-secondary-80 {
  border-color: var(--secondary-80);
}

.text-secondary-90 {
  color: var(--secondary-90);
}

.bg-secondary-90 {
  background-color: var(--secondary-90);
}

.border-secondary-90 {
  border-color: var(--secondary-90);
}

.text-secondary-d-1 {
  color: var(--secondary-d-1);
}

.bg-secondary-d-1 {
  background-color: var(--secondary-d-1);
}

.border-secondary-d-1 {
  border-color: var(--secondary-d-1);
}

.text-secondary-d-2 {
  color: var(--secondary-d-2);
}

.bg-secondary-d-2 {
  background-color: var(--secondary-d-2);
}

.border-secondary-d-2 {
  border-color: var(--secondary-d-2);
}

.text-secondary-d-3 {
  color: var(--secondary-d-3);
}

.bg-secondary-d-3 {
  background-color: var(--secondary-d-3);
}

.border-secondary-d-3 {
  border-color: var(--secondary-d-3);
}

.text-secondary-d-4 {
  color: var(--secondary-d-4);
}

.bg-secondary-d-4 {
  background-color: var(--secondary-d-4);
}

.border-secondary-d-4 {
  border-color: var(--secondary-d-4);
}

.text-secondary-l-1 {
  color: var(--secondary-l-1);
}

.bg-secondary-l-1 {
  background-color: var(--secondary-l-1);
}

.border-secondary-l-1 {
  border-color: var(--secondary-l-1);
}

.text-secondary-l-2 {
  color: var(--secondary-l-2);
}

.bg-secondary-l-2 {
  background-color: var(--secondary-l-2);
}

.border-secondary-l-2 {
  border-color: var(--secondary-l-2);
}

.text-secondary-l-3 {
  color: var(--secondary-l-3);
}

.bg-secondary-l-3 {
  background-color: var(--secondary-l-3);
}

.border-secondary-l-3 {
  border-color: var(--secondary-l-3);
}

.text-secondary-l-4 {
  color: var(--secondary-l-4);
}

.bg-secondary-l-4 {
  background-color: var(--secondary-l-4);
}

.border-secondary-l-4 {
  border-color: var(--secondary-l-4);
}

.text-tertiary {
  color: var(--tertiary);
}

.bg-tertiary {
  background-color: var(--tertiary);
}

.border-tertiary {
  border-color: var(--tertiary);
}

.text-tertiary-5 {
  color: var(--tertiary-5);
}

.bg-tertiary-5 {
  background-color: var(--tertiary-5);
}

.border-tertiary-5 {
  border-color: var(--tertiary-5);
}

.text-tertiary-10 {
  color: var(--tertiary-10);
}

.bg-tertiary-10 {
  background-color: var(--tertiary-10);
}

.border-tertiary-10 {
  border-color: var(--tertiary-10);
}

.text-tertiary-20 {
  color: var(--tertiary-20);
}

.bg-tertiary-20 {
  background-color: var(--tertiary-20);
}

.border-tertiary-20 {
  border-color: var(--tertiary-20);
}

.text-tertiary-30 {
  color: var(--tertiary-30);
}

.bg-tertiary-30 {
  background-color: var(--tertiary-30);
}

.border-tertiary-30 {
  border-color: var(--tertiary-30);
}

.text-tertiary-40 {
  color: var(--tertiary-40);
}

.bg-tertiary-40 {
  background-color: var(--tertiary-40);
}

.border-tertiary-40 {
  border-color: var(--tertiary-40);
}

.text-tertiary-50 {
  color: var(--tertiary-50);
}

.bg-tertiary-50 {
  background-color: var(--tertiary-50);
}

.border-tertiary-50 {
  border-color: var(--tertiary-50);
}

.text-tertiary-60 {
  color: var(--tertiary-60);
}

.bg-tertiary-60 {
  background-color: var(--tertiary-60);
}

.border-tertiary-60 {
  border-color: var(--tertiary-60);
}

.text-tertiary-70 {
  color: var(--tertiary-70);
}

.bg-tertiary-70 {
  background-color: var(--tertiary-70);
}

.border-tertiary-70 {
  border-color: var(--tertiary-70);
}

.text-tertiary-80 {
  color: var(--tertiary-80);
}

.bg-tertiary-80 {
  background-color: var(--tertiary-80);
}

.border-tertiary-80 {
  border-color: var(--tertiary-80);
}

.text-tertiary-90 {
  color: var(--tertiary-90);
}

.bg-tertiary-90 {
  background-color: var(--tertiary-90);
}

.border-tertiary-90 {
  border-color: var(--tertiary-90);
}

.text-tertiary-d-1 {
  color: var(--tertiary-d-1);
}

.bg-tertiary-d-1 {
  background-color: var(--tertiary-d-1);
}

.border-tertiary-d-1 {
  border-color: var(--tertiary-d-1);
}

.text-tertiary-d-2 {
  color: var(--tertiary-d-2);
}

.bg-tertiary-d-2 {
  background-color: var(--tertiary-d-2);
}

.border-tertiary-d-2 {
  border-color: var(--tertiary-d-2);
}

.text-tertiary-d-3 {
  color: var(--tertiary-d-3);
}

.bg-tertiary-d-3 {
  background-color: var(--tertiary-d-3);
}

.border-tertiary-d-3 {
  border-color: var(--tertiary-d-3);
}

.text-tertiary-d-4 {
  color: var(--tertiary-d-4);
}

.bg-tertiary-d-4 {
  background-color: var(--tertiary-d-4);
}

.border-tertiary-d-4 {
  border-color: var(--tertiary-d-4);
}

.text-tertiary-l-1 {
  color: var(--tertiary-l-1);
}

.bg-tertiary-l-1 {
  background-color: var(--tertiary-l-1);
}

.border-tertiary-l-1 {
  border-color: var(--tertiary-l-1);
}

.text-tertiary-l-2 {
  color: var(--tertiary-l-2);
}

.bg-tertiary-l-2 {
  background-color: var(--tertiary-l-2);
}

.border-tertiary-l-2 {
  border-color: var(--tertiary-l-2);
}

.text-tertiary-l-3 {
  color: var(--tertiary-l-3);
}

.bg-tertiary-l-3 {
  background-color: var(--tertiary-l-3);
}

.border-tertiary-l-3 {
  border-color: var(--tertiary-l-3);
}

.text-tertiary-l-4 {
  color: var(--tertiary-l-4);
}

.bg-tertiary-l-4 {
  background-color: var(--tertiary-l-4);
}

.border-tertiary-l-4 {
  border-color: var(--tertiary-l-4);
}

.bg-bg-body {
  background-color: var(--bg-body);
}

.bg-bg-surface {
  background-color: var(--bg-surface);
}

.text-text-body {
  color: var(--text-body);
}

.text-text-title {
  color: var(--text-title);
}

.border-border-primary {
  border-color: var(--border-primary);
}

.text-light {
  color: var(--light);
}

.bg-light {
  background-color: var(--light);
}

.border-light {
  border-color: var(--light);
}

.text-light-5 {
  color: var(--light-5);
}

.bg-light-5 {
  background-color: var(--light-5);
}

.border-light-5 {
  border-color: var(--light-5);
}

.text-light-10 {
  color: var(--light-10);
}

.bg-light-10 {
  background-color: var(--light-10);
}

.border-light-10 {
  border-color: var(--light-10);
}

.text-light-20 {
  color: var(--light-20);
}

.bg-light-20 {
  background-color: var(--light-20);
}

.border-light-20 {
  border-color: var(--light-20);
}

.text-light-30 {
  color: var(--light-30);
}

.bg-light-30 {
  background-color: var(--light-30);
}

.border-light-30 {
  border-color: var(--light-30);
}

.text-light-40 {
  color: var(--light-40);
}

.bg-light-40 {
  background-color: var(--light-40);
}

.border-light-40 {
  border-color: var(--light-40);
}

.text-light-50 {
  color: var(--light-50);
}

.bg-light-50 {
  background-color: var(--light-50);
}

.border-light-50 {
  border-color: var(--light-50);
}

.text-light-60 {
  color: var(--light-60);
}

.bg-light-60 {
  background-color: var(--light-60);
}

.border-light-60 {
  border-color: var(--light-60);
}

.text-light-70 {
  color: var(--light-70);
}

.bg-light-70 {
  background-color: var(--light-70);
}

.border-light-70 {
  border-color: var(--light-70);
}

.text-light-80 {
  color: var(--light-80);
}

.bg-light-80 {
  background-color: var(--light-80);
}

.border-light-80 {
  border-color: var(--light-80);
}

.text-light-90 {
  color: var(--light-90);
}

.bg-light-90 {
  background-color: var(--light-90);
}

.border-light-90 {
  border-color: var(--light-90);
}

.text-dark {
  color: var(--dark);
}

.bg-dark {
  background-color: var(--dark);
}

.border-dark {
  border-color: var(--dark);
}

.text-dark-5 {
  color: var(--dark-5);
}

.bg-dark-5 {
  background-color: var(--dark-5);
}

.border-dark-5 {
  border-color: var(--dark-5);
}

.text-dark-10 {
  color: var(--dark-10);
}

.bg-dark-10 {
  background-color: var(--dark-10);
}

.border-dark-10 {
  border-color: var(--dark-10);
}

.text-dark-20 {
  color: var(--dark-20);
}

.bg-dark-20 {
  background-color: var(--dark-20);
}

.border-dark-20 {
  border-color: var(--dark-20);
}

.text-dark-30 {
  color: var(--dark-30);
}

.bg-dark-30 {
  background-color: var(--dark-30);
}

.border-dark-30 {
  border-color: var(--dark-30);
}

.text-dark-40 {
  color: var(--dark-40);
}

.bg-dark-40 {
  background-color: var(--dark-40);
}

.border-dark-40 {
  border-color: var(--dark-40);
}

.text-dark-50 {
  color: var(--dark-50);
}

.bg-dark-50 {
  background-color: var(--dark-50);
}

.border-dark-50 {
  border-color: var(--dark-50);
}

.text-dark-60 {
  color: var(--dark-60);
}

.bg-dark-60 {
  background-color: var(--dark-60);
}

.border-dark-60 {
  border-color: var(--dark-60);
}

.text-dark-70 {
  color: var(--dark-70);
}

.bg-dark-70 {
  background-color: var(--dark-70);
}

.border-dark-70 {
  border-color: var(--dark-70);
}

.text-dark-80 {
  color: var(--dark-80);
}

.bg-dark-80 {
  background-color: var(--dark-80);
}

.border-dark-80 {
  border-color: var(--dark-80);
}

.text-dark-90 {
  color: var(--dark-90);
}

.bg-dark-90 {
  background-color: var(--dark-90);
}

.border-dark-90 {
  border-color: var(--dark-90);
}

.text-success {
  color: var(--success);
}

.bg-success {
  background-color: var(--success);
}

.border-success {
  border-color: var(--success);
}

.text-success-5 {
  color: var(--success-5);
}

.bg-success-5 {
  background-color: var(--success-5);
}

.border-success-5 {
  border-color: var(--success-5);
}

.text-success-10 {
  color: var(--success-10);
}

.bg-success-10 {
  background-color: var(--success-10);
}

.border-success-10 {
  border-color: var(--success-10);
}

.text-success-20 {
  color: var(--success-20);
}

.bg-success-20 {
  background-color: var(--success-20);
}

.border-success-20 {
  border-color: var(--success-20);
}

.text-success-30 {
  color: var(--success-30);
}

.bg-success-30 {
  background-color: var(--success-30);
}

.border-success-30 {
  border-color: var(--success-30);
}

.text-success-40 {
  color: var(--success-40);
}

.bg-success-40 {
  background-color: var(--success-40);
}

.border-success-40 {
  border-color: var(--success-40);
}

.text-success-50 {
  color: var(--success-50);
}

.bg-success-50 {
  background-color: var(--success-50);
}

.border-success-50 {
  border-color: var(--success-50);
}

.text-success-60 {
  color: var(--success-60);
}

.bg-success-60 {
  background-color: var(--success-60);
}

.border-success-60 {
  border-color: var(--success-60);
}

.text-success-70 {
  color: var(--success-70);
}

.bg-success-70 {
  background-color: var(--success-70);
}

.border-success-70 {
  border-color: var(--success-70);
}

.text-success-80 {
  color: var(--success-80);
}

.bg-success-80 {
  background-color: var(--success-80);
}

.border-success-80 {
  border-color: var(--success-80);
}

.text-success-90 {
  color: var(--success-90);
}

.bg-success-90 {
  background-color: var(--success-90);
}

.border-success-90 {
  border-color: var(--success-90);
}

.text-error {
  color: var(--error);
}

.bg-error {
  background-color: var(--error);
}

.border-error {
  border-color: var(--error);
}

.text-error-5 {
  color: var(--error-5);
}

.bg-error-5 {
  background-color: var(--error-5);
}

.border-error-5 {
  border-color: var(--error-5);
}

.text-error-10 {
  color: var(--error-10);
}

.bg-error-10 {
  background-color: var(--error-10);
}

.border-error-10 {
  border-color: var(--error-10);
}

.text-error-20 {
  color: var(--error-20);
}

.bg-error-20 {
  background-color: var(--error-20);
}

.border-error-20 {
  border-color: var(--error-20);
}

.text-error-30 {
  color: var(--error-30);
}

.bg-error-30 {
  background-color: var(--error-30);
}

.border-error-30 {
  border-color: var(--error-30);
}

.text-error-40 {
  color: var(--error-40);
}

.bg-error-40 {
  background-color: var(--error-40);
}

.border-error-40 {
  border-color: var(--error-40);
}

.text-error-50 {
  color: var(--error-50);
}

.bg-error-50 {
  background-color: var(--error-50);
}

.border-error-50 {
  border-color: var(--error-50);
}

.text-error-60 {
  color: var(--error-60);
}

.bg-error-60 {
  background-color: var(--error-60);
}

.border-error-60 {
  border-color: var(--error-60);
}

.text-error-70 {
  color: var(--error-70);
}

.bg-error-70 {
  background-color: var(--error-70);
}

.border-error-70 {
  border-color: var(--error-70);
}

.text-error-80 {
  color: var(--error-80);
}

.bg-error-80 {
  background-color: var(--error-80);
}

.border-error-80 {
  border-color: var(--error-80);
}

.text-error-90 {
  color: var(--error-90);
}

.bg-error-90 {
  background-color: var(--error-90);
}

.border-error-90 {
  border-color: var(--error-90);
}

.text-bg {
  color: var(--bg);
}

.bg-bg {
  background-color: var(--bg);
}

.border-bg {
  border-color: var(--bg);
}

.text-bg-5 {
  color: var(--bg-5);
}

.bg-bg-5 {
  background-color: var(--bg-5);
}

.border-bg-5 {
  border-color: var(--bg-5);
}

.text-bg-10 {
  color: var(--bg-10);
}

.bg-bg-10 {
  background-color: var(--bg-10);
}

.border-bg-10 {
  border-color: var(--bg-10);
}

.text-bg-20 {
  color: var(--bg-20);
}

.bg-bg-20 {
  background-color: var(--bg-20);
}

.border-bg-20 {
  border-color: var(--bg-20);
}

.text-bg-30 {
  color: var(--bg-30);
}

.bg-bg-30 {
  background-color: var(--bg-30);
}

.border-bg-30 {
  border-color: var(--bg-30);
}

.text-bg-40 {
  color: var(--bg-40);
}

.bg-bg-40 {
  background-color: var(--bg-40);
}

.border-bg-40 {
  border-color: var(--bg-40);
}

.text-bg-50 {
  color: var(--bg-50);
}

.bg-bg-50 {
  background-color: var(--bg-50);
}

.border-bg-50 {
  border-color: var(--bg-50);
}

.text-bg-60 {
  color: var(--bg-60);
}

.bg-bg-60 {
  background-color: var(--bg-60);
}

.border-bg-60 {
  border-color: var(--bg-60);
}

.text-bg-70 {
  color: var(--bg-70);
}

.bg-bg-70 {
  background-color: var(--bg-70);
}

.border-bg-70 {
  border-color: var(--bg-70);
}

.text-bg-80 {
  color: var(--bg-80);
}

.bg-bg-80 {
  background-color: var(--bg-80);
}

.border-bg-80 {
  border-color: var(--bg-80);
}

.text-bg-90 {
  color: var(--bg-90);
}

.bg-bg-90 {
  background-color: var(--bg-90);
}

.border-bg-90 {
  border-color: var(--bg-90);
}

.text-bg-d-1 {
  color: var(--bg-d-1);
}

.bg-bg-d-1 {
  background-color: var(--bg-d-1);
}

.border-bg-d-1 {
  border-color: var(--bg-d-1);
}

.text-bg-d-2 {
  color: var(--bg-d-2);
}

.bg-bg-d-2 {
  background-color: var(--bg-d-2);
}

.border-bg-d-2 {
  border-color: var(--bg-d-2);
}

.text-bg-d-3 {
  color: var(--bg-d-3);
}

.bg-bg-d-3 {
  background-color: var(--bg-d-3);
}

.border-bg-d-3 {
  border-color: var(--bg-d-3);
}

.text-bg-d-4 {
  color: var(--bg-d-4);
}

.bg-bg-d-4 {
  background-color: var(--bg-d-4);
}

.border-bg-d-4 {
  border-color: var(--bg-d-4);
}

.text-bg-l-1 {
  color: var(--bg-l-1);
}

.bg-bg-l-1 {
  background-color: var(--bg-l-1);
}

.border-bg-l-1 {
  border-color: var(--bg-l-1);
}

.text-bg-l-2 {
  color: var(--bg-l-2);
}

.bg-bg-l-2 {
  background-color: var(--bg-l-2);
}

.border-bg-l-2 {
  border-color: var(--bg-l-2);
}

.text-bg-l-3 {
  color: var(--bg-l-3);
}

.bg-bg-l-3 {
  background-color: var(--bg-l-3);
}

.border-bg-l-3 {
  border-color: var(--bg-l-3);
}

.text-bg-l-4 {
  color: var(--bg-l-4);
}

.bg-bg-l-4 {
  background-color: var(--bg-l-4);
}

.border-bg-l-4 {
  border-color: var(--bg-l-4);
}

.text-surface {
  color: var(--surface);
}

.bg-surface {
  background-color: var(--surface);
}

.border-surface {
  border-color: var(--surface);
}

.text-surface-5 {
  color: var(--surface-5);
}

.bg-surface-5 {
  background-color: var(--surface-5);
}

.border-surface-5 {
  border-color: var(--surface-5);
}

.text-surface-10 {
  color: var(--surface-10);
}

.bg-surface-10 {
  background-color: var(--surface-10);
}

.border-surface-10 {
  border-color: var(--surface-10);
}

.text-surface-20 {
  color: var(--surface-20);
}

.bg-surface-20 {
  background-color: var(--surface-20);
}

.border-surface-20 {
  border-color: var(--surface-20);
}

.text-surface-30 {
  color: var(--surface-30);
}

.bg-surface-30 {
  background-color: var(--surface-30);
}

.border-surface-30 {
  border-color: var(--surface-30);
}

.text-surface-40 {
  color: var(--surface-40);
}

.bg-surface-40 {
  background-color: var(--surface-40);
}

.border-surface-40 {
  border-color: var(--surface-40);
}

.text-surface-50 {
  color: var(--surface-50);
}

.bg-surface-50 {
  background-color: var(--surface-50);
}

.border-surface-50 {
  border-color: var(--surface-50);
}

.text-surface-60 {
  color: var(--surface-60);
}

.bg-surface-60 {
  background-color: var(--surface-60);
}

.border-surface-60 {
  border-color: var(--surface-60);
}

.text-surface-70 {
  color: var(--surface-70);
}

.bg-surface-70 {
  background-color: var(--surface-70);
}

.border-surface-70 {
  border-color: var(--surface-70);
}

.text-surface-80 {
  color: var(--surface-80);
}

.bg-surface-80 {
  background-color: var(--surface-80);
}

.border-surface-80 {
  border-color: var(--surface-80);
}

.text-surface-90 {
  color: var(--surface-90);
}

.bg-surface-90 {
  background-color: var(--surface-90);
}

.border-surface-90 {
  border-color: var(--surface-90);
}

.text-surface-d-1 {
  color: var(--surface-d-1);
}

.bg-surface-d-1 {
  background-color: var(--surface-d-1);
}

.border-surface-d-1 {
  border-color: var(--surface-d-1);
}

.text-surface-d-2 {
  color: var(--surface-d-2);
}

.bg-surface-d-2 {
  background-color: var(--surface-d-2);
}

.border-surface-d-2 {
  border-color: var(--surface-d-2);
}

.text-surface-d-3 {
  color: var(--surface-d-3);
}

.bg-surface-d-3 {
  background-color: var(--surface-d-3);
}

.border-surface-d-3 {
  border-color: var(--surface-d-3);
}

.text-surface-d-4 {
  color: var(--surface-d-4);
}

.bg-surface-d-4 {
  background-color: var(--surface-d-4);
}

.border-surface-d-4 {
  border-color: var(--surface-d-4);
}

.text-surface-l-1 {
  color: var(--surface-l-1);
}

.bg-surface-l-1 {
  background-color: var(--surface-l-1);
}

.border-surface-l-1 {
  border-color: var(--surface-l-1);
}

.text-surface-l-2 {
  color: var(--surface-l-2);
}

.bg-surface-l-2 {
  background-color: var(--surface-l-2);
}

.border-surface-l-2 {
  border-color: var(--surface-l-2);
}

.text-surface-l-3 {
  color: var(--surface-l-3);
}

.bg-surface-l-3 {
  background-color: var(--surface-l-3);
}

.border-surface-l-3 {
  border-color: var(--surface-l-3);
}

.text-surface-l-4 {
  color: var(--surface-l-4);
}

.bg-surface-l-4 {
  background-color: var(--surface-l-4);
}

.border-surface-l-4 {
  border-color: var(--surface-l-4);
}

.text-text {
  color: var(--text);
}

.bg-text {
  background-color: var(--text);
}

.border-text {
  border-color: var(--text);
}

.text-text-5 {
  color: var(--text-5);
}

.bg-text-5 {
  background-color: var(--text-5);
}

.border-text-5 {
  border-color: var(--text-5);
}

.text-text-10 {
  color: var(--text-10);
}

.bg-text-10 {
  background-color: var(--text-10);
}

.border-text-10 {
  border-color: var(--text-10);
}

.text-text-20 {
  color: var(--text-20);
}

.bg-text-20 {
  background-color: var(--text-20);
}

.border-text-20 {
  border-color: var(--text-20);
}

.text-text-30 {
  color: var(--text-30);
}

.bg-text-30 {
  background-color: var(--text-30);
}

.border-text-30 {
  border-color: var(--text-30);
}

.text-text-40 {
  color: var(--text-40);
}

.bg-text-40 {
  background-color: var(--text-40);
}

.border-text-40 {
  border-color: var(--text-40);
}

.text-text-50 {
  color: var(--text-50);
}

.bg-text-50 {
  background-color: var(--text-50);
}

.border-text-50 {
  border-color: var(--text-50);
}

.text-text-60 {
  color: var(--text-60);
}

.bg-text-60 {
  background-color: var(--text-60);
}

.border-text-60 {
  border-color: var(--text-60);
}

.text-text-70 {
  color: var(--text-70);
}

.bg-text-70 {
  background-color: var(--text-70);
}

.border-text-70 {
  border-color: var(--text-70);
}

.text-text-80 {
  color: var(--text-80);
}

.bg-text-80 {
  background-color: var(--text-80);
}

.border-text-80 {
  border-color: var(--text-80);
}

.text-text-90 {
  color: var(--text-90);
}

.bg-text-90 {
  background-color: var(--text-90);
}

.border-text-90 {
  border-color: var(--text-90);
}

.text-text-d-1 {
  color: var(--text-d-1);
}

.bg-text-d-1 {
  background-color: var(--text-d-1);
}

.border-text-d-1 {
  border-color: var(--text-d-1);
}

.text-text-d-2 {
  color: var(--text-d-2);
}

.bg-text-d-2 {
  background-color: var(--text-d-2);
}

.border-text-d-2 {
  border-color: var(--text-d-2);
}

.text-text-d-3 {
  color: var(--text-d-3);
}

.bg-text-d-3 {
  background-color: var(--text-d-3);
}

.border-text-d-3 {
  border-color: var(--text-d-3);
}

.text-text-d-4 {
  color: var(--text-d-4);
}

.bg-text-d-4 {
  background-color: var(--text-d-4);
}

.border-text-d-4 {
  border-color: var(--text-d-4);
}

.text-text-l-1 {
  color: var(--text-l-1);
}

.bg-text-l-1 {
  background-color: var(--text-l-1);
}

.border-text-l-1 {
  border-color: var(--text-l-1);
}

.text-text-l-2 {
  color: var(--text-l-2);
}

.bg-text-l-2 {
  background-color: var(--text-l-2);
}

.border-text-l-2 {
  border-color: var(--text-l-2);
}

.text-text-l-3 {
  color: var(--text-l-3);
}

.bg-text-l-3 {
  background-color: var(--text-l-3);
}

.border-text-l-3 {
  border-color: var(--text-l-3);
}

.text-text-l-4 {
  color: var(--text-l-4);
}

.bg-text-l-4 {
  background-color: var(--text-l-4);
}

.border-text-l-4 {
  border-color: var(--text-l-4);
}

.text-text-soft {
  color: var(--text-soft);
}

.bg-text-soft {
  background-color: var(--text-soft);
}

.border-text-soft {
  border-color: var(--text-soft);
}

.text-text-soft-5 {
  color: var(--text-soft-5);
}

.bg-text-soft-5 {
  background-color: var(--text-soft-5);
}

.border-text-soft-5 {
  border-color: var(--text-soft-5);
}

.text-text-soft-10 {
  color: var(--text-soft-10);
}

.bg-text-soft-10 {
  background-color: var(--text-soft-10);
}

.border-text-soft-10 {
  border-color: var(--text-soft-10);
}

.text-text-soft-20 {
  color: var(--text-soft-20);
}

.bg-text-soft-20 {
  background-color: var(--text-soft-20);
}

.border-text-soft-20 {
  border-color: var(--text-soft-20);
}

.text-text-soft-30 {
  color: var(--text-soft-30);
}

.bg-text-soft-30 {
  background-color: var(--text-soft-30);
}

.border-text-soft-30 {
  border-color: var(--text-soft-30);
}

.text-text-soft-40 {
  color: var(--text-soft-40);
}

.bg-text-soft-40 {
  background-color: var(--text-soft-40);
}

.border-text-soft-40 {
  border-color: var(--text-soft-40);
}

.text-text-soft-50 {
  color: var(--text-soft-50);
}

.bg-text-soft-50 {
  background-color: var(--text-soft-50);
}

.border-text-soft-50 {
  border-color: var(--text-soft-50);
}

.text-text-soft-60 {
  color: var(--text-soft-60);
}

.bg-text-soft-60 {
  background-color: var(--text-soft-60);
}

.border-text-soft-60 {
  border-color: var(--text-soft-60);
}

.text-text-soft-70 {
  color: var(--text-soft-70);
}

.bg-text-soft-70 {
  background-color: var(--text-soft-70);
}

.border-text-soft-70 {
  border-color: var(--text-soft-70);
}

.text-text-soft-80 {
  color: var(--text-soft-80);
}

.bg-text-soft-80 {
  background-color: var(--text-soft-80);
}

.border-text-soft-80 {
  border-color: var(--text-soft-80);
}

.text-text-soft-90 {
  color: var(--text-soft-90);
}

.bg-text-soft-90 {
  background-color: var(--text-soft-90);
}

.border-text-soft-90 {
  border-color: var(--text-soft-90);
}

.text-text-soft-d-1 {
  color: var(--text-soft-d-1);
}

.bg-text-soft-d-1 {
  background-color: var(--text-soft-d-1);
}

.border-text-soft-d-1 {
  border-color: var(--text-soft-d-1);
}

.text-text-soft-d-2 {
  color: var(--text-soft-d-2);
}

.bg-text-soft-d-2 {
  background-color: var(--text-soft-d-2);
}

.border-text-soft-d-2 {
  border-color: var(--text-soft-d-2);
}

.text-text-soft-d-3 {
  color: var(--text-soft-d-3);
}

.bg-text-soft-d-3 {
  background-color: var(--text-soft-d-3);
}

.border-text-soft-d-3 {
  border-color: var(--text-soft-d-3);
}

.text-text-soft-d-4 {
  color: var(--text-soft-d-4);
}

.bg-text-soft-d-4 {
  background-color: var(--text-soft-d-4);
}

.border-text-soft-d-4 {
  border-color: var(--text-soft-d-4);
}

.text-text-soft-l-1 {
  color: var(--text-soft-l-1);
}

.bg-text-soft-l-1 {
  background-color: var(--text-soft-l-1);
}

.border-text-soft-l-1 {
  border-color: var(--text-soft-l-1);
}

.text-text-soft-l-2 {
  color: var(--text-soft-l-2);
}

.bg-text-soft-l-2 {
  background-color: var(--text-soft-l-2);
}

.border-text-soft-l-2 {
  border-color: var(--text-soft-l-2);
}

.text-text-soft-l-3 {
  color: var(--text-soft-l-3);
}

.bg-text-soft-l-3 {
  background-color: var(--text-soft-l-3);
}

.border-text-soft-l-3 {
  border-color: var(--text-soft-l-3);
}

.text-text-soft-l-4 {
  color: var(--text-soft-l-4);
}

.bg-text-soft-l-4 {
  background-color: var(--text-soft-l-4);
}

.border-text-soft-l-4 {
  border-color: var(--text-soft-l-4);
}

.text-border {
  color: var(--border);
}

.bg-border {
  background-color: var(--border);
}

.border-border {
  border-color: var(--border);
}

.text-border-5 {
  color: var(--border-5);
}

.bg-border-5 {
  background-color: var(--border-5);
}

.border-border-5 {
  border-color: var(--border-5);
}

.text-border-10 {
  color: var(--border-10);
}

.bg-border-10 {
  background-color: var(--border-10);
}

.border-border-10 {
  border-color: var(--border-10);
}

.text-border-20 {
  color: var(--border-20);
}

.bg-border-20 {
  background-color: var(--border-20);
}

.border-border-20 {
  border-color: var(--border-20);
}

.text-border-30 {
  color: var(--border-30);
}

.bg-border-30 {
  background-color: var(--border-30);
}

.border-border-30 {
  border-color: var(--border-30);
}

.text-border-40 {
  color: var(--border-40);
}

.bg-border-40 {
  background-color: var(--border-40);
}

.border-border-40 {
  border-color: var(--border-40);
}

.text-border-50 {
  color: var(--border-50);
}

.bg-border-50 {
  background-color: var(--border-50);
}

.border-border-50 {
  border-color: var(--border-50);
}

.text-border-60 {
  color: var(--border-60);
}

.bg-border-60 {
  background-color: var(--border-60);
}

.border-border-60 {
  border-color: var(--border-60);
}

.text-border-70 {
  color: var(--border-70);
}

.bg-border-70 {
  background-color: var(--border-70);
}

.border-border-70 {
  border-color: var(--border-70);
}

.text-border-80 {
  color: var(--border-80);
}

.bg-border-80 {
  background-color: var(--border-80);
}

.border-border-80 {
  border-color: var(--border-80);
}

.text-border-90 {
  color: var(--border-90);
}

.bg-border-90 {
  background-color: var(--border-90);
}

.border-border-90 {
  border-color: var(--border-90);
}

.text-border-d-1 {
  color: var(--border-d-1);
}

.bg-border-d-1 {
  background-color: var(--border-d-1);
}

.border-border-d-1 {
  border-color: var(--border-d-1);
}

.text-border-d-2 {
  color: var(--border-d-2);
}

.bg-border-d-2 {
  background-color: var(--border-d-2);
}

.border-border-d-2 {
  border-color: var(--border-d-2);
}

.text-border-d-3 {
  color: var(--border-d-3);
}

.bg-border-d-3 {
  background-color: var(--border-d-3);
}

.border-border-d-3 {
  border-color: var(--border-d-3);
}

.text-border-d-4 {
  color: var(--border-d-4);
}

.bg-border-d-4 {
  background-color: var(--border-d-4);
}

.border-border-d-4 {
  border-color: var(--border-d-4);
}

.text-border-l-1 {
  color: var(--border-l-1);
}

.bg-border-l-1 {
  background-color: var(--border-l-1);
}

.border-border-l-1 {
  border-color: var(--border-l-1);
}

.text-border-l-2 {
  color: var(--border-l-2);
}

.bg-border-l-2 {
  background-color: var(--border-l-2);
}

.border-border-l-2 {
  border-color: var(--border-l-2);
}

.text-border-l-3 {
  color: var(--border-l-3);
}

.bg-border-l-3 {
  background-color: var(--border-l-3);
}

.border-border-l-3 {
  border-color: var(--border-l-3);
}

.text-border-l-4 {
  color: var(--border-l-4);
}

.bg-border-l-4 {
  background-color: var(--border-l-4);
}

.border-border-l-4 {
  border-color: var(--border-l-4);
}

.text-surface-translucent {
  color: var(--surface-translucent);
}

.bg-surface-translucent {
  background-color: var(--surface-translucent);
}

.border-surface-translucent {
  border-color: var(--surface-translucent);
}

.text-surface-translucent-5 {
  color: var(--surface-translucent-5);
}

.bg-surface-translucent-5 {
  background-color: var(--surface-translucent-5);
}

.border-surface-translucent-5 {
  border-color: var(--surface-translucent-5);
}

.text-surface-translucent-10 {
  color: var(--surface-translucent-10);
}

.bg-surface-translucent-10 {
  background-color: var(--surface-translucent-10);
}

.border-surface-translucent-10 {
  border-color: var(--surface-translucent-10);
}

.text-surface-translucent-20 {
  color: var(--surface-translucent-20);
}

.bg-surface-translucent-20 {
  background-color: var(--surface-translucent-20);
}

.border-surface-translucent-20 {
  border-color: var(--surface-translucent-20);
}

.text-surface-translucent-30 {
  color: var(--surface-translucent-30);
}

.bg-surface-translucent-30 {
  background-color: var(--surface-translucent-30);
}

.border-surface-translucent-30 {
  border-color: var(--surface-translucent-30);
}

.text-surface-translucent-40 {
  color: var(--surface-translucent-40);
}

.bg-surface-translucent-40 {
  background-color: var(--surface-translucent-40);
}

.border-surface-translucent-40 {
  border-color: var(--surface-translucent-40);
}

.text-surface-translucent-50 {
  color: var(--surface-translucent-50);
}

.bg-surface-translucent-50 {
  background-color: var(--surface-translucent-50);
}

.border-surface-translucent-50 {
  border-color: var(--surface-translucent-50);
}

.text-surface-translucent-60 {
  color: var(--surface-translucent-60);
}

.bg-surface-translucent-60 {
  background-color: var(--surface-translucent-60);
}

.border-surface-translucent-60 {
  border-color: var(--surface-translucent-60);
}

.text-surface-translucent-70 {
  color: var(--surface-translucent-70);
}

.bg-surface-translucent-70 {
  background-color: var(--surface-translucent-70);
}

.border-surface-translucent-70 {
  border-color: var(--surface-translucent-70);
}

.text-surface-translucent-80 {
  color: var(--surface-translucent-80);
}

.bg-surface-translucent-80 {
  background-color: var(--surface-translucent-80);
}

.border-surface-translucent-80 {
  border-color: var(--surface-translucent-80);
}

.text-surface-translucent-90 {
  color: var(--surface-translucent-90);
}

.bg-surface-translucent-90 {
  background-color: var(--surface-translucent-90);
}

.border-surface-translucent-90 {
  border-color: var(--surface-translucent-90);
}

.text-surface-translucent-d-1 {
  color: var(--surface-translucent-d-1);
}

.bg-surface-translucent-d-1 {
  background-color: var(--surface-translucent-d-1);
}

.border-surface-translucent-d-1 {
  border-color: var(--surface-translucent-d-1);
}

.text-surface-translucent-d-2 {
  color: var(--surface-translucent-d-2);
}

.bg-surface-translucent-d-2 {
  background-color: var(--surface-translucent-d-2);
}

.border-surface-translucent-d-2 {
  border-color: var(--surface-translucent-d-2);
}

.text-surface-translucent-d-3 {
  color: var(--surface-translucent-d-3);
}

.bg-surface-translucent-d-3 {
  background-color: var(--surface-translucent-d-3);
}

.border-surface-translucent-d-3 {
  border-color: var(--surface-translucent-d-3);
}

.text-surface-translucent-d-4 {
  color: var(--surface-translucent-d-4);
}

.bg-surface-translucent-d-4 {
  background-color: var(--surface-translucent-d-4);
}

.border-surface-translucent-d-4 {
  border-color: var(--surface-translucent-d-4);
}

.text-surface-translucent-l-1 {
  color: var(--surface-translucent-l-1);
}

.bg-surface-translucent-l-1 {
  background-color: var(--surface-translucent-l-1);
}

.border-surface-translucent-l-1 {
  border-color: var(--surface-translucent-l-1);
}

.text-surface-translucent-l-2 {
  color: var(--surface-translucent-l-2);
}

.bg-surface-translucent-l-2 {
  background-color: var(--surface-translucent-l-2);
}

.border-surface-translucent-l-2 {
  border-color: var(--surface-translucent-l-2);
}

.text-surface-translucent-l-3 {
  color: var(--surface-translucent-l-3);
}

.bg-surface-translucent-l-3 {
  background-color: var(--surface-translucent-l-3);
}

.border-surface-translucent-l-3 {
  border-color: var(--surface-translucent-l-3);
}

.text-surface-translucent-l-4 {
  color: var(--surface-translucent-l-4);
}

.bg-surface-translucent-l-4 {
  background-color: var(--surface-translucent-l-4);
}

.border-surface-translucent-l-4 {
  border-color: var(--surface-translucent-l-4);
}

.text-fg {
  color: var(--fg);
}

.bg-fg {
  background-color: var(--fg);
}

.border-fg {
  border-color: var(--fg);
}

.text-fg-5 {
  color: var(--fg-5);
}

.bg-fg-5 {
  background-color: var(--fg-5);
}

.border-fg-5 {
  border-color: var(--fg-5);
}

.text-fg-10 {
  color: var(--fg-10);
}

.bg-fg-10 {
  background-color: var(--fg-10);
}

.border-fg-10 {
  border-color: var(--fg-10);
}

.text-fg-20 {
  color: var(--fg-20);
}

.bg-fg-20 {
  background-color: var(--fg-20);
}

.border-fg-20 {
  border-color: var(--fg-20);
}

.text-fg-30 {
  color: var(--fg-30);
}

.bg-fg-30 {
  background-color: var(--fg-30);
}

.border-fg-30 {
  border-color: var(--fg-30);
}

.text-fg-40 {
  color: var(--fg-40);
}

.bg-fg-40 {
  background-color: var(--fg-40);
}

.border-fg-40 {
  border-color: var(--fg-40);
}

.text-fg-50 {
  color: var(--fg-50);
}

.bg-fg-50 {
  background-color: var(--fg-50);
}

.border-fg-50 {
  border-color: var(--fg-50);
}

.text-fg-60 {
  color: var(--fg-60);
}

.bg-fg-60 {
  background-color: var(--fg-60);
}

.border-fg-60 {
  border-color: var(--fg-60);
}

.text-fg-70 {
  color: var(--fg-70);
}

.bg-fg-70 {
  background-color: var(--fg-70);
}

.border-fg-70 {
  border-color: var(--fg-70);
}

.text-fg-80 {
  color: var(--fg-80);
}

.bg-fg-80 {
  background-color: var(--fg-80);
}

.border-fg-80 {
  border-color: var(--fg-80);
}

.text-fg-90 {
  color: var(--fg-90);
}

.bg-fg-90 {
  background-color: var(--fg-90);
}

.border-fg-90 {
  border-color: var(--fg-90);
}

.text-fg-d-1 {
  color: var(--fg-d-1);
}

.bg-fg-d-1 {
  background-color: var(--fg-d-1);
}

.border-fg-d-1 {
  border-color: var(--fg-d-1);
}

.text-fg-d-2 {
  color: var(--fg-d-2);
}

.bg-fg-d-2 {
  background-color: var(--fg-d-2);
}

.border-fg-d-2 {
  border-color: var(--fg-d-2);
}

.text-fg-d-3 {
  color: var(--fg-d-3);
}

.bg-fg-d-3 {
  background-color: var(--fg-d-3);
}

.border-fg-d-3 {
  border-color: var(--fg-d-3);
}

.text-fg-d-4 {
  color: var(--fg-d-4);
}

.bg-fg-d-4 {
  background-color: var(--fg-d-4);
}

.border-fg-d-4 {
  border-color: var(--fg-d-4);
}

.text-fg-l-1 {
  color: var(--fg-l-1);
}

.bg-fg-l-1 {
  background-color: var(--fg-l-1);
}

.border-fg-l-1 {
  border-color: var(--fg-l-1);
}

.text-fg-l-2 {
  color: var(--fg-l-2);
}

.bg-fg-l-2 {
  background-color: var(--fg-l-2);
}

.border-fg-l-2 {
  border-color: var(--fg-l-2);
}

.text-fg-l-3 {
  color: var(--fg-l-3);
}

.bg-fg-l-3 {
  background-color: var(--fg-l-3);
}

.border-fg-l-3 {
  border-color: var(--fg-l-3);
}

.text-fg-l-4 {
  color: var(--fg-l-4);
}

.bg-fg-l-4 {
  background-color: var(--fg-l-4);
}

.border-fg-l-4 {
  border-color: var(--fg-l-4);
}

.text-fg-soft {
  color: var(--fg-soft);
}

.bg-fg-soft {
  background-color: var(--fg-soft);
}

.border-fg-soft {
  border-color: var(--fg-soft);
}

.text-fg-soft-5 {
  color: var(--fg-soft-5);
}

.bg-fg-soft-5 {
  background-color: var(--fg-soft-5);
}

.border-fg-soft-5 {
  border-color: var(--fg-soft-5);
}

.text-fg-soft-10 {
  color: var(--fg-soft-10);
}

.bg-fg-soft-10 {
  background-color: var(--fg-soft-10);
}

.border-fg-soft-10 {
  border-color: var(--fg-soft-10);
}

.text-fg-soft-20 {
  color: var(--fg-soft-20);
}

.bg-fg-soft-20 {
  background-color: var(--fg-soft-20);
}

.border-fg-soft-20 {
  border-color: var(--fg-soft-20);
}

.text-fg-soft-30 {
  color: var(--fg-soft-30);
}

.bg-fg-soft-30 {
  background-color: var(--fg-soft-30);
}

.border-fg-soft-30 {
  border-color: var(--fg-soft-30);
}

.text-fg-soft-40 {
  color: var(--fg-soft-40);
}

.bg-fg-soft-40 {
  background-color: var(--fg-soft-40);
}

.border-fg-soft-40 {
  border-color: var(--fg-soft-40);
}

.text-fg-soft-50 {
  color: var(--fg-soft-50);
}

.bg-fg-soft-50 {
  background-color: var(--fg-soft-50);
}

.border-fg-soft-50 {
  border-color: var(--fg-soft-50);
}

.text-fg-soft-60 {
  color: var(--fg-soft-60);
}

.bg-fg-soft-60 {
  background-color: var(--fg-soft-60);
}

.border-fg-soft-60 {
  border-color: var(--fg-soft-60);
}

.text-fg-soft-70 {
  color: var(--fg-soft-70);
}

.bg-fg-soft-70 {
  background-color: var(--fg-soft-70);
}

.border-fg-soft-70 {
  border-color: var(--fg-soft-70);
}

.text-fg-soft-80 {
  color: var(--fg-soft-80);
}

.bg-fg-soft-80 {
  background-color: var(--fg-soft-80);
}

.border-fg-soft-80 {
  border-color: var(--fg-soft-80);
}

.text-fg-soft-90 {
  color: var(--fg-soft-90);
}

.bg-fg-soft-90 {
  background-color: var(--fg-soft-90);
}

.border-fg-soft-90 {
  border-color: var(--fg-soft-90);
}

.text-fg-soft-d-1 {
  color: var(--fg-soft-d-1);
}

.bg-fg-soft-d-1 {
  background-color: var(--fg-soft-d-1);
}

.border-fg-soft-d-1 {
  border-color: var(--fg-soft-d-1);
}

.text-fg-soft-d-2 {
  color: var(--fg-soft-d-2);
}

.bg-fg-soft-d-2 {
  background-color: var(--fg-soft-d-2);
}

.border-fg-soft-d-2 {
  border-color: var(--fg-soft-d-2);
}

.text-fg-soft-d-3 {
  color: var(--fg-soft-d-3);
}

.bg-fg-soft-d-3 {
  background-color: var(--fg-soft-d-3);
}

.border-fg-soft-d-3 {
  border-color: var(--fg-soft-d-3);
}

.text-fg-soft-d-4 {
  color: var(--fg-soft-d-4);
}

.bg-fg-soft-d-4 {
  background-color: var(--fg-soft-d-4);
}

.border-fg-soft-d-4 {
  border-color: var(--fg-soft-d-4);
}

.text-fg-soft-l-1 {
  color: var(--fg-soft-l-1);
}

.bg-fg-soft-l-1 {
  background-color: var(--fg-soft-l-1);
}

.border-fg-soft-l-1 {
  border-color: var(--fg-soft-l-1);
}

.text-fg-soft-l-2 {
  color: var(--fg-soft-l-2);
}

.bg-fg-soft-l-2 {
  background-color: var(--fg-soft-l-2);
}

.border-fg-soft-l-2 {
  border-color: var(--fg-soft-l-2);
}

.text-fg-soft-l-3 {
  color: var(--fg-soft-l-3);
}

.bg-fg-soft-l-3 {
  background-color: var(--fg-soft-l-3);
}

.border-fg-soft-l-3 {
  border-color: var(--fg-soft-l-3);
}

.text-fg-soft-l-4 {
  color: var(--fg-soft-l-4);
}

.bg-fg-soft-l-4 {
  background-color: var(--fg-soft-l-4);
}

.border-fg-soft-l-4 {
  border-color: var(--fg-soft-l-4);
}

.text-yellow-deep {
  color: var(--yellow-deep);
}

.bg-yellow-deep {
  background-color: var(--yellow-deep);
}

.border-yellow-deep {
  border-color: var(--yellow-deep);
}

.text-yellow-deep-5 {
  color: var(--yellow-deep-5);
}

.bg-yellow-deep-5 {
  background-color: var(--yellow-deep-5);
}

.border-yellow-deep-5 {
  border-color: var(--yellow-deep-5);
}

.text-yellow-deep-10 {
  color: var(--yellow-deep-10);
}

.bg-yellow-deep-10 {
  background-color: var(--yellow-deep-10);
}

.border-yellow-deep-10 {
  border-color: var(--yellow-deep-10);
}

.text-yellow-deep-20 {
  color: var(--yellow-deep-20);
}

.bg-yellow-deep-20 {
  background-color: var(--yellow-deep-20);
}

.border-yellow-deep-20 {
  border-color: var(--yellow-deep-20);
}

.text-yellow-deep-30 {
  color: var(--yellow-deep-30);
}

.bg-yellow-deep-30 {
  background-color: var(--yellow-deep-30);
}

.border-yellow-deep-30 {
  border-color: var(--yellow-deep-30);
}

.text-yellow-deep-40 {
  color: var(--yellow-deep-40);
}

.bg-yellow-deep-40 {
  background-color: var(--yellow-deep-40);
}

.border-yellow-deep-40 {
  border-color: var(--yellow-deep-40);
}

.text-yellow-deep-50 {
  color: var(--yellow-deep-50);
}

.bg-yellow-deep-50 {
  background-color: var(--yellow-deep-50);
}

.border-yellow-deep-50 {
  border-color: var(--yellow-deep-50);
}

.text-yellow-deep-60 {
  color: var(--yellow-deep-60);
}

.bg-yellow-deep-60 {
  background-color: var(--yellow-deep-60);
}

.border-yellow-deep-60 {
  border-color: var(--yellow-deep-60);
}

.text-yellow-deep-70 {
  color: var(--yellow-deep-70);
}

.bg-yellow-deep-70 {
  background-color: var(--yellow-deep-70);
}

.border-yellow-deep-70 {
  border-color: var(--yellow-deep-70);
}

.text-yellow-deep-80 {
  color: var(--yellow-deep-80);
}

.bg-yellow-deep-80 {
  background-color: var(--yellow-deep-80);
}

.border-yellow-deep-80 {
  border-color: var(--yellow-deep-80);
}

.text-yellow-deep-90 {
  color: var(--yellow-deep-90);
}

.bg-yellow-deep-90 {
  background-color: var(--yellow-deep-90);
}

.border-yellow-deep-90 {
  border-color: var(--yellow-deep-90);
}

.text-yellow-deep-d-1 {
  color: var(--yellow-deep-d-1);
}

.bg-yellow-deep-d-1 {
  background-color: var(--yellow-deep-d-1);
}

.border-yellow-deep-d-1 {
  border-color: var(--yellow-deep-d-1);
}

.text-yellow-deep-d-2 {
  color: var(--yellow-deep-d-2);
}

.bg-yellow-deep-d-2 {
  background-color: var(--yellow-deep-d-2);
}

.border-yellow-deep-d-2 {
  border-color: var(--yellow-deep-d-2);
}

.text-yellow-deep-d-3 {
  color: var(--yellow-deep-d-3);
}

.bg-yellow-deep-d-3 {
  background-color: var(--yellow-deep-d-3);
}

.border-yellow-deep-d-3 {
  border-color: var(--yellow-deep-d-3);
}

.text-yellow-deep-d-4 {
  color: var(--yellow-deep-d-4);
}

.bg-yellow-deep-d-4 {
  background-color: var(--yellow-deep-d-4);
}

.border-yellow-deep-d-4 {
  border-color: var(--yellow-deep-d-4);
}

.text-yellow-deep-l-1 {
  color: var(--yellow-deep-l-1);
}

.bg-yellow-deep-l-1 {
  background-color: var(--yellow-deep-l-1);
}

.border-yellow-deep-l-1 {
  border-color: var(--yellow-deep-l-1);
}

.text-yellow-deep-l-2 {
  color: var(--yellow-deep-l-2);
}

.bg-yellow-deep-l-2 {
  background-color: var(--yellow-deep-l-2);
}

.border-yellow-deep-l-2 {
  border-color: var(--yellow-deep-l-2);
}

.text-yellow-deep-l-3 {
  color: var(--yellow-deep-l-3);
}

.bg-yellow-deep-l-3 {
  background-color: var(--yellow-deep-l-3);
}

.border-yellow-deep-l-3 {
  border-color: var(--yellow-deep-l-3);
}

.text-yellow-deep-l-4 {
  color: var(--yellow-deep-l-4);
}

.bg-yellow-deep-l-4 {
  background-color: var(--yellow-deep-l-4);
}

.border-yellow-deep-l-4 {
  border-color: var(--yellow-deep-l-4);
}

.text-3xs {
  font-size: var(--text-3xs);
}

.text-2xs {
  font-size: var(--text-2xs);
}

.text-xs {
  font-size: var(--text-xs);
}

.text-s {
  font-size: var(--text-s);
}

.text-m {
  font-size: var(--text-m);
}

.text-l {
  font-size: var(--text-l);
}

.text-xl {
  font-size: var(--text-xl);
}

.text-2xl {
  font-size: var(--text-2xl);
}

.text-3xl {
  font-size: var(--text-3xl);
}

.text-4xl {
  font-size: var(--text-4xl);
}

.padding-6xs {
  padding: var(--space-6xs);
}

.padding-5xs {
  padding: var(--space-5xs);
}

.padding-4xs {
  padding: var(--space-4xs);
}

.padding-3xs {
  padding: var(--space-3xs);
}

.padding-2xs {
  padding: var(--space-2xs);
}

.padding-xs {
  padding: var(--space-xs);
}

.padding-s {
  padding: var(--space-s);
}

.padding-m {
  padding: var(--space-m);
}

.padding-l {
  padding: var(--space-l);
}

.padding-xl {
  padding: var(--space-xl);
}

.padding-2xl {
  padding: var(--space-2xl);
}

.padding-3xl {
  padding: var(--space-3xl);
}

.padding-4xl {
  padding: var(--space-4xl);
}

.padding-left-6xs {
  padding-left: var(--space-6xs);
}

.padding-left-5xs {
  padding-left: var(--space-5xs);
}

.padding-left-4xs {
  padding-left: var(--space-4xs);
}

.padding-left-3xs {
  padding-left: var(--space-3xs);
}

.padding-left-2xs {
  padding-left: var(--space-2xs);
}

.padding-left-xs {
  padding-left: var(--space-xs);
}

.padding-left-s {
  padding-left: var(--space-s);
}

.padding-left-m {
  padding-left: var(--space-m);
}

.padding-left-l {
  padding-left: var(--space-l);
}

.padding-left-xl {
  padding-left: var(--space-xl);
}

.padding-left-2xl {
  padding-left: var(--space-2xl);
}

.padding-left-3xl {
  padding-left: var(--space-3xl);
}

.padding-left-4xl {
  padding-left: var(--space-4xl);
}

.padding-right-6xs {
  padding-right: var(--space-6xs);
}

.padding-right-5xs {
  padding-right: var(--space-5xs);
}

.padding-right-4xs {
  padding-right: var(--space-4xs);
}

.padding-right-3xs {
  padding-right: var(--space-3xs);
}

.padding-right-2xs {
  padding-right: var(--space-2xs);
}

.padding-right-xs {
  padding-right: var(--space-xs);
}

.padding-right-s {
  padding-right: var(--space-s);
}

.padding-right-m {
  padding-right: var(--space-m);
}

.padding-right-l {
  padding-right: var(--space-l);
}

.padding-right-xl {
  padding-right: var(--space-xl);
}

.padding-right-2xl {
  padding-right: var(--space-2xl);
}

.padding-right-3xl {
  padding-right: var(--space-3xl);
}

.padding-right-4xl {
  padding-right: var(--space-4xl);
}

.padding-top-6xs {
  padding-top: var(--space-6xs);
}

.padding-top-5xs {
  padding-top: var(--space-5xs);
}

.padding-top-4xs {
  padding-top: var(--space-4xs);
}

.padding-top-3xs {
  padding-top: var(--space-3xs);
}

.padding-top-2xs {
  padding-top: var(--space-2xs);
}

.padding-top-xs {
  padding-top: var(--space-xs);
}

.padding-top-s {
  padding-top: var(--space-s);
}

.padding-top-m {
  padding-top: var(--space-m);
}

.padding-top-l {
  padding-top: var(--space-l);
}

.padding-top-xl {
  padding-top: var(--space-xl);
}

.padding-top-2xl {
  padding-top: var(--space-2xl);
}

.padding-top-3xl {
  padding-top: var(--space-3xl);
}

.padding-top-4xl {
  padding-top: var(--space-4xl);
}

.padding-bottom-6xs {
  padding-bottom: var(--space-6xs);
}

.padding-bottom-5xs {
  padding-bottom: var(--space-5xs);
}

.padding-bottom-4xs {
  padding-bottom: var(--space-4xs);
}

.padding-bottom-3xs {
  padding-bottom: var(--space-3xs);
}

.padding-bottom-2xs {
  padding-bottom: var(--space-2xs);
}

.padding-bottom-xs {
  padding-bottom: var(--space-xs);
}

.padding-bottom-s {
  padding-bottom: var(--space-s);
}

.padding-bottom-m {
  padding-bottom: var(--space-m);
}

.padding-bottom-l {
  padding-bottom: var(--space-l);
}

.padding-bottom-xl {
  padding-bottom: var(--space-xl);
}

.padding-bottom-2xl {
  padding-bottom: var(--space-2xl);
}

.padding-bottom-3xl {
  padding-bottom: var(--space-3xl);
}

.padding-bottom-4xl {
  padding-bottom: var(--space-4xl);
}

.padding-horizontal-6xs {
  padding-left: var(--space-6xs);
  padding-right: var(--space-6xs);
}

.padding-horizontal-5xs {
  padding-left: var(--space-5xs);
  padding-right: var(--space-5xs);
}

.padding-horizontal-4xs {
  padding-left: var(--space-4xs);
  padding-right: var(--space-4xs);
}

.padding-horizontal-3xs {
  padding-left: var(--space-3xs);
  padding-right: var(--space-3xs);
}

.padding-horizontal-2xs {
  padding-left: var(--space-2xs);
  padding-right: var(--space-2xs);
}

.padding-horizontal-xs {
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
}

.padding-horizontal-s {
  padding-left: var(--space-s);
  padding-right: var(--space-s);
}

.padding-horizontal-m {
  padding-left: var(--space-m);
  padding-right: var(--space-m);
}

.padding-horizontal-l {
  padding-left: var(--space-l);
  padding-right: var(--space-l);
}

.padding-horizontal-xl {
  padding-left: var(--space-xl);
  padding-right: var(--space-xl);
}

.padding-horizontal-2xl {
  padding-left: var(--space-2xl);
  padding-right: var(--space-2xl);
}

.padding-horizontal-3xl {
  padding-left: var(--space-3xl);
  padding-right: var(--space-3xl);
}

.padding-horizontal-4xl {
  padding-left: var(--space-4xl);
  padding-right: var(--space-4xl);
}

.padding-vertical-6xs {
  padding-top: var(--space-6xs);
  padding-bottom: var(--space-6xs);
}

.padding-vertical-5xs {
  padding-top: var(--space-5xs);
  padding-bottom: var(--space-5xs);
}

.padding-vertical-4xs {
  padding-top: var(--space-4xs);
  padding-bottom: var(--space-4xs);
}

.padding-vertical-3xs {
  padding-top: var(--space-3xs);
  padding-bottom: var(--space-3xs);
}

.padding-vertical-2xs {
  padding-top: var(--space-2xs);
  padding-bottom: var(--space-2xs);
}

.padding-vertical-xs {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
}

.padding-vertical-s {
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
}

.padding-vertical-m {
  padding-top: var(--space-m);
  padding-bottom: var(--space-m);
}

.padding-vertical-l {
  padding-top: var(--space-l);
  padding-bottom: var(--space-l);
}

.padding-vertical-xl {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
}

.padding-vertical-2xl {
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-2xl);
}

.padding-vertical-3xl {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
}

.padding-vertical-4xl {
  padding-top: var(--space-4xl);
  padding-bottom: var(--space-4xl);
}

.margin-6xs {
  margin: var(--space-6xs);
}

.margin-5xs {
  margin: var(--space-5xs);
}

.margin-4xs {
  margin: var(--space-4xs);
}

.margin-3xs {
  margin: var(--space-3xs);
}

.margin-2xs {
  margin: var(--space-2xs);
}

.margin-xs {
  margin: var(--space-xs);
}

.margin-s {
  margin: var(--space-s);
}

.margin-m {
  margin: var(--space-m);
}

.margin-l {
  margin: var(--space-l);
}

.margin-xl {
  margin: var(--space-xl);
}

.margin-2xl {
  margin: var(--space-2xl);
}

.margin-3xl {
  margin: var(--space-3xl);
}

.margin-4xl {
  margin: var(--space-4xl);
}

.margin-left-6xs {
  margin-left: var(--space-6xs);
}

.margin-left-5xs {
  margin-left: var(--space-5xs);
}

.margin-left-4xs {
  margin-left: var(--space-4xs);
}

.margin-left-3xs {
  margin-left: var(--space-3xs);
}

.margin-left-2xs {
  margin-left: var(--space-2xs);
}

.margin-left-xs {
  margin-left: var(--space-xs);
}

.margin-left-s {
  margin-left: var(--space-s);
}

.margin-left-m {
  margin-left: var(--space-m);
}

.margin-left-l {
  margin-left: var(--space-l);
}

.margin-left-xl {
  margin-left: var(--space-xl);
}

.margin-left-2xl {
  margin-left: var(--space-2xl);
}

.margin-left-3xl {
  margin-left: var(--space-3xl);
}

.margin-left-4xl {
  margin-left: var(--space-4xl);
}

.margin-right-6xs {
  margin-right: var(--space-6xs);
}

.margin-right-5xs {
  margin-right: var(--space-5xs);
}

.margin-right-4xs {
  margin-right: var(--space-4xs);
}

.margin-right-3xs {
  margin-right: var(--space-3xs);
}

.margin-right-2xs {
  margin-right: var(--space-2xs);
}

.margin-right-xs {
  margin-right: var(--space-xs);
}

.margin-right-s {
  margin-right: var(--space-s);
}

.margin-right-m {
  margin-right: var(--space-m);
}

.margin-right-l {
  margin-right: var(--space-l);
}

.margin-right-xl {
  margin-right: var(--space-xl);
}

.margin-right-2xl {
  margin-right: var(--space-2xl);
}

.margin-right-3xl {
  margin-right: var(--space-3xl);
}

.margin-right-4xl {
  margin-right: var(--space-4xl);
}

.margin-top-6xs {
  margin-top: var(--space-6xs);
}

.margin-top-5xs {
  margin-top: var(--space-5xs);
}

.margin-top-4xs {
  margin-top: var(--space-4xs);
}

.margin-top-3xs {
  margin-top: var(--space-3xs);
}

.margin-top-2xs {
  margin-top: var(--space-2xs);
}

.margin-top-xs {
  margin-top: var(--space-xs);
}

.margin-top-s {
  margin-top: var(--space-s);
}

.margin-top-m {
  margin-top: var(--space-m);
}

.margin-top-l {
  margin-top: var(--space-l);
}

.margin-top-xl {
  margin-top: var(--space-xl);
}

.margin-top-2xl {
  margin-top: var(--space-2xl);
}

.margin-top-3xl {
  margin-top: var(--space-3xl);
}

.margin-top-4xl {
  margin-top: var(--space-4xl);
}

.margin-bottom-6xs {
  margin-bottom: var(--space-6xs);
}

.margin-bottom-5xs {
  margin-bottom: var(--space-5xs);
}

.margin-bottom-4xs {
  margin-bottom: var(--space-4xs);
}

.margin-bottom-3xs {
  margin-bottom: var(--space-3xs);
}

.margin-bottom-2xs {
  margin-bottom: var(--space-2xs);
}

.margin-bottom-xs {
  margin-bottom: var(--space-xs);
}

.margin-bottom-s {
  margin-bottom: var(--space-s);
}

.margin-bottom-m {
  margin-bottom: var(--space-m);
}

.margin-bottom-l {
  margin-bottom: var(--space-l);
}

.margin-bottom-xl {
  margin-bottom: var(--space-xl);
}

.margin-bottom-2xl {
  margin-bottom: var(--space-2xl);
}

.margin-bottom-3xl {
  margin-bottom: var(--space-3xl);
}

.margin-bottom-4xl {
  margin-bottom: var(--space-4xl);
}

.margin-horizontal-6xs {
  margin-left: var(--space-6xs);
  margin-right: var(--space-6xs);
}

.margin-horizontal-5xs {
  margin-left: var(--space-5xs);
  margin-right: var(--space-5xs);
}

.margin-horizontal-4xs {
  margin-left: var(--space-4xs);
  margin-right: var(--space-4xs);
}

.margin-horizontal-3xs {
  margin-left: var(--space-3xs);
  margin-right: var(--space-3xs);
}

.margin-horizontal-2xs {
  margin-left: var(--space-2xs);
  margin-right: var(--space-2xs);
}

.margin-horizontal-xs {
  margin-left: var(--space-xs);
  margin-right: var(--space-xs);
}

.margin-horizontal-s {
  margin-left: var(--space-s);
  margin-right: var(--space-s);
}

.margin-horizontal-m {
  margin-left: var(--space-m);
  margin-right: var(--space-m);
}

.margin-horizontal-l {
  margin-left: var(--space-l);
  margin-right: var(--space-l);
}

.margin-horizontal-xl {
  margin-left: var(--space-xl);
  margin-right: var(--space-xl);
}

.margin-horizontal-2xl {
  margin-left: var(--space-2xl);
  margin-right: var(--space-2xl);
}

.margin-horizontal-3xl {
  margin-left: var(--space-3xl);
  margin-right: var(--space-3xl);
}

.margin-horizontal-4xl {
  margin-left: var(--space-4xl);
  margin-right: var(--space-4xl);
}

.margin-vertical-6xs {
  margin-top: var(--space-6xs);
  margin-bottom: var(--space-6xs);
}

.margin-vertical-5xs {
  margin-top: var(--space-5xs);
  margin-bottom: var(--space-5xs);
}

.margin-vertical-4xs {
  margin-top: var(--space-4xs);
  margin-bottom: var(--space-4xs);
}

.margin-vertical-3xs {
  margin-top: var(--space-3xs);
  margin-bottom: var(--space-3xs);
}

.margin-vertical-2xs {
  margin-top: var(--space-2xs);
  margin-bottom: var(--space-2xs);
}

.margin-vertical-xs {
  margin-top: var(--space-xs);
  margin-bottom: var(--space-xs);
}

.margin-vertical-s {
  margin-top: var(--space-s);
  margin-bottom: var(--space-s);
}

.margin-vertical-m {
  margin-top: var(--space-m);
  margin-bottom: var(--space-m);
}

.margin-vertical-l {
  margin-top: var(--space-l);
  margin-bottom: var(--space-l);
}

.margin-vertical-xl {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xl);
}

.margin-vertical-2xl {
  margin-top: var(--space-2xl);
  margin-bottom: var(--space-2xl);
}

.margin-vertical-3xl {
  margin-top: var(--space-3xl);
  margin-bottom: var(--space-3xl);
}

.margin-vertical-4xl {
  margin-top: var(--space-4xl);
  margin-bottom: var(--space-4xl);
}

.gap-6xs {
  gap: var(--space-6xs);
}

.gap-5xs {
  gap: var(--space-5xs);
}

.gap-4xs {
  gap: var(--space-4xs);
}

.gap-3xs {
  gap: var(--space-3xs);
}

.gap-2xs {
  gap: var(--space-2xs);
}

.gap-xs {
  gap: var(--space-xs);
}

.gap-s {
  gap: var(--space-s);
}

.gap-m {
  gap: var(--space-m);
}

.gap-l {
  gap: var(--space-l);
}

.gap-xl {
  gap: var(--space-xl);
}

.gap-2xl {
  gap: var(--space-2xl);
}

.gap-3xl {
  gap: var(--space-3xl);
}

.gap-4xl {
  gap: var(--space-4xl);
}