:root {
  --font-heading: "Paytone One", sans-serif;
  --font-body: "Anek Latin", sans-serif;
}

@font-face {
  font-family: "Paytone One";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/paytone-one/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: "Anek Latin";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/anek-latin/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: "Anek Latin";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/fonts/anek-latin/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: "Anek Latin";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/fonts/anek-latin/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: "Anek Latin";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/fonts/anek-latin/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;
}

@font-face {
  font-family: "Anek Latin";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/uploads/fonts/anek-latin/800-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(213.37, 74.17%, 52.94%, 1);
  --primary-5: hsla(213.37, 74.17%, 52.94%, 0.05);
  --primary-10: hsla(213.37, 74.17%, 52.94%, 0.1);
  --primary-20: hsla(213.37, 74.17%, 52.94%, 0.2);
  --primary-30: hsla(213.37, 74.17%, 52.94%, 0.3);
  --primary-40: hsla(213.37, 74.17%, 52.94%, 0.4);
  --primary-50: hsla(213.37, 74.17%, 52.94%, 0.5);
  --primary-60: hsla(213.37, 74.17%, 52.94%, 0.6);
  --primary-70: hsla(213.37, 74.17%, 52.94%, 0.7);
  --primary-80: hsla(213.37, 74.17%, 52.94%, 0.8);
  --primary-90: hsla(213.37, 74.17%, 52.94%, 0.9);
  --primary-d-1: hsla(213.37, 74.17%, 44.47%, 1);
  --primary-d-2: hsla(213.37, 74.17%, 36%, 1);
  --primary-d-3: hsla(213.37, 74.17%, 27.53%, 1);
  --primary-d-4: hsla(213.37, 74.17%, 19.06%, 1);
  --primary-l-1: hsla(213.37, 74.17%, 60.47%, 1);
  --primary-l-2: hsla(213.37, 74.17%, 68%, 1);
  --primary-l-3: hsla(213.37, 74.17%, 75.53%, 1);
  --primary-l-4: hsla(213.37, 74.17%, 83.06%, 1);
  --secondary: hsla(24.84, 100%, 63.53%, 1);
  --secondary-5: hsla(24.84, 100%, 63.53%, 0.05);
  --secondary-10: hsla(24.84, 100%, 63.53%, 0.1);
  --secondary-20: hsla(24.84, 100%, 63.53%, 0.2);
  --secondary-30: hsla(24.84, 100%, 63.53%, 0.3);
  --secondary-40: hsla(24.84, 100%, 63.53%, 0.4);
  --secondary-50: hsla(24.84, 100%, 63.53%, 0.5);
  --secondary-60: hsla(24.84, 100%, 63.53%, 0.6);
  --secondary-70: hsla(24.84, 100%, 63.53%, 0.7);
  --secondary-80: hsla(24.84, 100%, 63.53%, 0.8);
  --secondary-90: hsla(24.84, 100%, 63.53%, 0.9);
  --secondary-d-1: hsla(24.84, 100%, 53.36%, 1);
  --secondary-d-2: hsla(24.84, 100%, 43.2%, 1);
  --secondary-d-3: hsla(24.84, 100%, 33.04%, 1);
  --secondary-d-4: hsla(24.84, 100%, 22.87%, 1);
  --secondary-l-1: hsla(24.84, 100%, 69.36%, 1);
  --secondary-l-2: hsla(24.84, 100%, 75.2%, 1);
  --secondary-l-3: hsla(24.84, 100%, 81.04%, 1);
  --secondary-l-4: hsla(24.84, 100%, 86.87%, 1);
  --tertiary: hsla(43.86, 100%, 66.47%, 1);
  --tertiary-5: hsla(43.86, 100%, 66.47%, 0.05);
  --tertiary-10: hsla(43.86, 100%, 66.47%, 0.1);
  --tertiary-20: hsla(43.86, 100%, 66.47%, 0.2);
  --tertiary-30: hsla(43.86, 100%, 66.47%, 0.3);
  --tertiary-40: hsla(43.86, 100%, 66.47%, 0.4);
  --tertiary-50: hsla(43.86, 100%, 66.47%, 0.5);
  --tertiary-60: hsla(43.86, 100%, 66.47%, 0.6);
  --tertiary-70: hsla(43.86, 100%, 66.47%, 0.7);
  --tertiary-80: hsla(43.86, 100%, 66.47%, 0.8);
  --tertiary-90: hsla(43.86, 100%, 66.47%, 0.9);
  --tertiary-d-1: hsla(43.86, 100%, 55.84%, 1);
  --tertiary-d-2: hsla(43.86, 100%, 45.2%, 1);
  --tertiary-d-3: hsla(43.86, 100%, 34.56%, 1);
  --tertiary-d-4: hsla(43.86, 100%, 23.93%, 1);
  --tertiary-l-1: hsla(43.86, 100%, 71.84%, 1);
  --tertiary-l-2: hsla(43.86, 100%, 77.2%, 1);
  --tertiary-l-3: hsla(43.86, 100%, 82.56%, 1);
  --tertiary-l-4: hsla(43.86, 100%, 87.93%, 1);
  --bg-body: hsla(0, 0%, 100%, 1);
  --bg-surface: hsla(0, 21.13%, 86.08%, 1);
  --text-body: hsla(240, 10.18%, 32.75%, 1);
  --text-title: hsla(240, 30.3%, 12.94%, 1);
  --border-primary: hsla(240, 30.3%, 12.94%, 0.12);
  --shadow-primary: hsla(240, 30.3%, 12.94%, 0.15);
  --light: hsla(0, 0%, 100%, 1);
  --light-5: hsla(0, 0%, 100%, 0.05);
  --light-10: hsla(0, 0%, 100%, 0.1);
  --light-20: hsla(0, 0%, 100%, 0.2);
  --light-30: hsla(0, 0%, 100%, 0.3);
  --light-40: hsla(0, 0%, 100%, 0.4);
  --light-50: hsla(0, 0%, 100%, 0.5);
  --light-60: hsla(0, 0%, 100%, 0.6);
  --light-70: hsla(0, 0%, 100%, 0.7);
  --light-80: hsla(0, 0%, 100%, 0.8);
  --light-90: hsla(0, 0%, 100%, 0.9);
  --dark: hsla(189, 38.46%, 10.2%, 1);
  --dark-5: hsla(189, 38.46%, 10.2%, 0.05);
  --dark-10: hsla(189, 38.46%, 10.2%, 0.1);
  --dark-20: hsla(189, 38.46%, 10.2%, 0.2);
  --dark-30: hsla(189, 38.46%, 10.2%, 0.3);
  --dark-40: hsla(189, 38.46%, 10.2%, 0.4);
  --dark-50: hsla(189, 38.46%, 10.2%, 0.5);
  --dark-60: hsla(189, 38.46%, 10.2%, 0.6);
  --dark-70: hsla(189, 38.46%, 10.2%, 0.7);
  --dark-80: hsla(189, 38.46%, 10.2%, 0.8);
  --dark-90: hsla(189, 38.46%, 10.2%, 0.9);
  --success: hsla(142.56, 55.45%, 41.37%, 1);
  --success-5: hsla(142.56, 55.45%, 41.37%, 0.05);
  --success-10: hsla(142.56, 55.45%, 41.37%, 0.1);
  --success-20: hsla(142.56, 55.45%, 41.37%, 0.2);
  --success-30: hsla(142.56, 55.45%, 41.37%, 0.3);
  --success-40: hsla(142.56, 55.45%, 41.37%, 0.4);
  --success-50: hsla(142.56, 55.45%, 41.37%, 0.5);
  --success-60: hsla(142.56, 55.45%, 41.37%, 0.6);
  --success-70: hsla(142.56, 55.45%, 41.37%, 0.7);
  --success-80: hsla(142.56, 55.45%, 41.37%, 0.8);
  --success-90: hsla(142.56, 55.45%, 41.37%, 0.9);
  --error: hsla(2.46, 78.08%, 57.06%, 1);
  --error-5: hsla(2.46, 78.08%, 57.06%, 0.05);
  --error-10: hsla(2.46, 78.08%, 57.06%, 0.1);
  --error-20: hsla(2.46, 78.08%, 57.06%, 0.2);
  --error-30: hsla(2.46, 78.08%, 57.06%, 0.3);
  --error-40: hsla(2.46, 78.08%, 57.06%, 0.4);
  --error-50: hsla(2.46, 78.08%, 57.06%, 0.5);
  --error-60: hsla(2.46, 78.08%, 57.06%, 0.6);
  --error-70: hsla(2.46, 78.08%, 57.06%, 0.7);
  --error-80: hsla(2.46, 78.08%, 57.06%, 0.8);
  --error-90: hsla(2.46, 78.08%, 57.06%, 0.9);
  --mint: hsla(85.71, 58.33%, 76.47%, 1);
  --mint-5: hsla(85.71, 58.33%, 76.47%, 0.05);
  --mint-10: hsla(85.71, 58.33%, 76.47%, 0.1);
  --mint-20: hsla(85.71, 58.33%, 76.47%, 0.2);
  --mint-30: hsla(85.71, 58.33%, 76.47%, 0.3);
  --mint-40: hsla(85.71, 58.33%, 76.47%, 0.4);
  --mint-50: hsla(85.71, 58.33%, 76.47%, 0.5);
  --mint-60: hsla(85.71, 58.33%, 76.47%, 0.6);
  --mint-70: hsla(85.71, 58.33%, 76.47%, 0.7);
  --mint-80: hsla(85.71, 58.33%, 76.47%, 0.8);
  --mint-90: hsla(85.71, 58.33%, 76.47%, 0.9);
  --mint-d-1: hsla(85.71, 58.33%, 64.24%, 1);
  --mint-d-2: hsla(85.71, 58.33%, 52%, 1);
  --mint-d-3: hsla(85.71, 58.33%, 39.76%, 1);
  --mint-d-4: hsla(85.71, 58.33%, 27.53%, 1);
  --mint-l-1: hsla(85.71, 58.33%, 80.24%, 1);
  --mint-l-2: hsla(85.71, 58.33%, 84%, 1);
  --mint-l-3: hsla(85.71, 58.33%, 87.76%, 1);
  --mint-l-4: hsla(85.71, 58.33%, 91.53%, 1);
  --blush: hsla(336, 100%, 95.1%, 1);
  --blush-5: hsla(336, 100%, 95.1%, 0.05);
  --blush-10: hsla(336, 100%, 95.1%, 0.1);
  --blush-20: hsla(336, 100%, 95.1%, 0.2);
  --blush-30: hsla(336, 100%, 95.1%, 0.3);
  --blush-40: hsla(336, 100%, 95.1%, 0.4);
  --blush-50: hsla(336, 100%, 95.1%, 0.5);
  --blush-60: hsla(336, 100%, 95.1%, 0.6);
  --blush-70: hsla(336, 100%, 95.1%, 0.7);
  --blush-80: hsla(336, 100%, 95.1%, 0.8);
  --blush-90: hsla(336, 100%, 95.1%, 0.9);
  --blush-d-1: hsla(336, 100%, 79.88%, 1);
  --blush-d-2: hsla(336, 100%, 64.67%, 1);
  --blush-d-3: hsla(336, 100%, 49.45%, 1);
  --blush-d-4: hsla(336, 100%, 34.24%, 1);
  --blush-l-1: hsla(336, 100%, 95.88%, 1);
  --blush-l-2: hsla(336, 100%, 96.67%, 1);
  --blush-l-3: hsla(336, 100%, 97.45%, 1);
  --blush-l-4: hsla(336, 100%, 98.24%, 1);
  --lilac: hsla(270, 66.67%, 96.47%, 1);
  --lilac-5: hsla(270, 66.67%, 96.47%, 0.05);
  --lilac-10: hsla(270, 66.67%, 96.47%, 0.1);
  --lilac-20: hsla(270, 66.67%, 96.47%, 0.2);
  --lilac-30: hsla(270, 66.67%, 96.47%, 0.3);
  --lilac-40: hsla(270, 66.67%, 96.47%, 0.4);
  --lilac-50: hsla(270, 66.67%, 96.47%, 0.5);
  --lilac-60: hsla(270, 66.67%, 96.47%, 0.6);
  --lilac-70: hsla(270, 66.67%, 96.47%, 0.7);
  --lilac-80: hsla(270, 66.67%, 96.47%, 0.8);
  --lilac-90: hsla(270, 66.67%, 96.47%, 0.9);
  --lilac-d-1: hsla(270, 66.67%, 81.04%, 1);
  --lilac-d-2: hsla(270, 66.67%, 65.6%, 1);
  --lilac-d-3: hsla(270, 66.67%, 50.16%, 1);
  --lilac-d-4: hsla(270, 66.67%, 34.73%, 1);
  --lilac-l-1: hsla(270, 66.67%, 97.04%, 1);
  --lilac-l-2: hsla(270, 66.67%, 97.6%, 1);
  --lilac-l-3: hsla(270, 66.67%, 98.16%, 1);
  --lilac-l-4: hsla(270, 66.67%, 98.73%, 1);
  --sand: hsla(43.45, 90.63%, 87.45%, 1);
  --sand-5: hsla(43.45, 90.63%, 87.45%, 0.05);
  --sand-10: hsla(43.45, 90.63%, 87.45%, 0.1);
  --sand-20: hsla(43.45, 90.63%, 87.45%, 0.2);
  --sand-30: hsla(43.45, 90.63%, 87.45%, 0.3);
  --sand-40: hsla(43.45, 90.63%, 87.45%, 0.4);
  --sand-50: hsla(43.45, 90.63%, 87.45%, 0.5);
  --sand-60: hsla(43.45, 90.63%, 87.45%, 0.6);
  --sand-70: hsla(43.45, 90.63%, 87.45%, 0.7);
  --sand-80: hsla(43.45, 90.63%, 87.45%, 0.8);
  --sand-90: hsla(43.45, 90.63%, 87.45%, 0.9);
  --sand-d-1: hsla(43.45, 90.63%, 73.46%, 1);
  --sand-d-2: hsla(43.45, 90.63%, 59.47%, 1);
  --sand-d-3: hsla(43.45, 90.63%, 45.47%, 1);
  --sand-d-4: hsla(43.45, 90.63%, 31.48%, 1);
  --sand-l-1: hsla(43.45, 90.63%, 89.46%, 1);
  --sand-l-2: hsla(43.45, 90.63%, 91.47%, 1);
  --sand-l-3: hsla(43.45, 90.63%, 93.47%, 1);
  --sand-l-4: hsla(43.45, 90.63%, 95.48%, 1);
  --sky: hsla(200.12, 100%, 66.08%, 1);
  --sky-5: hsla(200.12, 100%, 66.08%, 0.05);
  --sky-10: hsla(200.12, 100%, 66.08%, 0.1);
  --sky-20: hsla(200.12, 100%, 66.08%, 0.2);
  --sky-30: hsla(200.12, 100%, 66.08%, 0.3);
  --sky-40: hsla(200.12, 100%, 66.08%, 0.4);
  --sky-50: hsla(200.12, 100%, 66.08%, 0.5);
  --sky-60: hsla(200.12, 100%, 66.08%, 0.6);
  --sky-70: hsla(200.12, 100%, 66.08%, 0.7);
  --sky-80: hsla(200.12, 100%, 66.08%, 0.8);
  --sky-90: hsla(200.12, 100%, 66.08%, 0.9);
  --sky-d-1: hsla(200.12, 100%, 55.51%, 1);
  --sky-d-2: hsla(200.12, 100%, 44.93%, 1);
  --sky-d-3: hsla(200.12, 100%, 34.36%, 1);
  --sky-d-4: hsla(200.12, 100%, 23.79%, 1);
  --sky-l-1: hsla(200.12, 100%, 71.51%, 1);
  --sky-l-2: hsla(200.12, 100%, 76.93%, 1);
  --sky-l-3: hsla(200.12, 100%, 82.36%, 1);
  --sky-l-4: hsla(200.12, 100%, 87.79%, 1);
  --accent: hsla(338.52, 85.44%, 59.61%, 1);
  --accent-5: hsla(338.52, 85.44%, 59.61%, 0.05);
  --accent-10: hsla(338.52, 85.44%, 59.61%, 0.1);
  --accent-20: hsla(338.52, 85.44%, 59.61%, 0.2);
  --accent-30: hsla(338.52, 85.44%, 59.61%, 0.3);
  --accent-40: hsla(338.52, 85.44%, 59.61%, 0.4);
  --accent-50: hsla(338.52, 85.44%, 59.61%, 0.5);
  --accent-60: hsla(338.52, 85.44%, 59.61%, 0.6);
  --accent-70: hsla(338.52, 85.44%, 59.61%, 0.7);
  --accent-80: hsla(338.52, 85.44%, 59.61%, 0.8);
  --accent-90: hsla(338.52, 85.44%, 59.61%, 0.9);
  --accent-d-1: hsla(338.52, 85.44%, 50.07%, 1);
  --accent-d-2: hsla(338.52, 85.44%, 40.53%, 1);
  --accent-d-3: hsla(338.52, 85.44%, 31%, 1);
  --accent-d-4: hsla(338.52, 85.44%, 21.46%, 1);
  --accent-l-1: hsla(338.52, 85.44%, 66.07%, 1);
  --accent-l-2: hsla(338.52, 85.44%, 72.53%, 1);
  --accent-l-3: hsla(338.52, 85.44%, 79%, 1);
  --accent-l-4: hsla(338.52, 85.44%, 85.46%, 1);
  --cream: hsla(36, 45.45%, 97.84%, 1);
  --cream-5: hsla(36, 45.45%, 97.84%, 0.05);
  --cream-10: hsla(36, 45.45%, 97.84%, 0.1);
  --cream-20: hsla(36, 45.45%, 97.84%, 0.2);
  --cream-30: hsla(36, 45.45%, 97.84%, 0.3);
  --cream-40: hsla(36, 45.45%, 97.84%, 0.4);
  --cream-50: hsla(36, 45.45%, 97.84%, 0.5);
  --cream-60: hsla(36, 45.45%, 97.84%, 0.6);
  --cream-70: hsla(36, 45.45%, 97.84%, 0.7);
  --cream-80: hsla(36, 45.45%, 97.84%, 0.8);
  --cream-90: hsla(36, 45.45%, 97.84%, 0.9);
  --cream-d-1: hsla(36, 45.45%, 82.19%, 1);
  --cream-d-2: hsla(36, 45.45%, 66.53%, 1);
  --cream-d-3: hsla(36, 45.45%, 50.88%, 1);
  --cream-d-4: hsla(36, 45.45%, 35.22%, 1);
  --cream-l-1: hsla(36, 45.45%, 98.19%, 1);
  --cream-l-2: hsla(36, 45.45%, 98.53%, 1);
  --cream-l-3: hsla(36, 45.45%, 98.88%, 1);
  --cream-l-4: hsla(36, 45.45%, 99.22%, 1);
  --purple: hsla(261, 80%, 90.2%, 1);
  --purple-5: hsla(261, 80%, 90.2%, 0.05);
  --purple-10: hsla(261, 80%, 90.2%, 0.1);
  --purple-20: hsla(261, 80%, 90.2%, 0.2);
  --purple-30: hsla(261, 80%, 90.2%, 0.3);
  --purple-40: hsla(261, 80%, 90.2%, 0.4);
  --purple-50: hsla(261, 80%, 90.2%, 0.5);
  --purple-60: hsla(261, 80%, 90.2%, 0.6);
  --purple-70: hsla(261, 80%, 90.2%, 0.7);
  --purple-80: hsla(261, 80%, 90.2%, 0.8);
  --purple-90: hsla(261, 80%, 90.2%, 0.9);
  --purple-d-1: hsla(261, 80%, 75.76%, 1);
  --purple-d-2: hsla(261, 80%, 61.33%, 1);
  --purple-d-3: hsla(261, 80%, 46.9%, 1);
  --purple-d-4: hsla(261, 80%, 32.47%, 1);
  --purple-l-1: hsla(261, 80%, 91.76%, 1);
  --purple-l-2: hsla(261, 80%, 93.33%, 1);
  --purple-l-3: hsla(261, 80%, 94.9%, 1);
  --purple-l-4: hsla(261, 80%, 96.47%, 1);
  --ink: hsla(189.23, 25.49%, 10%, 1);
  --ink-5: hsla(189.23, 25.49%, 10%, 0.05);
  --ink-10: hsla(189.23, 25.49%, 10%, 0.1);
  --ink-20: hsla(189.23, 25.49%, 10%, 0.2);
  --ink-30: hsla(189.23, 25.49%, 10%, 0.3);
  --ink-40: hsla(189.23, 25.49%, 10%, 0.4);
  --ink-50: hsla(189.23, 25.49%, 10%, 0.5);
  --ink-60: hsla(189.23, 25.49%, 10%, 0.6);
  --ink-70: hsla(189.23, 25.49%, 10%, 0.7);
  --ink-80: hsla(189.23, 25.49%, 10%, 0.8);
  --ink-90: hsla(189.23, 25.49%, 10%, 0.9);
  --ink-d-1: hsla(189.23, 25.49%, 8.4%, 1);
  --ink-d-2: hsla(189.23, 25.49%, 6.8%, 1);
  --ink-d-3: hsla(189.23, 25.49%, 5.2%, 1);
  --ink-d-4: hsla(189.23, 25.49%, 3.6%, 1);
  --ink-l-1: hsla(189.23, 25.49%, 24.4%, 1);
  --ink-l-2: hsla(189.23, 25.49%, 38.8%, 1);
  --ink-l-3: hsla(189.23, 25.49%, 53.2%, 1);
  --ink-l-4: hsla(189.23, 25.49%, 67.6%, 1);
  --slate: hsla(240, 10.18%, 32.75%, 1);
  --slate-5: hsla(240, 10.18%, 32.75%, 0.05);
  --slate-10: hsla(240, 10.18%, 32.75%, 0.1);
  --slate-20: hsla(240, 10.18%, 32.75%, 0.2);
  --slate-30: hsla(240, 10.18%, 32.75%, 0.3);
  --slate-40: hsla(240, 10.18%, 32.75%, 0.4);
  --slate-50: hsla(240, 10.18%, 32.75%, 0.5);
  --slate-60: hsla(240, 10.18%, 32.75%, 0.6);
  --slate-70: hsla(240, 10.18%, 32.75%, 0.7);
  --slate-80: hsla(240, 10.18%, 32.75%, 0.8);
  --slate-90: hsla(240, 10.18%, 32.75%, 0.9);
  --slate-d-1: hsla(240, 10.18%, 27.51%, 1);
  --slate-d-2: hsla(240, 10.18%, 22.27%, 1);
  --slate-d-3: hsla(240, 10.18%, 17.03%, 1);
  --slate-d-4: hsla(240, 10.18%, 11.79%, 1);
  --slate-l-1: hsla(240, 10.18%, 43.51%, 1);
  --slate-l-2: hsla(240, 10.18%, 54.27%, 1);
  --slate-l-3: hsla(240, 10.18%, 65.03%, 1);
  --slate-l-4: hsla(240, 10.18%, 75.79%, 1);
  --ice: hsla(195.71, 87.5%, 90.59%, 1);
  --ice-5: hsla(195.71, 87.5%, 90.59%, 0.05);
  --ice-10: hsla(195.71, 87.5%, 90.59%, 0.1);
  --ice-20: hsla(195.71, 87.5%, 90.59%, 0.2);
  --ice-30: hsla(195.71, 87.5%, 90.59%, 0.3);
  --ice-40: hsla(195.71, 87.5%, 90.59%, 0.4);
  --ice-50: hsla(195.71, 87.5%, 90.59%, 0.5);
  --ice-60: hsla(195.71, 87.5%, 90.59%, 0.6);
  --ice-70: hsla(195.71, 87.5%, 90.59%, 0.7);
  --ice-80: hsla(195.71, 87.5%, 90.59%, 0.8);
  --ice-90: hsla(195.71, 87.5%, 90.59%, 0.9);
  --ice-d-1: hsla(195.71, 87.5%, 76.09%, 1);
  --ice-d-2: hsla(195.71, 87.5%, 61.6%, 1);
  --ice-d-3: hsla(195.71, 87.5%, 47.11%, 1);
  --ice-d-4: hsla(195.71, 87.5%, 32.61%, 1);
  --ice-l-1: hsla(195.71, 87.5%, 92.09%, 1);
  --ice-l-2: hsla(195.71, 87.5%, 93.6%, 1);
  --ice-l-3: hsla(195.71, 87.5%, 95.11%, 1);
  --ice-l-4: hsla(195.71, 87.5%, 96.61%, 1);
  --aqua: hsla(195.76, 79.2%, 75.49%, 1);
  --aqua-5: hsla(195.76, 79.2%, 75.49%, 0.05);
  --aqua-10: hsla(195.76, 79.2%, 75.49%, 0.1);
  --aqua-20: hsla(195.76, 79.2%, 75.49%, 0.2);
  --aqua-30: hsla(195.76, 79.2%, 75.49%, 0.3);
  --aqua-40: hsla(195.76, 79.2%, 75.49%, 0.4);
  --aqua-50: hsla(195.76, 79.2%, 75.49%, 0.5);
  --aqua-60: hsla(195.76, 79.2%, 75.49%, 0.6);
  --aqua-70: hsla(195.76, 79.2%, 75.49%, 0.7);
  --aqua-80: hsla(195.76, 79.2%, 75.49%, 0.8);
  --aqua-90: hsla(195.76, 79.2%, 75.49%, 0.9);
  --aqua-d-1: hsla(195.76, 79.2%, 63.41%, 1);
  --aqua-d-2: hsla(195.76, 79.2%, 51.33%, 1);
  --aqua-d-3: hsla(195.76, 79.2%, 39.25%, 1);
  --aqua-d-4: hsla(195.76, 79.2%, 27.18%, 1);
  --aqua-l-1: hsla(195.76, 79.2%, 79.41%, 1);
  --aqua-l-2: hsla(195.76, 79.2%, 83.33%, 1);
  --aqua-l-3: hsla(195.76, 79.2%, 87.25%, 1);
  --aqua-l-4: hsla(195.76, 79.2%, 91.18%, 1);
  --cloud: hsla(220, 14.29%, 95.88%, 1);
  --cloud-5: hsla(220, 14.29%, 95.88%, 0.05);
  --cloud-10: hsla(220, 14.29%, 95.88%, 0.1);
  --cloud-20: hsla(220, 14.29%, 95.88%, 0.2);
  --cloud-30: hsla(220, 14.29%, 95.88%, 0.3);
  --cloud-40: hsla(220, 14.29%, 95.88%, 0.4);
  --cloud-50: hsla(220, 14.29%, 95.88%, 0.5);
  --cloud-60: hsla(220, 14.29%, 95.88%, 0.6);
  --cloud-70: hsla(220, 14.29%, 95.88%, 0.7);
  --cloud-80: hsla(220, 14.29%, 95.88%, 0.8);
  --cloud-90: hsla(220, 14.29%, 95.88%, 0.9);
  --cloud-d-1: hsla(220, 14.29%, 80.54%, 1);
  --cloud-d-2: hsla(220, 14.29%, 65.2%, 1);
  --cloud-d-3: hsla(220, 14.29%, 49.86%, 1);
  --cloud-d-4: hsla(220, 14.29%, 34.52%, 1);
  --cloud-l-1: hsla(220, 14.29%, 96.54%, 1);
  --cloud-l-2: hsla(220, 14.29%, 97.2%, 1);
  --cloud-l-3: hsla(220, 14.29%, 97.86%, 1);
  --cloud-l-4: hsla(220, 14.29%, 98.52%, 1);
  --panel: hsla(200, 75%, 95.29%, 1);
  --panel-5: hsla(200, 75%, 95.29%, 0.05);
  --panel-10: hsla(200, 75%, 95.29%, 0.1);
  --panel-20: hsla(200, 75%, 95.29%, 0.2);
  --panel-30: hsla(200, 75%, 95.29%, 0.3);
  --panel-40: hsla(200, 75%, 95.29%, 0.4);
  --panel-50: hsla(200, 75%, 95.29%, 0.5);
  --panel-60: hsla(200, 75%, 95.29%, 0.6);
  --panel-70: hsla(200, 75%, 95.29%, 0.7);
  --panel-80: hsla(200, 75%, 95.29%, 0.8);
  --panel-90: hsla(200, 75%, 95.29%, 0.9);
  --panel-d-1: hsla(200, 75%, 80.05%, 1);
  --panel-d-2: hsla(200, 75%, 64.8%, 1);
  --panel-d-3: hsla(200, 75%, 49.55%, 1);
  --panel-d-4: hsla(200, 75%, 34.31%, 1);
  --panel-l-1: hsla(200, 75%, 96.05%, 1);
  --panel-l-2: hsla(200, 75%, 96.8%, 1);
  --panel-l-3: hsla(200, 75%, 97.55%, 1);
  --panel-l-4: hsla(200, 75%, 98.31%, 1);
  --panel-strong: hsla(202.17, 85.19%, 89.41%, 1);
  --panel-strong-5: hsla(202.17, 85.19%, 89.41%, 0.05);
  --panel-strong-10: hsla(202.17, 85.19%, 89.41%, 0.1);
  --panel-strong-20: hsla(202.17, 85.19%, 89.41%, 0.2);
  --panel-strong-30: hsla(202.17, 85.19%, 89.41%, 0.3);
  --panel-strong-40: hsla(202.17, 85.19%, 89.41%, 0.4);
  --panel-strong-50: hsla(202.17, 85.19%, 89.41%, 0.5);
  --panel-strong-60: hsla(202.17, 85.19%, 89.41%, 0.6);
  --panel-strong-70: hsla(202.17, 85.19%, 89.41%, 0.7);
  --panel-strong-80: hsla(202.17, 85.19%, 89.41%, 0.8);
  --panel-strong-90: hsla(202.17, 85.19%, 89.41%, 0.9);
  --panel-strong-d-1: hsla(202.17, 85.19%, 75.11%, 1);
  --panel-strong-d-2: hsla(202.17, 85.19%, 60.8%, 1);
  --panel-strong-d-3: hsla(202.17, 85.19%, 46.49%, 1);
  --panel-strong-d-4: hsla(202.17, 85.19%, 32.19%, 1);
  --panel-strong-l-1: hsla(202.17, 85.19%, 91.11%, 1);
  --panel-strong-l-2: hsla(202.17, 85.19%, 92.8%, 1);
  --panel-strong-l-3: hsla(202.17, 85.19%, 94.49%, 1);
  --panel-strong-l-4: hsla(202.17, 85.19%, 96.19%, 1);
  --chip: hsla(44.75, 93.65%, 87.65%, 1);
  --chip-5: hsla(44.75, 93.65%, 87.65%, 0.05);
  --chip-10: hsla(44.75, 93.65%, 87.65%, 0.1);
  --chip-20: hsla(44.75, 93.65%, 87.65%, 0.2);
  --chip-30: hsla(44.75, 93.65%, 87.65%, 0.3);
  --chip-40: hsla(44.75, 93.65%, 87.65%, 0.4);
  --chip-50: hsla(44.75, 93.65%, 87.65%, 0.5);
  --chip-60: hsla(44.75, 93.65%, 87.65%, 0.6);
  --chip-70: hsla(44.75, 93.65%, 87.65%, 0.7);
  --chip-80: hsla(44.75, 93.65%, 87.65%, 0.8);
  --chip-90: hsla(44.75, 93.65%, 87.65%, 0.9);
  --chip-d-1: hsla(44.75, 93.65%, 73.62%, 1);
  --chip-d-2: hsla(44.75, 93.65%, 59.6%, 1);
  --chip-d-3: hsla(44.75, 93.65%, 45.58%, 1);
  --chip-d-4: hsla(44.75, 93.65%, 31.55%, 1);
  --chip-l-1: hsla(44.75, 93.65%, 89.62%, 1);
  --chip-l-2: hsla(44.75, 93.65%, 91.6%, 1);
  --chip-l-3: hsla(44.75, 93.65%, 93.58%, 1);
  --chip-l-4: hsla(44.75, 93.65%, 95.55%, 1);
  --text-xs: clamp(0.69rem, calc(0.06vw + 0.67rem), 0.76rem);
  --text-s: clamp(0.83rem, calc(0.08vw + 0.81rem), 0.92rem);
  --text-m: clamp(1rem, calc(0.09vw + 0.97rem), 1.1rem);
  --text-l: clamp(1.2rem, calc(0.11vw + 1.16rem), 1.32rem);
  --text-xl: clamp(1.44rem, calc(0.13vw + 1.4rem), 1.58rem);
  --text-2xl: clamp(1.73rem, calc(0.16vw + 1.68rem), 1.9rem);
  --text-3xl: clamp(2.07rem, calc(0.19vw + 2.01rem), 2.28rem);
  --text-4xl: clamp(2.49rem, calc(0.23vw + 2.42rem), 2.74rem);
  --text-5xl: clamp(2.99rem, calc(0.28vw + 2.9rem), 3.29rem);
  --text-6xl: clamp(3.58rem, calc(0.33vw + 3.48rem), 3.94rem);
  --text-7xl: clamp(4.3rem, calc(0.4vw + 4.17rem), 4.73rem);
  --space-4xs: clamp(0.52rem, calc(-0.03vw + 0.53rem), 0.49rem);
  --space-3xs: clamp(0.66rem, calc(0.04vw + 0.64rem), 0.7rem);
  --space-2xs: clamp(0.82rem, calc(0.16vw + 0.77rem), 0.99rem);
  --space-xs: clamp(1.02rem, calc(0.35vw + 0.91rem), 1.4rem);
  --space-s: clamp(1.28rem, calc(0.65vw + 1.07rem), 1.98rem);
  --space-m: clamp(1.6rem, calc(1.11vw + 1.24rem), 2.8rem);
  --space-l: clamp(2rem, calc(1.81vw + 1.42rem), 3.96rem);
  --space-xl: clamp(2.5rem, calc(2.87vw + 1.58rem), 5.6rem);
  --space-2xl: clamp(3.13rem, calc(4.44vw + 1.71rem), 7.92rem);
  --space-3xl: clamp(3.91rem, calc(6.75vw + 1.75rem), 11.19rem);
  --space-4xl: clamp(4.88rem, calc(10.13vw + 1.64rem), 15.83rem);
}

:root.theme-alt .theme-inverted,
:root.theme-alt .theme-always-default,
:root.theme-default .theme-inverted .theme-always-default {
  --primary: hsla(213.37, 74.17%, 52.94%, 1);
  --primary-5: hsla(213.37, 74.17%, 52.94%, 0.05);
  --primary-10: hsla(213.37, 74.17%, 52.94%, 0.1);
  --primary-20: hsla(213.37, 74.17%, 52.94%, 0.2);
  --primary-30: hsla(213.37, 74.17%, 52.94%, 0.3);
  --primary-40: hsla(213.37, 74.17%, 52.94%, 0.4);
  --primary-50: hsla(213.37, 74.17%, 52.94%, 0.5);
  --primary-60: hsla(213.37, 74.17%, 52.94%, 0.6);
  --primary-70: hsla(213.37, 74.17%, 52.94%, 0.7);
  --primary-80: hsla(213.37, 74.17%, 52.94%, 0.8);
  --primary-90: hsla(213.37, 74.17%, 52.94%, 0.9);
  --primary-d-1: hsla(213.37, 74.17%, 44.47%, 1);
  --primary-d-2: hsla(213.37, 74.17%, 36%, 1);
  --primary-d-3: hsla(213.37, 74.17%, 27.53%, 1);
  --primary-d-4: hsla(213.37, 74.17%, 19.06%, 1);
  --primary-l-1: hsla(213.37, 74.17%, 60.47%, 1);
  --primary-l-2: hsla(213.37, 74.17%, 68%, 1);
  --primary-l-3: hsla(213.37, 74.17%, 75.53%, 1);
  --primary-l-4: hsla(213.37, 74.17%, 83.06%, 1);
  --secondary: hsla(24.84, 100%, 63.53%, 1);
  --secondary-5: hsla(24.84, 100%, 63.53%, 0.05);
  --secondary-10: hsla(24.84, 100%, 63.53%, 0.1);
  --secondary-20: hsla(24.84, 100%, 63.53%, 0.2);
  --secondary-30: hsla(24.84, 100%, 63.53%, 0.3);
  --secondary-40: hsla(24.84, 100%, 63.53%, 0.4);
  --secondary-50: hsla(24.84, 100%, 63.53%, 0.5);
  --secondary-60: hsla(24.84, 100%, 63.53%, 0.6);
  --secondary-70: hsla(24.84, 100%, 63.53%, 0.7);
  --secondary-80: hsla(24.84, 100%, 63.53%, 0.8);
  --secondary-90: hsla(24.84, 100%, 63.53%, 0.9);
  --secondary-d-1: hsla(24.84, 100%, 53.36%, 1);
  --secondary-d-2: hsla(24.84, 100%, 43.2%, 1);
  --secondary-d-3: hsla(24.84, 100%, 33.04%, 1);
  --secondary-d-4: hsla(24.84, 100%, 22.87%, 1);
  --secondary-l-1: hsla(24.84, 100%, 69.36%, 1);
  --secondary-l-2: hsla(24.84, 100%, 75.2%, 1);
  --secondary-l-3: hsla(24.84, 100%, 81.04%, 1);
  --secondary-l-4: hsla(24.84, 100%, 86.87%, 1);
  --tertiary: hsla(43.86, 100%, 66.47%, 1);
  --tertiary-5: hsla(43.86, 100%, 66.47%, 0.05);
  --tertiary-10: hsla(43.86, 100%, 66.47%, 0.1);
  --tertiary-20: hsla(43.86, 100%, 66.47%, 0.2);
  --tertiary-30: hsla(43.86, 100%, 66.47%, 0.3);
  --tertiary-40: hsla(43.86, 100%, 66.47%, 0.4);
  --tertiary-50: hsla(43.86, 100%, 66.47%, 0.5);
  --tertiary-60: hsla(43.86, 100%, 66.47%, 0.6);
  --tertiary-70: hsla(43.86, 100%, 66.47%, 0.7);
  --tertiary-80: hsla(43.86, 100%, 66.47%, 0.8);
  --tertiary-90: hsla(43.86, 100%, 66.47%, 0.9);
  --tertiary-d-1: hsla(43.86, 100%, 55.84%, 1);
  --tertiary-d-2: hsla(43.86, 100%, 45.2%, 1);
  --tertiary-d-3: hsla(43.86, 100%, 34.56%, 1);
  --tertiary-d-4: hsla(43.86, 100%, 23.93%, 1);
  --tertiary-l-1: hsla(43.86, 100%, 71.84%, 1);
  --tertiary-l-2: hsla(43.86, 100%, 77.2%, 1);
  --tertiary-l-3: hsla(43.86, 100%, 82.56%, 1);
  --tertiary-l-4: hsla(43.86, 100%, 87.93%, 1);
  --bg-body: hsla(0, 0%, 100%, 1);
  --bg-surface: hsla(0, 21.13%, 86.08%, 1);
  --text-body: hsla(240, 10.18%, 32.75%, 1);
  --text-title: hsla(240, 30.3%, 12.94%, 1);
  --border-primary: hsla(240, 30.3%, 12.94%, 0.12);
  --shadow-primary: hsla(240, 30.3%, 12.94%, 0.15);
  --light: hsla(0, 0%, 100%, 1);
  --light-5: hsla(0, 0%, 100%, 0.05);
  --light-10: hsla(0, 0%, 100%, 0.1);
  --light-20: hsla(0, 0%, 100%, 0.2);
  --light-30: hsla(0, 0%, 100%, 0.3);
  --light-40: hsla(0, 0%, 100%, 0.4);
  --light-50: hsla(0, 0%, 100%, 0.5);
  --light-60: hsla(0, 0%, 100%, 0.6);
  --light-70: hsla(0, 0%, 100%, 0.7);
  --light-80: hsla(0, 0%, 100%, 0.8);
  --light-90: hsla(0, 0%, 100%, 0.9);
  --dark: hsla(189, 38.46%, 10.2%, 1);
  --dark-5: hsla(189, 38.46%, 10.2%, 0.05);
  --dark-10: hsla(189, 38.46%, 10.2%, 0.1);
  --dark-20: hsla(189, 38.46%, 10.2%, 0.2);
  --dark-30: hsla(189, 38.46%, 10.2%, 0.3);
  --dark-40: hsla(189, 38.46%, 10.2%, 0.4);
  --dark-50: hsla(189, 38.46%, 10.2%, 0.5);
  --dark-60: hsla(189, 38.46%, 10.2%, 0.6);
  --dark-70: hsla(189, 38.46%, 10.2%, 0.7);
  --dark-80: hsla(189, 38.46%, 10.2%, 0.8);
  --dark-90: hsla(189, 38.46%, 10.2%, 0.9);
  --success: hsla(142.56, 55.45%, 41.37%, 1);
  --success-5: hsla(142.56, 55.45%, 41.37%, 0.05);
  --success-10: hsla(142.56, 55.45%, 41.37%, 0.1);
  --success-20: hsla(142.56, 55.45%, 41.37%, 0.2);
  --success-30: hsla(142.56, 55.45%, 41.37%, 0.3);
  --success-40: hsla(142.56, 55.45%, 41.37%, 0.4);
  --success-50: hsla(142.56, 55.45%, 41.37%, 0.5);
  --success-60: hsla(142.56, 55.45%, 41.37%, 0.6);
  --success-70: hsla(142.56, 55.45%, 41.37%, 0.7);
  --success-80: hsla(142.56, 55.45%, 41.37%, 0.8);
  --success-90: hsla(142.56, 55.45%, 41.37%, 0.9);
  --error: hsla(2.46, 78.08%, 57.06%, 1);
  --error-5: hsla(2.46, 78.08%, 57.06%, 0.05);
  --error-10: hsla(2.46, 78.08%, 57.06%, 0.1);
  --error-20: hsla(2.46, 78.08%, 57.06%, 0.2);
  --error-30: hsla(2.46, 78.08%, 57.06%, 0.3);
  --error-40: hsla(2.46, 78.08%, 57.06%, 0.4);
  --error-50: hsla(2.46, 78.08%, 57.06%, 0.5);
  --error-60: hsla(2.46, 78.08%, 57.06%, 0.6);
  --error-70: hsla(2.46, 78.08%, 57.06%, 0.7);
  --error-80: hsla(2.46, 78.08%, 57.06%, 0.8);
  --error-90: hsla(2.46, 78.08%, 57.06%, 0.9);
  --mint: hsla(85.71, 58.33%, 76.47%, 1);
  --mint-5: hsla(85.71, 58.33%, 76.47%, 0.05);
  --mint-10: hsla(85.71, 58.33%, 76.47%, 0.1);
  --mint-20: hsla(85.71, 58.33%, 76.47%, 0.2);
  --mint-30: hsla(85.71, 58.33%, 76.47%, 0.3);
  --mint-40: hsla(85.71, 58.33%, 76.47%, 0.4);
  --mint-50: hsla(85.71, 58.33%, 76.47%, 0.5);
  --mint-60: hsla(85.71, 58.33%, 76.47%, 0.6);
  --mint-70: hsla(85.71, 58.33%, 76.47%, 0.7);
  --mint-80: hsla(85.71, 58.33%, 76.47%, 0.8);
  --mint-90: hsla(85.71, 58.33%, 76.47%, 0.9);
  --mint-d-1: hsla(85.71, 58.33%, 64.24%, 1);
  --mint-d-2: hsla(85.71, 58.33%, 52%, 1);
  --mint-d-3: hsla(85.71, 58.33%, 39.76%, 1);
  --mint-d-4: hsla(85.71, 58.33%, 27.53%, 1);
  --mint-l-1: hsla(85.71, 58.33%, 80.24%, 1);
  --mint-l-2: hsla(85.71, 58.33%, 84%, 1);
  --mint-l-3: hsla(85.71, 58.33%, 87.76%, 1);
  --mint-l-4: hsla(85.71, 58.33%, 91.53%, 1);
  --blush: hsla(336, 100%, 95.1%, 1);
  --blush-5: hsla(336, 100%, 95.1%, 0.05);
  --blush-10: hsla(336, 100%, 95.1%, 0.1);
  --blush-20: hsla(336, 100%, 95.1%, 0.2);
  --blush-30: hsla(336, 100%, 95.1%, 0.3);
  --blush-40: hsla(336, 100%, 95.1%, 0.4);
  --blush-50: hsla(336, 100%, 95.1%, 0.5);
  --blush-60: hsla(336, 100%, 95.1%, 0.6);
  --blush-70: hsla(336, 100%, 95.1%, 0.7);
  --blush-80: hsla(336, 100%, 95.1%, 0.8);
  --blush-90: hsla(336, 100%, 95.1%, 0.9);
  --blush-d-1: hsla(336, 100%, 79.88%, 1);
  --blush-d-2: hsla(336, 100%, 64.67%, 1);
  --blush-d-3: hsla(336, 100%, 49.45%, 1);
  --blush-d-4: hsla(336, 100%, 34.24%, 1);
  --blush-l-1: hsla(336, 100%, 95.88%, 1);
  --blush-l-2: hsla(336, 100%, 96.67%, 1);
  --blush-l-3: hsla(336, 100%, 97.45%, 1);
  --blush-l-4: hsla(336, 100%, 98.24%, 1);
  --lilac: hsla(270, 66.67%, 96.47%, 1);
  --lilac-5: hsla(270, 66.67%, 96.47%, 0.05);
  --lilac-10: hsla(270, 66.67%, 96.47%, 0.1);
  --lilac-20: hsla(270, 66.67%, 96.47%, 0.2);
  --lilac-30: hsla(270, 66.67%, 96.47%, 0.3);
  --lilac-40: hsla(270, 66.67%, 96.47%, 0.4);
  --lilac-50: hsla(270, 66.67%, 96.47%, 0.5);
  --lilac-60: hsla(270, 66.67%, 96.47%, 0.6);
  --lilac-70: hsla(270, 66.67%, 96.47%, 0.7);
  --lilac-80: hsla(270, 66.67%, 96.47%, 0.8);
  --lilac-90: hsla(270, 66.67%, 96.47%, 0.9);
  --lilac-d-1: hsla(270, 66.67%, 81.04%, 1);
  --lilac-d-2: hsla(270, 66.67%, 65.6%, 1);
  --lilac-d-3: hsla(270, 66.67%, 50.16%, 1);
  --lilac-d-4: hsla(270, 66.67%, 34.73%, 1);
  --lilac-l-1: hsla(270, 66.67%, 97.04%, 1);
  --lilac-l-2: hsla(270, 66.67%, 97.6%, 1);
  --lilac-l-3: hsla(270, 66.67%, 98.16%, 1);
  --lilac-l-4: hsla(270, 66.67%, 98.73%, 1);
  --sand: hsla(43.45, 90.63%, 87.45%, 1);
  --sand-5: hsla(43.45, 90.63%, 87.45%, 0.05);
  --sand-10: hsla(43.45, 90.63%, 87.45%, 0.1);
  --sand-20: hsla(43.45, 90.63%, 87.45%, 0.2);
  --sand-30: hsla(43.45, 90.63%, 87.45%, 0.3);
  --sand-40: hsla(43.45, 90.63%, 87.45%, 0.4);
  --sand-50: hsla(43.45, 90.63%, 87.45%, 0.5);
  --sand-60: hsla(43.45, 90.63%, 87.45%, 0.6);
  --sand-70: hsla(43.45, 90.63%, 87.45%, 0.7);
  --sand-80: hsla(43.45, 90.63%, 87.45%, 0.8);
  --sand-90: hsla(43.45, 90.63%, 87.45%, 0.9);
  --sand-d-1: hsla(43.45, 90.63%, 73.46%, 1);
  --sand-d-2: hsla(43.45, 90.63%, 59.47%, 1);
  --sand-d-3: hsla(43.45, 90.63%, 45.47%, 1);
  --sand-d-4: hsla(43.45, 90.63%, 31.48%, 1);
  --sand-l-1: hsla(43.45, 90.63%, 89.46%, 1);
  --sand-l-2: hsla(43.45, 90.63%, 91.47%, 1);
  --sand-l-3: hsla(43.45, 90.63%, 93.47%, 1);
  --sand-l-4: hsla(43.45, 90.63%, 95.48%, 1);
  --sky: hsla(200.12, 100%, 66.08%, 1);
  --sky-5: hsla(200.12, 100%, 66.08%, 0.05);
  --sky-10: hsla(200.12, 100%, 66.08%, 0.1);
  --sky-20: hsla(200.12, 100%, 66.08%, 0.2);
  --sky-30: hsla(200.12, 100%, 66.08%, 0.3);
  --sky-40: hsla(200.12, 100%, 66.08%, 0.4);
  --sky-50: hsla(200.12, 100%, 66.08%, 0.5);
  --sky-60: hsla(200.12, 100%, 66.08%, 0.6);
  --sky-70: hsla(200.12, 100%, 66.08%, 0.7);
  --sky-80: hsla(200.12, 100%, 66.08%, 0.8);
  --sky-90: hsla(200.12, 100%, 66.08%, 0.9);
  --sky-d-1: hsla(200.12, 100%, 55.51%, 1);
  --sky-d-2: hsla(200.12, 100%, 44.93%, 1);
  --sky-d-3: hsla(200.12, 100%, 34.36%, 1);
  --sky-d-4: hsla(200.12, 100%, 23.79%, 1);
  --sky-l-1: hsla(200.12, 100%, 71.51%, 1);
  --sky-l-2: hsla(200.12, 100%, 76.93%, 1);
  --sky-l-3: hsla(200.12, 100%, 82.36%, 1);
  --sky-l-4: hsla(200.12, 100%, 87.79%, 1);
  --accent: hsla(338.52, 85.44%, 59.61%, 1);
  --accent-5: hsla(338.52, 85.44%, 59.61%, 0.05);
  --accent-10: hsla(338.52, 85.44%, 59.61%, 0.1);
  --accent-20: hsla(338.52, 85.44%, 59.61%, 0.2);
  --accent-30: hsla(338.52, 85.44%, 59.61%, 0.3);
  --accent-40: hsla(338.52, 85.44%, 59.61%, 0.4);
  --accent-50: hsla(338.52, 85.44%, 59.61%, 0.5);
  --accent-60: hsla(338.52, 85.44%, 59.61%, 0.6);
  --accent-70: hsla(338.52, 85.44%, 59.61%, 0.7);
  --accent-80: hsla(338.52, 85.44%, 59.61%, 0.8);
  --accent-90: hsla(338.52, 85.44%, 59.61%, 0.9);
  --accent-d-1: hsla(338.52, 85.44%, 50.07%, 1);
  --accent-d-2: hsla(338.52, 85.44%, 40.53%, 1);
  --accent-d-3: hsla(338.52, 85.44%, 31%, 1);
  --accent-d-4: hsla(338.52, 85.44%, 21.46%, 1);
  --accent-l-1: hsla(338.52, 85.44%, 66.07%, 1);
  --accent-l-2: hsla(338.52, 85.44%, 72.53%, 1);
  --accent-l-3: hsla(338.52, 85.44%, 79%, 1);
  --accent-l-4: hsla(338.52, 85.44%, 85.46%, 1);
  --cream: hsla(36, 45.45%, 97.84%, 1);
  --cream-5: hsla(36, 45.45%, 97.84%, 0.05);
  --cream-10: hsla(36, 45.45%, 97.84%, 0.1);
  --cream-20: hsla(36, 45.45%, 97.84%, 0.2);
  --cream-30: hsla(36, 45.45%, 97.84%, 0.3);
  --cream-40: hsla(36, 45.45%, 97.84%, 0.4);
  --cream-50: hsla(36, 45.45%, 97.84%, 0.5);
  --cream-60: hsla(36, 45.45%, 97.84%, 0.6);
  --cream-70: hsla(36, 45.45%, 97.84%, 0.7);
  --cream-80: hsla(36, 45.45%, 97.84%, 0.8);
  --cream-90: hsla(36, 45.45%, 97.84%, 0.9);
  --cream-d-1: hsla(36, 45.45%, 82.19%, 1);
  --cream-d-2: hsla(36, 45.45%, 66.53%, 1);
  --cream-d-3: hsla(36, 45.45%, 50.88%, 1);
  --cream-d-4: hsla(36, 45.45%, 35.22%, 1);
  --cream-l-1: hsla(36, 45.45%, 98.19%, 1);
  --cream-l-2: hsla(36, 45.45%, 98.53%, 1);
  --cream-l-3: hsla(36, 45.45%, 98.88%, 1);
  --cream-l-4: hsla(36, 45.45%, 99.22%, 1);
  --purple: hsla(261, 80%, 90.2%, 1);
  --purple-5: hsla(261, 80%, 90.2%, 0.05);
  --purple-10: hsla(261, 80%, 90.2%, 0.1);
  --purple-20: hsla(261, 80%, 90.2%, 0.2);
  --purple-30: hsla(261, 80%, 90.2%, 0.3);
  --purple-40: hsla(261, 80%, 90.2%, 0.4);
  --purple-50: hsla(261, 80%, 90.2%, 0.5);
  --purple-60: hsla(261, 80%, 90.2%, 0.6);
  --purple-70: hsla(261, 80%, 90.2%, 0.7);
  --purple-80: hsla(261, 80%, 90.2%, 0.8);
  --purple-90: hsla(261, 80%, 90.2%, 0.9);
  --purple-d-1: hsla(261, 80%, 75.76%, 1);
  --purple-d-2: hsla(261, 80%, 61.33%, 1);
  --purple-d-3: hsla(261, 80%, 46.9%, 1);
  --purple-d-4: hsla(261, 80%, 32.47%, 1);
  --purple-l-1: hsla(261, 80%, 91.76%, 1);
  --purple-l-2: hsla(261, 80%, 93.33%, 1);
  --purple-l-3: hsla(261, 80%, 94.9%, 1);
  --purple-l-4: hsla(261, 80%, 96.47%, 1);
  --ink: hsla(189.23, 25.49%, 10%, 1);
  --ink-5: hsla(189.23, 25.49%, 10%, 0.05);
  --ink-10: hsla(189.23, 25.49%, 10%, 0.1);
  --ink-20: hsla(189.23, 25.49%, 10%, 0.2);
  --ink-30: hsla(189.23, 25.49%, 10%, 0.3);
  --ink-40: hsla(189.23, 25.49%, 10%, 0.4);
  --ink-50: hsla(189.23, 25.49%, 10%, 0.5);
  --ink-60: hsla(189.23, 25.49%, 10%, 0.6);
  --ink-70: hsla(189.23, 25.49%, 10%, 0.7);
  --ink-80: hsla(189.23, 25.49%, 10%, 0.8);
  --ink-90: hsla(189.23, 25.49%, 10%, 0.9);
  --ink-d-1: hsla(189.23, 25.49%, 8.4%, 1);
  --ink-d-2: hsla(189.23, 25.49%, 6.8%, 1);
  --ink-d-3: hsla(189.23, 25.49%, 5.2%, 1);
  --ink-d-4: hsla(189.23, 25.49%, 3.6%, 1);
  --ink-l-1: hsla(189.23, 25.49%, 24.4%, 1);
  --ink-l-2: hsla(189.23, 25.49%, 38.8%, 1);
  --ink-l-3: hsla(189.23, 25.49%, 53.2%, 1);
  --ink-l-4: hsla(189.23, 25.49%, 67.6%, 1);
  --slate: hsla(240, 10.18%, 32.75%, 1);
  --slate-5: hsla(240, 10.18%, 32.75%, 0.05);
  --slate-10: hsla(240, 10.18%, 32.75%, 0.1);
  --slate-20: hsla(240, 10.18%, 32.75%, 0.2);
  --slate-30: hsla(240, 10.18%, 32.75%, 0.3);
  --slate-40: hsla(240, 10.18%, 32.75%, 0.4);
  --slate-50: hsla(240, 10.18%, 32.75%, 0.5);
  --slate-60: hsla(240, 10.18%, 32.75%, 0.6);
  --slate-70: hsla(240, 10.18%, 32.75%, 0.7);
  --slate-80: hsla(240, 10.18%, 32.75%, 0.8);
  --slate-90: hsla(240, 10.18%, 32.75%, 0.9);
  --slate-d-1: hsla(240, 10.18%, 27.51%, 1);
  --slate-d-2: hsla(240, 10.18%, 22.27%, 1);
  --slate-d-3: hsla(240, 10.18%, 17.03%, 1);
  --slate-d-4: hsla(240, 10.18%, 11.79%, 1);
  --slate-l-1: hsla(240, 10.18%, 43.51%, 1);
  --slate-l-2: hsla(240, 10.18%, 54.27%, 1);
  --slate-l-3: hsla(240, 10.18%, 65.03%, 1);
  --slate-l-4: hsla(240, 10.18%, 75.79%, 1);
  --ice: hsla(195.71, 87.5%, 90.59%, 1);
  --ice-5: hsla(195.71, 87.5%, 90.59%, 0.05);
  --ice-10: hsla(195.71, 87.5%, 90.59%, 0.1);
  --ice-20: hsla(195.71, 87.5%, 90.59%, 0.2);
  --ice-30: hsla(195.71, 87.5%, 90.59%, 0.3);
  --ice-40: hsla(195.71, 87.5%, 90.59%, 0.4);
  --ice-50: hsla(195.71, 87.5%, 90.59%, 0.5);
  --ice-60: hsla(195.71, 87.5%, 90.59%, 0.6);
  --ice-70: hsla(195.71, 87.5%, 90.59%, 0.7);
  --ice-80: hsla(195.71, 87.5%, 90.59%, 0.8);
  --ice-90: hsla(195.71, 87.5%, 90.59%, 0.9);
  --ice-d-1: hsla(195.71, 87.5%, 76.09%, 1);
  --ice-d-2: hsla(195.71, 87.5%, 61.6%, 1);
  --ice-d-3: hsla(195.71, 87.5%, 47.11%, 1);
  --ice-d-4: hsla(195.71, 87.5%, 32.61%, 1);
  --ice-l-1: hsla(195.71, 87.5%, 92.09%, 1);
  --ice-l-2: hsla(195.71, 87.5%, 93.6%, 1);
  --ice-l-3: hsla(195.71, 87.5%, 95.11%, 1);
  --ice-l-4: hsla(195.71, 87.5%, 96.61%, 1);
  --aqua: hsla(195.76, 79.2%, 75.49%, 1);
  --aqua-5: hsla(195.76, 79.2%, 75.49%, 0.05);
  --aqua-10: hsla(195.76, 79.2%, 75.49%, 0.1);
  --aqua-20: hsla(195.76, 79.2%, 75.49%, 0.2);
  --aqua-30: hsla(195.76, 79.2%, 75.49%, 0.3);
  --aqua-40: hsla(195.76, 79.2%, 75.49%, 0.4);
  --aqua-50: hsla(195.76, 79.2%, 75.49%, 0.5);
  --aqua-60: hsla(195.76, 79.2%, 75.49%, 0.6);
  --aqua-70: hsla(195.76, 79.2%, 75.49%, 0.7);
  --aqua-80: hsla(195.76, 79.2%, 75.49%, 0.8);
  --aqua-90: hsla(195.76, 79.2%, 75.49%, 0.9);
  --aqua-d-1: hsla(195.76, 79.2%, 63.41%, 1);
  --aqua-d-2: hsla(195.76, 79.2%, 51.33%, 1);
  --aqua-d-3: hsla(195.76, 79.2%, 39.25%, 1);
  --aqua-d-4: hsla(195.76, 79.2%, 27.18%, 1);
  --aqua-l-1: hsla(195.76, 79.2%, 79.41%, 1);
  --aqua-l-2: hsla(195.76, 79.2%, 83.33%, 1);
  --aqua-l-3: hsla(195.76, 79.2%, 87.25%, 1);
  --aqua-l-4: hsla(195.76, 79.2%, 91.18%, 1);
  --cloud: hsla(220, 14.29%, 95.88%, 1);
  --cloud-5: hsla(220, 14.29%, 95.88%, 0.05);
  --cloud-10: hsla(220, 14.29%, 95.88%, 0.1);
  --cloud-20: hsla(220, 14.29%, 95.88%, 0.2);
  --cloud-30: hsla(220, 14.29%, 95.88%, 0.3);
  --cloud-40: hsla(220, 14.29%, 95.88%, 0.4);
  --cloud-50: hsla(220, 14.29%, 95.88%, 0.5);
  --cloud-60: hsla(220, 14.29%, 95.88%, 0.6);
  --cloud-70: hsla(220, 14.29%, 95.88%, 0.7);
  --cloud-80: hsla(220, 14.29%, 95.88%, 0.8);
  --cloud-90: hsla(220, 14.29%, 95.88%, 0.9);
  --cloud-d-1: hsla(220, 14.29%, 80.54%, 1);
  --cloud-d-2: hsla(220, 14.29%, 65.2%, 1);
  --cloud-d-3: hsla(220, 14.29%, 49.86%, 1);
  --cloud-d-4: hsla(220, 14.29%, 34.52%, 1);
  --cloud-l-1: hsla(220, 14.29%, 96.54%, 1);
  --cloud-l-2: hsla(220, 14.29%, 97.2%, 1);
  --cloud-l-3: hsla(220, 14.29%, 97.86%, 1);
  --cloud-l-4: hsla(220, 14.29%, 98.52%, 1);
  --panel: hsla(200, 75%, 95.29%, 1);
  --panel-5: hsla(200, 75%, 95.29%, 0.05);
  --panel-10: hsla(200, 75%, 95.29%, 0.1);
  --panel-20: hsla(200, 75%, 95.29%, 0.2);
  --panel-30: hsla(200, 75%, 95.29%, 0.3);
  --panel-40: hsla(200, 75%, 95.29%, 0.4);
  --panel-50: hsla(200, 75%, 95.29%, 0.5);
  --panel-60: hsla(200, 75%, 95.29%, 0.6);
  --panel-70: hsla(200, 75%, 95.29%, 0.7);
  --panel-80: hsla(200, 75%, 95.29%, 0.8);
  --panel-90: hsla(200, 75%, 95.29%, 0.9);
  --panel-d-1: hsla(200, 75%, 80.05%, 1);
  --panel-d-2: hsla(200, 75%, 64.8%, 1);
  --panel-d-3: hsla(200, 75%, 49.55%, 1);
  --panel-d-4: hsla(200, 75%, 34.31%, 1);
  --panel-l-1: hsla(200, 75%, 96.05%, 1);
  --panel-l-2: hsla(200, 75%, 96.8%, 1);
  --panel-l-3: hsla(200, 75%, 97.55%, 1);
  --panel-l-4: hsla(200, 75%, 98.31%, 1);
  --panel-strong: hsla(202.17, 85.19%, 89.41%, 1);
  --panel-strong-5: hsla(202.17, 85.19%, 89.41%, 0.05);
  --panel-strong-10: hsla(202.17, 85.19%, 89.41%, 0.1);
  --panel-strong-20: hsla(202.17, 85.19%, 89.41%, 0.2);
  --panel-strong-30: hsla(202.17, 85.19%, 89.41%, 0.3);
  --panel-strong-40: hsla(202.17, 85.19%, 89.41%, 0.4);
  --panel-strong-50: hsla(202.17, 85.19%, 89.41%, 0.5);
  --panel-strong-60: hsla(202.17, 85.19%, 89.41%, 0.6);
  --panel-strong-70: hsla(202.17, 85.19%, 89.41%, 0.7);
  --panel-strong-80: hsla(202.17, 85.19%, 89.41%, 0.8);
  --panel-strong-90: hsla(202.17, 85.19%, 89.41%, 0.9);
  --panel-strong-d-1: hsla(202.17, 85.19%, 75.11%, 1);
  --panel-strong-d-2: hsla(202.17, 85.19%, 60.8%, 1);
  --panel-strong-d-3: hsla(202.17, 85.19%, 46.49%, 1);
  --panel-strong-d-4: hsla(202.17, 85.19%, 32.19%, 1);
  --panel-strong-l-1: hsla(202.17, 85.19%, 91.11%, 1);
  --panel-strong-l-2: hsla(202.17, 85.19%, 92.8%, 1);
  --panel-strong-l-3: hsla(202.17, 85.19%, 94.49%, 1);
  --panel-strong-l-4: hsla(202.17, 85.19%, 96.19%, 1);
  --chip: hsla(44.75, 93.65%, 87.65%, 1);
  --chip-5: hsla(44.75, 93.65%, 87.65%, 0.05);
  --chip-10: hsla(44.75, 93.65%, 87.65%, 0.1);
  --chip-20: hsla(44.75, 93.65%, 87.65%, 0.2);
  --chip-30: hsla(44.75, 93.65%, 87.65%, 0.3);
  --chip-40: hsla(44.75, 93.65%, 87.65%, 0.4);
  --chip-50: hsla(44.75, 93.65%, 87.65%, 0.5);
  --chip-60: hsla(44.75, 93.65%, 87.65%, 0.6);
  --chip-70: hsla(44.75, 93.65%, 87.65%, 0.7);
  --chip-80: hsla(44.75, 93.65%, 87.65%, 0.8);
  --chip-90: hsla(44.75, 93.65%, 87.65%, 0.9);
  --chip-d-1: hsla(44.75, 93.65%, 73.62%, 1);
  --chip-d-2: hsla(44.75, 93.65%, 59.6%, 1);
  --chip-d-3: hsla(44.75, 93.65%, 45.58%, 1);
  --chip-d-4: hsla(44.75, 93.65%, 31.55%, 1);
  --chip-l-1: hsla(44.75, 93.65%, 89.62%, 1);
  --chip-l-2: hsla(44.75, 93.65%, 91.6%, 1);
  --chip-l-3: hsla(44.75, 93.65%, 93.58%, 1);
  --chip-l-4: hsla(44.75, 93.65%, 95.55%, 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(40, 13.04%, 90.98%, 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%, 100%, 1);
  --light-5: hsla(0, 0%, 100%, 0.05);
  --light-10: hsla(0, 0%, 100%, 0.1);
  --light-20: hsla(0, 0%, 100%, 0.2);
  --light-30: hsla(0, 0%, 100%, 0.3);
  --light-40: hsla(0, 0%, 100%, 0.4);
  --light-50: hsla(0, 0%, 100%, 0.5);
  --light-60: hsla(0, 0%, 100%, 0.6);
  --light-70: hsla(0, 0%, 100%, 0.7);
  --light-80: hsla(0, 0%, 100%, 0.8);
  --light-90: hsla(0, 0%, 100%, 0.9);
  --dark: hsla(240, 32.31%, 12.75%, 1);
  --dark-5: hsla(240, 32.31%, 12.75%, 0.05);
  --dark-10: hsla(240, 32.31%, 12.75%, 0.1);
  --dark-20: hsla(240, 32.31%, 12.75%, 0.2);
  --dark-30: hsla(240, 32.31%, 12.75%, 0.3);
  --dark-40: hsla(240, 32.31%, 12.75%, 0.4);
  --dark-50: hsla(240, 32.31%, 12.75%, 0.5);
  --dark-60: hsla(240, 32.31%, 12.75%, 0.6);
  --dark-70: hsla(240, 32.31%, 12.75%, 0.7);
  --dark-80: hsla(240, 32.31%, 12.75%, 0.8);
  --dark-90: hsla(240, 32.31%, 12.75%, 0.9);
}
.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-mint {
  color: var(--mint);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-panel-strong-5 {
  color: var(--panel-strong-5);
}

.bg-panel-strong-5 {
  background-color: var(--panel-strong-5);
}

.border-panel-strong-5 {
  border-color: var(--panel-strong-5);
}

.text-panel-strong-10 {
  color: var(--panel-strong-10);
}

.bg-panel-strong-10 {
  background-color: var(--panel-strong-10);
}

.border-panel-strong-10 {
  border-color: var(--panel-strong-10);
}

.text-panel-strong-20 {
  color: var(--panel-strong-20);
}

.bg-panel-strong-20 {
  background-color: var(--panel-strong-20);
}

.border-panel-strong-20 {
  border-color: var(--panel-strong-20);
}

.text-panel-strong-30 {
  color: var(--panel-strong-30);
}

.bg-panel-strong-30 {
  background-color: var(--panel-strong-30);
}

.border-panel-strong-30 {
  border-color: var(--panel-strong-30);
}

.text-panel-strong-40 {
  color: var(--panel-strong-40);
}

.bg-panel-strong-40 {
  background-color: var(--panel-strong-40);
}

.border-panel-strong-40 {
  border-color: var(--panel-strong-40);
}

.text-panel-strong-50 {
  color: var(--panel-strong-50);
}

.bg-panel-strong-50 {
  background-color: var(--panel-strong-50);
}

.border-panel-strong-50 {
  border-color: var(--panel-strong-50);
}

.text-panel-strong-60 {
  color: var(--panel-strong-60);
}

.bg-panel-strong-60 {
  background-color: var(--panel-strong-60);
}

.border-panel-strong-60 {
  border-color: var(--panel-strong-60);
}

.text-panel-strong-70 {
  color: var(--panel-strong-70);
}

.bg-panel-strong-70 {
  background-color: var(--panel-strong-70);
}

.border-panel-strong-70 {
  border-color: var(--panel-strong-70);
}

.text-panel-strong-80 {
  color: var(--panel-strong-80);
}

.bg-panel-strong-80 {
  background-color: var(--panel-strong-80);
}

.border-panel-strong-80 {
  border-color: var(--panel-strong-80);
}

.text-panel-strong-90 {
  color: var(--panel-strong-90);
}

.bg-panel-strong-90 {
  background-color: var(--panel-strong-90);
}

.border-panel-strong-90 {
  border-color: var(--panel-strong-90);
}

.text-panel-strong-d-1 {
  color: var(--panel-strong-d-1);
}

.bg-panel-strong-d-1 {
  background-color: var(--panel-strong-d-1);
}

.border-panel-strong-d-1 {
  border-color: var(--panel-strong-d-1);
}

.text-panel-strong-d-2 {
  color: var(--panel-strong-d-2);
}

.bg-panel-strong-d-2 {
  background-color: var(--panel-strong-d-2);
}

.border-panel-strong-d-2 {
  border-color: var(--panel-strong-d-2);
}

.text-panel-strong-d-3 {
  color: var(--panel-strong-d-3);
}

.bg-panel-strong-d-3 {
  background-color: var(--panel-strong-d-3);
}

.border-panel-strong-d-3 {
  border-color: var(--panel-strong-d-3);
}

.text-panel-strong-d-4 {
  color: var(--panel-strong-d-4);
}

.bg-panel-strong-d-4 {
  background-color: var(--panel-strong-d-4);
}

.border-panel-strong-d-4 {
  border-color: var(--panel-strong-d-4);
}

.text-panel-strong-l-1 {
  color: var(--panel-strong-l-1);
}

.bg-panel-strong-l-1 {
  background-color: var(--panel-strong-l-1);
}

.border-panel-strong-l-1 {
  border-color: var(--panel-strong-l-1);
}

.text-panel-strong-l-2 {
  color: var(--panel-strong-l-2);
}

.bg-panel-strong-l-2 {
  background-color: var(--panel-strong-l-2);
}

.border-panel-strong-l-2 {
  border-color: var(--panel-strong-l-2);
}

.text-panel-strong-l-3 {
  color: var(--panel-strong-l-3);
}

.bg-panel-strong-l-3 {
  background-color: var(--panel-strong-l-3);
}

.border-panel-strong-l-3 {
  border-color: var(--panel-strong-l-3);
}

.text-panel-strong-l-4 {
  color: var(--panel-strong-l-4);
}

.bg-panel-strong-l-4 {
  background-color: var(--panel-strong-l-4);
}

.border-panel-strong-l-4 {
  border-color: var(--panel-strong-l-4);
}

.text-chip {
  color: var(--chip);
}

.bg-chip {
  background-color: var(--chip);
}

.border-chip {
  border-color: var(--chip);
}

.text-chip-5 {
  color: var(--chip-5);
}

.bg-chip-5 {
  background-color: var(--chip-5);
}

.border-chip-5 {
  border-color: var(--chip-5);
}

.text-chip-10 {
  color: var(--chip-10);
}

.bg-chip-10 {
  background-color: var(--chip-10);
}

.border-chip-10 {
  border-color: var(--chip-10);
}

.text-chip-20 {
  color: var(--chip-20);
}

.bg-chip-20 {
  background-color: var(--chip-20);
}

.border-chip-20 {
  border-color: var(--chip-20);
}

.text-chip-30 {
  color: var(--chip-30);
}

.bg-chip-30 {
  background-color: var(--chip-30);
}

.border-chip-30 {
  border-color: var(--chip-30);
}

.text-chip-40 {
  color: var(--chip-40);
}

.bg-chip-40 {
  background-color: var(--chip-40);
}

.border-chip-40 {
  border-color: var(--chip-40);
}

.text-chip-50 {
  color: var(--chip-50);
}

.bg-chip-50 {
  background-color: var(--chip-50);
}

.border-chip-50 {
  border-color: var(--chip-50);
}

.text-chip-60 {
  color: var(--chip-60);
}

.bg-chip-60 {
  background-color: var(--chip-60);
}

.border-chip-60 {
  border-color: var(--chip-60);
}

.text-chip-70 {
  color: var(--chip-70);
}

.bg-chip-70 {
  background-color: var(--chip-70);
}

.border-chip-70 {
  border-color: var(--chip-70);
}

.text-chip-80 {
  color: var(--chip-80);
}

.bg-chip-80 {
  background-color: var(--chip-80);
}

.border-chip-80 {
  border-color: var(--chip-80);
}

.text-chip-90 {
  color: var(--chip-90);
}

.bg-chip-90 {
  background-color: var(--chip-90);
}

.border-chip-90 {
  border-color: var(--chip-90);
}

.text-chip-d-1 {
  color: var(--chip-d-1);
}

.bg-chip-d-1 {
  background-color: var(--chip-d-1);
}

.border-chip-d-1 {
  border-color: var(--chip-d-1);
}

.text-chip-d-2 {
  color: var(--chip-d-2);
}

.bg-chip-d-2 {
  background-color: var(--chip-d-2);
}

.border-chip-d-2 {
  border-color: var(--chip-d-2);
}

.text-chip-d-3 {
  color: var(--chip-d-3);
}

.bg-chip-d-3 {
  background-color: var(--chip-d-3);
}

.border-chip-d-3 {
  border-color: var(--chip-d-3);
}

.text-chip-d-4 {
  color: var(--chip-d-4);
}

.bg-chip-d-4 {
  background-color: var(--chip-d-4);
}

.border-chip-d-4 {
  border-color: var(--chip-d-4);
}

.text-chip-l-1 {
  color: var(--chip-l-1);
}

.bg-chip-l-1 {
  background-color: var(--chip-l-1);
}

.border-chip-l-1 {
  border-color: var(--chip-l-1);
}

.text-chip-l-2 {
  color: var(--chip-l-2);
}

.bg-chip-l-2 {
  background-color: var(--chip-l-2);
}

.border-chip-l-2 {
  border-color: var(--chip-l-2);
}

.text-chip-l-3 {
  color: var(--chip-l-3);
}

.bg-chip-l-3 {
  background-color: var(--chip-l-3);
}

.border-chip-l-3 {
  border-color: var(--chip-l-3);
}

.text-chip-l-4 {
  color: var(--chip-l-4);
}

.bg-chip-l-4 {
  background-color: var(--chip-l-4);
}

.border-chip-l-4 {
  border-color: var(--chip-l-4);
}

.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);
}

.text-5xl {
  font-size: var(--text-5xl);
}

.text-6xl {
  font-size: var(--text-6xl);
}

.text-7xl {
  font-size: var(--text-7xl);
}

.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-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-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-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-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-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-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-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-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-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-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-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-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-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-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);
}