:root {
  --font-heading: "Plus Jakarta Sans", system-ui, sans-serif;
  --font-text: "Source Sans 3", system-ui, sans-serif;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/plus-jakarta-sans/400-latin-ext-0.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/plus-jakarta-sans/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: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/fonts/plus-jakarta-sans/500-latin-ext-0.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/fonts/plus-jakarta-sans/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: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/fonts/plus-jakarta-sans/600-latin-ext-0.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/fonts/plus-jakarta-sans/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: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/fonts/plus-jakarta-sans/700-latin-ext-0.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/fonts/plus-jakarta-sans/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: "Source Sans 3";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/source-sans-3/400italic-latin-ext-0.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/source-sans-3/400italic-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: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/source-sans-3/400-latin-ext-0.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/source-sans-3/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: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/fonts/source-sans-3/600-latin-ext-0.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/fonts/source-sans-3/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;
}
:root {
  --primary: hsla(202.11, 78.08%, 28.63%, 1);
  --primary-5: hsla(202.11, 78.08%, 28.63%, 0.05);
  --primary-10: hsla(202.11, 78.08%, 28.63%, 0.1);
  --primary-20: hsla(202.11, 78.08%, 28.63%, 0.2);
  --primary-30: hsla(202.11, 78.08%, 28.63%, 0.3);
  --primary-40: hsla(202.11, 78.08%, 28.63%, 0.4);
  --primary-50: hsla(202.11, 78.08%, 28.63%, 0.5);
  --primary-60: hsla(202.11, 78.08%, 28.63%, 0.6);
  --primary-70: hsla(202.11, 78.08%, 28.63%, 0.7);
  --primary-80: hsla(202.11, 78.08%, 28.63%, 0.8);
  --primary-90: hsla(202.11, 78.08%, 28.63%, 0.9);
  --primary-d-1: hsla(202.11, 78.08%, 24.05%, 1);
  --primary-d-2: hsla(202.11, 78.08%, 19.47%, 1);
  --primary-d-3: hsla(202.11, 78.08%, 14.89%, 1);
  --primary-d-4: hsla(202.11, 78.08%, 10.31%, 1);
  --primary-l-1: hsla(202.11, 78.08%, 40.05%, 1);
  --primary-l-2: hsla(202.11, 78.08%, 51.47%, 1);
  --primary-l-3: hsla(202.11, 78.08%, 62.89%, 1);
  --primary-l-4: hsla(202.11, 78.08%, 74.31%, 1);
  --secondary: hsla(193.21, 90.08%, 76.27%, 1);
  --secondary-5: hsla(193.21, 90.08%, 76.27%, 0.05);
  --secondary-10: hsla(193.21, 90.08%, 76.27%, 0.1);
  --secondary-20: hsla(193.21, 90.08%, 76.27%, 0.2);
  --secondary-30: hsla(193.21, 90.08%, 76.27%, 0.3);
  --secondary-40: hsla(193.21, 90.08%, 76.27%, 0.4);
  --secondary-50: hsla(193.21, 90.08%, 76.27%, 0.5);
  --secondary-60: hsla(193.21, 90.08%, 76.27%, 0.6);
  --secondary-70: hsla(193.21, 90.08%, 76.27%, 0.7);
  --secondary-80: hsla(193.21, 90.08%, 76.27%, 0.8);
  --secondary-90: hsla(193.21, 90.08%, 76.27%, 0.9);
  --secondary-d-1: hsla(193.21, 90.08%, 64.07%, 1);
  --secondary-d-2: hsla(193.21, 90.08%, 51.87%, 1);
  --secondary-d-3: hsla(193.21, 90.08%, 39.66%, 1);
  --secondary-d-4: hsla(193.21, 90.08%, 27.46%, 1);
  --secondary-l-1: hsla(193.21, 90.08%, 80.07%, 1);
  --secondary-l-2: hsla(193.21, 90.08%, 83.87%, 1);
  --secondary-l-3: hsla(193.21, 90.08%, 87.66%, 1);
  --secondary-l-4: hsla(193.21, 90.08%, 91.46%, 1);
  --tertiary: hsla(220, 1.64%, 64.12%, 1);
  --tertiary-5: hsla(220, 1.64%, 64.12%, 0.05);
  --tertiary-10: hsla(220, 1.64%, 64.12%, 0.1);
  --tertiary-20: hsla(220, 1.64%, 64.12%, 0.2);
  --tertiary-30: hsla(220, 1.64%, 64.12%, 0.3);
  --tertiary-40: hsla(220, 1.64%, 64.12%, 0.4);
  --tertiary-50: hsla(220, 1.64%, 64.12%, 0.5);
  --tertiary-60: hsla(220, 1.64%, 64.12%, 0.6);
  --tertiary-70: hsla(220, 1.64%, 64.12%, 0.7);
  --tertiary-80: hsla(220, 1.64%, 64.12%, 0.8);
  --tertiary-90: hsla(220, 1.64%, 64.12%, 0.9);
  --tertiary-d-1: hsla(220, 1.64%, 53.86%, 1);
  --tertiary-d-2: hsla(220, 1.64%, 43.6%, 1);
  --tertiary-d-3: hsla(220, 1.64%, 33.34%, 1);
  --tertiary-d-4: hsla(220, 1.64%, 23.08%, 1);
  --tertiary-l-1: hsla(220, 1.64%, 69.86%, 1);
  --tertiary-l-2: hsla(220, 1.64%, 75.6%, 1);
  --tertiary-l-3: hsla(220, 1.64%, 81.34%, 1);
  --tertiary-l-4: hsla(220, 1.64%, 87.08%, 1);
  --bg-body: hsla(0, 0%, 100%, 1);
  --bg-surface: hsla(0, 0%, 100%, 1);
  --text-body: hsla(203.18, 22.92%, 37.65%, 1);
  --text-title: hsla(202.76, 74.36%, 15.29%, 1);
  --border-primary: hsla(202.5, 27.59%, 88.63%, 1);
  --shadow-primary: hsla(201.37, 72.28%, 19.8%, 0.22);
  --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(0, 0%, 0%, 1);
  --dark-5: hsla(0, 0%, 0%, 0.05);
  --dark-10: hsla(0, 0%, 0%, 0.1);
  --dark-20: hsla(0, 0%, 0%, 0.2);
  --dark-30: hsla(0, 0%, 0%, 0.3);
  --dark-40: hsla(0, 0%, 0%, 0.4);
  --dark-50: hsla(0, 0%, 0%, 0.5);
  --dark-60: hsla(0, 0%, 0%, 0.6);
  --dark-70: hsla(0, 0%, 0%, 0.7);
  --dark-80: hsla(0, 0%, 0%, 0.8);
  --dark-90: hsla(0, 0%, 0%, 0.9);
  --success: hsla(159, 56.34%, 27.84%, 1);
  --success-5: hsla(159, 56.34%, 27.84%, 0.05);
  --success-10: hsla(159, 56.34%, 27.84%, 0.1);
  --success-20: hsla(159, 56.34%, 27.84%, 0.2);
  --success-30: hsla(159, 56.34%, 27.84%, 0.3);
  --success-40: hsla(159, 56.34%, 27.84%, 0.4);
  --success-50: hsla(159, 56.34%, 27.84%, 0.5);
  --success-60: hsla(159, 56.34%, 27.84%, 0.6);
  --success-70: hsla(159, 56.34%, 27.84%, 0.7);
  --success-80: hsla(159, 56.34%, 27.84%, 0.8);
  --success-90: hsla(159, 56.34%, 27.84%, 0.9);
  --error: hsla(8.76, 68.84%, 39.02%, 1);
  --error-5: hsla(8.76, 68.84%, 39.02%, 0.05);
  --error-10: hsla(8.76, 68.84%, 39.02%, 0.1);
  --error-20: hsla(8.76, 68.84%, 39.02%, 0.2);
  --error-30: hsla(8.76, 68.84%, 39.02%, 0.3);
  --error-40: hsla(8.76, 68.84%, 39.02%, 0.4);
  --error-50: hsla(8.76, 68.84%, 39.02%, 0.5);
  --error-60: hsla(8.76, 68.84%, 39.02%, 0.6);
  --error-70: hsla(8.76, 68.84%, 39.02%, 0.7);
  --error-80: hsla(8.76, 68.84%, 39.02%, 0.8);
  --error-90: hsla(8.76, 68.84%, 39.02%, 0.9);
  --accent: hsla(200.14, 72.92%, 37.65%, 1);
  --accent-5: hsla(200.14, 72.92%, 37.65%, 0.05);
  --accent-10: hsla(200.14, 72.92%, 37.65%, 0.1);
  --accent-20: hsla(200.14, 72.92%, 37.65%, 0.2);
  --accent-30: hsla(200.14, 72.92%, 37.65%, 0.3);
  --accent-40: hsla(200.14, 72.92%, 37.65%, 0.4);
  --accent-50: hsla(200.14, 72.92%, 37.65%, 0.5);
  --accent-60: hsla(200.14, 72.92%, 37.65%, 0.6);
  --accent-70: hsla(200.14, 72.92%, 37.65%, 0.7);
  --accent-80: hsla(200.14, 72.92%, 37.65%, 0.8);
  --accent-90: hsla(200.14, 72.92%, 37.65%, 0.9);
  --accent-d-1: hsla(200.14, 72.92%, 31.62%, 1);
  --accent-d-2: hsla(200.14, 72.92%, 25.6%, 1);
  --accent-d-3: hsla(200.14, 72.92%, 19.58%, 1);
  --accent-d-4: hsla(200.14, 72.92%, 13.55%, 1);
  --accent-l-1: hsla(200.14, 72.92%, 47.62%, 1);
  --accent-l-2: hsla(200.14, 72.92%, 57.6%, 1);
  --accent-l-3: hsla(200.14, 72.92%, 67.58%, 1);
  --accent-l-4: hsla(200.14, 72.92%, 77.55%, 1);
  --neutral: hsla(205.26, 17.43%, 42.75%, 1);
  --neutral-5: hsla(205.26, 17.43%, 42.75%, 0.05);
  --neutral-10: hsla(205.26, 17.43%, 42.75%, 0.1);
  --neutral-20: hsla(205.26, 17.43%, 42.75%, 0.2);
  --neutral-30: hsla(205.26, 17.43%, 42.75%, 0.3);
  --neutral-40: hsla(205.26, 17.43%, 42.75%, 0.4);
  --neutral-50: hsla(205.26, 17.43%, 42.75%, 0.5);
  --neutral-60: hsla(205.26, 17.43%, 42.75%, 0.6);
  --neutral-70: hsla(205.26, 17.43%, 42.75%, 0.7);
  --neutral-80: hsla(205.26, 17.43%, 42.75%, 0.8);
  --neutral-90: hsla(205.26, 17.43%, 42.75%, 0.9);
  --neutral-d-1: hsla(205.26, 17.43%, 35.91%, 1);
  --neutral-d-2: hsla(205.26, 17.43%, 29.07%, 1);
  --neutral-d-3: hsla(205.26, 17.43%, 22.23%, 1);
  --neutral-d-4: hsla(205.26, 17.43%, 15.39%, 1);
  --neutral-l-1: hsla(205.26, 17.43%, 51.91%, 1);
  --neutral-l-2: hsla(205.26, 17.43%, 61.07%, 1);
  --neutral-l-3: hsla(205.26, 17.43%, 70.23%, 1);
  --neutral-l-4: hsla(205.26, 17.43%, 79.39%, 1);
  --mist: hsla(202.5, 50%, 96.86%, 1);
  --mist-5: hsla(202.5, 50%, 96.86%, 0.05);
  --mist-10: hsla(202.5, 50%, 96.86%, 0.1);
  --mist-20: hsla(202.5, 50%, 96.86%, 0.2);
  --mist-30: hsla(202.5, 50%, 96.86%, 0.3);
  --mist-40: hsla(202.5, 50%, 96.86%, 0.4);
  --mist-50: hsla(202.5, 50%, 96.86%, 0.5);
  --mist-60: hsla(202.5, 50%, 96.86%, 0.6);
  --mist-70: hsla(202.5, 50%, 96.86%, 0.7);
  --mist-80: hsla(202.5, 50%, 96.86%, 0.8);
  --mist-90: hsla(202.5, 50%, 96.86%, 0.9);
  --mist-d-1: hsla(202.5, 50%, 81.36%, 1);
  --mist-d-2: hsla(202.5, 50%, 65.87%, 1);
  --mist-d-3: hsla(202.5, 50%, 50.37%, 1);
  --mist-d-4: hsla(202.5, 50%, 34.87%, 1);
  --mist-l-1: hsla(202.5, 50%, 97.36%, 1);
  --mist-l-2: hsla(202.5, 50%, 97.87%, 1);
  --mist-l-3: hsla(202.5, 50%, 98.37%, 1);
  --mist-l-4: hsla(202.5, 50%, 98.87%, 1);
  --secondary-tint: hsla(195, 90.91%, 95.69%, 1);
  --secondary-tint-5: hsla(195, 90.91%, 95.69%, 0.05);
  --secondary-tint-10: hsla(195, 90.91%, 95.69%, 0.1);
  --secondary-tint-20: hsla(195, 90.91%, 95.69%, 0.2);
  --secondary-tint-30: hsla(195, 90.91%, 95.69%, 0.3);
  --secondary-tint-40: hsla(195, 90.91%, 95.69%, 0.4);
  --secondary-tint-50: hsla(195, 90.91%, 95.69%, 0.5);
  --secondary-tint-60: hsla(195, 90.91%, 95.69%, 0.6);
  --secondary-tint-70: hsla(195, 90.91%, 95.69%, 0.7);
  --secondary-tint-80: hsla(195, 90.91%, 95.69%, 0.8);
  --secondary-tint-90: hsla(195, 90.91%, 95.69%, 0.9);
  --secondary-tint-d-1: hsla(195, 90.91%, 80.38%, 1);
  --secondary-tint-d-2: hsla(195, 90.91%, 65.07%, 1);
  --secondary-tint-d-3: hsla(195, 90.91%, 49.76%, 1);
  --secondary-tint-d-4: hsla(195, 90.91%, 34.45%, 1);
  --secondary-tint-l-1: hsla(195, 90.91%, 96.38%, 1);
  --secondary-tint-l-2: hsla(195, 90.91%, 97.07%, 1);
  --secondary-tint-l-3: hsla(195, 90.91%, 97.76%, 1);
  --secondary-tint-l-4: hsla(195, 90.91%, 98.45%, 1);
  --secondary-soft: hsla(192.86, 91.3%, 90.98%, 1);
  --secondary-soft-5: hsla(192.86, 91.3%, 90.98%, 0.05);
  --secondary-soft-10: hsla(192.86, 91.3%, 90.98%, 0.1);
  --secondary-soft-20: hsla(192.86, 91.3%, 90.98%, 0.2);
  --secondary-soft-30: hsla(192.86, 91.3%, 90.98%, 0.3);
  --secondary-soft-40: hsla(192.86, 91.3%, 90.98%, 0.4);
  --secondary-soft-50: hsla(192.86, 91.3%, 90.98%, 0.5);
  --secondary-soft-60: hsla(192.86, 91.3%, 90.98%, 0.6);
  --secondary-soft-70: hsla(192.86, 91.3%, 90.98%, 0.7);
  --secondary-soft-80: hsla(192.86, 91.3%, 90.98%, 0.8);
  --secondary-soft-90: hsla(192.86, 91.3%, 90.98%, 0.9);
  --secondary-soft-d-1: hsla(192.86, 91.3%, 76.42%, 1);
  --secondary-soft-d-2: hsla(192.86, 91.3%, 61.87%, 1);
  --secondary-soft-d-3: hsla(192.86, 91.3%, 47.31%, 1);
  --secondary-soft-d-4: hsla(192.86, 91.3%, 32.75%, 1);
  --secondary-soft-l-1: hsla(192.86, 91.3%, 92.42%, 1);
  --secondary-soft-l-2: hsla(192.86, 91.3%, 93.87%, 1);
  --secondary-soft-l-3: hsla(192.86, 91.3%, 95.31%, 1);
  --secondary-soft-l-4: hsla(192.86, 91.3%, 96.75%, 1);
  --line: hsla(202.5, 27.59%, 88.63%, 1);
  --line-5: hsla(202.5, 27.59%, 88.63%, 0.05);
  --line-10: hsla(202.5, 27.59%, 88.63%, 0.1);
  --line-20: hsla(202.5, 27.59%, 88.63%, 0.2);
  --line-30: hsla(202.5, 27.59%, 88.63%, 0.3);
  --line-40: hsla(202.5, 27.59%, 88.63%, 0.4);
  --line-50: hsla(202.5, 27.59%, 88.63%, 0.5);
  --line-60: hsla(202.5, 27.59%, 88.63%, 0.6);
  --line-70: hsla(202.5, 27.59%, 88.63%, 0.7);
  --line-80: hsla(202.5, 27.59%, 88.63%, 0.8);
  --line-90: hsla(202.5, 27.59%, 88.63%, 0.9);
  --line-d-1: hsla(202.5, 27.59%, 74.45%, 1);
  --line-d-2: hsla(202.5, 27.59%, 60.27%, 1);
  --line-d-3: hsla(202.5, 27.59%, 46.09%, 1);
  --line-d-4: hsla(202.5, 27.59%, 31.91%, 1);
  --line-l-1: hsla(202.5, 27.59%, 90.45%, 1);
  --line-l-2: hsla(202.5, 27.59%, 92.27%, 1);
  --line-l-3: hsla(202.5, 27.59%, 94.09%, 1);
  --line-l-4: hsla(202.5, 27.59%, 95.91%, 1);
  --line-control: hsla(203.33, 16.07%, 56.08%, 1);
  --line-control-5: hsla(203.33, 16.07%, 56.08%, 0.05);
  --line-control-10: hsla(203.33, 16.07%, 56.08%, 0.1);
  --line-control-20: hsla(203.33, 16.07%, 56.08%, 0.2);
  --line-control-30: hsla(203.33, 16.07%, 56.08%, 0.3);
  --line-control-40: hsla(203.33, 16.07%, 56.08%, 0.4);
  --line-control-50: hsla(203.33, 16.07%, 56.08%, 0.5);
  --line-control-60: hsla(203.33, 16.07%, 56.08%, 0.6);
  --line-control-70: hsla(203.33, 16.07%, 56.08%, 0.7);
  --line-control-80: hsla(203.33, 16.07%, 56.08%, 0.8);
  --line-control-90: hsla(203.33, 16.07%, 56.08%, 0.9);
  --line-control-d-1: hsla(203.33, 16.07%, 47.11%, 1);
  --line-control-d-2: hsla(203.33, 16.07%, 38.13%, 1);
  --line-control-d-3: hsla(203.33, 16.07%, 29.16%, 1);
  --line-control-d-4: hsla(203.33, 16.07%, 20.19%, 1);
  --line-control-l-1: hsla(203.33, 16.07%, 63.11%, 1);
  --line-control-l-2: hsla(203.33, 16.07%, 70.13%, 1);
  --line-control-l-3: hsla(203.33, 16.07%, 77.16%, 1);
  --line-control-l-4: hsla(203.33, 16.07%, 84.19%, 1);
  --arc: hsla(201, 22.73%, 82.75%, 1);
  --arc-5: hsla(201, 22.73%, 82.75%, 0.05);
  --arc-10: hsla(201, 22.73%, 82.75%, 0.1);
  --arc-20: hsla(201, 22.73%, 82.75%, 0.2);
  --arc-30: hsla(201, 22.73%, 82.75%, 0.3);
  --arc-40: hsla(201, 22.73%, 82.75%, 0.4);
  --arc-50: hsla(201, 22.73%, 82.75%, 0.5);
  --arc-60: hsla(201, 22.73%, 82.75%, 0.6);
  --arc-70: hsla(201, 22.73%, 82.75%, 0.7);
  --arc-80: hsla(201, 22.73%, 82.75%, 0.8);
  --arc-90: hsla(201, 22.73%, 82.75%, 0.9);
  --arc-d-1: hsla(201, 22.73%, 69.51%, 1);
  --arc-d-2: hsla(201, 22.73%, 56.27%, 1);
  --arc-d-3: hsla(201, 22.73%, 43.03%, 1);
  --arc-d-4: hsla(201, 22.73%, 29.79%, 1);
  --arc-l-1: hsla(201, 22.73%, 85.51%, 1);
  --arc-l-2: hsla(201, 22.73%, 88.27%, 1);
  --arc-l-3: hsla(201, 22.73%, 91.03%, 1);
  --arc-l-4: hsla(201, 22.73%, 93.79%, 1);
  --warning: hsla(37.32, 85.23%, 29.22%, 1);
  --warning-5: hsla(37.32, 85.23%, 29.22%, 0.05);
  --warning-10: hsla(37.32, 85.23%, 29.22%, 0.1);
  --warning-20: hsla(37.32, 85.23%, 29.22%, 0.2);
  --warning-30: hsla(37.32, 85.23%, 29.22%, 0.3);
  --warning-40: hsla(37.32, 85.23%, 29.22%, 0.4);
  --warning-50: hsla(37.32, 85.23%, 29.22%, 0.5);
  --warning-60: hsla(37.32, 85.23%, 29.22%, 0.6);
  --warning-70: hsla(37.32, 85.23%, 29.22%, 0.7);
  --warning-80: hsla(37.32, 85.23%, 29.22%, 0.8);
  --warning-90: hsla(37.32, 85.23%, 29.22%, 0.9);
  --warning-d-1: hsla(37.32, 85.23%, 24.54%, 1);
  --warning-d-2: hsla(37.32, 85.23%, 19.87%, 1);
  --warning-d-3: hsla(37.32, 85.23%, 15.19%, 1);
  --warning-d-4: hsla(37.32, 85.23%, 10.52%, 1);
  --warning-l-1: hsla(37.32, 85.23%, 40.54%, 1);
  --warning-l-2: hsla(37.32, 85.23%, 51.87%, 1);
  --warning-l-3: hsla(37.32, 85.23%, 63.19%, 1);
  --warning-l-4: hsla(37.32, 85.23%, 74.52%, 1);
  --text-xs: clamp(1.21rem, calc(-0.03vw + 1.22rem), 1.18rem);
  --text-s: clamp(1.39rem, calc(0.02vw + 1.38rem), 1.42rem);
  --text-m: clamp(1.6rem, calc(0.09vw + 1.57rem), 1.7rem);
  --text-l: clamp(1.84rem, calc(0.19vw + 1.78rem), 2.04rem);
  --text-xl: clamp(2.12rem, calc(0.31vw + 2.02rem), 2.45rem);
  --text-2xl: clamp(2.43rem, calc(0.47vw + 2.28rem), 2.94rem);
  --text-3xl: clamp(2.8rem, calc(0.67vw + 2.58rem), 3.52rem);
  --text-4xl: clamp(3.22rem, calc(0.94vw + 2.92rem), 4.23rem);
  --text-5xl: clamp(3.7rem, calc(1.27vw + 3.29rem), 5.08rem);
  --text-6xl: clamp(4.26rem, calc(1.7vw + 3.71rem), 6.09rem);
  --space-4xs: clamp(0.37rem, calc(0.07vw + 0.35rem), 0.45rem);
  --space-3xs: clamp(0.52rem, calc(0.1vw + 0.49rem), 0.63rem);
  --space-2xs: clamp(0.73rem, calc(0.13vw + 0.69rem), 0.88rem);
  --space-xs: clamp(1.02rem, calc(0.19vw + 0.96rem), 1.22rem);
  --space-s: clamp(1.43rem, calc(0.26vw + 1.34rem), 1.71rem);
  --space-m: clamp(2rem, calc(0.37vw + 1.88rem), 2.4rem);
  --space-l: clamp(2.8rem, calc(0.52vw + 2.63rem), 3.36rem);
  --space-xl: clamp(3.92rem, calc(0.73vw + 3.69rem), 4.7rem);
  --space-2xl: clamp(5.49rem, calc(1.02vw + 5.16rem), 6.59rem);
  --space-3xl: clamp(7.68rem, calc(1.42vw + 7.23rem), 9.22rem);
  --space-4xl: clamp(10.76rem, calc(1.99vw + 10.12rem), 12.91rem);
}
.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-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-neutral {
  color: var(--neutral);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-warning-l-4 {
  border-color: var(--warning-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);
}

.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);
}