:root {
  --font-display: "Bricolage Grotesque", system-ui, -apple-system, sans-serif;
  --font-primary: "Source Sans 3", system-ui, -apple-system, sans-serif;
}

@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/fonts/bricolage-grotesque/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: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/fonts/bricolage-grotesque/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: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/uploads/fonts/bricolage-grotesque/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;
}

@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: 500;
  font-display: swap;
  src: url("/uploads/fonts/source-sans-3/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: "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;
}

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/fonts/source-sans-3/700-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --color-primary: hsla(357.97, 70.48%, 41.18%, 1);
  --color-primary-5: hsla(357.97, 70.48%, 41.18%, 0.05);
  --color-primary-10: hsla(357.97, 70.48%, 41.18%, 0.1);
  --color-primary-20: hsla(357.97, 70.48%, 41.18%, 0.2);
  --color-primary-30: hsla(357.97, 70.48%, 41.18%, 0.3);
  --color-primary-40: hsla(357.97, 70.48%, 41.18%, 0.4);
  --color-primary-50: hsla(357.97, 70.48%, 41.18%, 0.5);
  --color-primary-60: hsla(357.97, 70.48%, 41.18%, 0.6);
  --color-primary-70: hsla(357.97, 70.48%, 41.18%, 0.7);
  --color-primary-80: hsla(357.97, 70.48%, 41.18%, 0.8);
  --color-primary-90: hsla(357.97, 70.48%, 41.18%, 0.9);
  --color-primary-d-1: hsla(357.97, 70.48%, 34.59%, 1);
  --color-primary-d-2: hsla(357.97, 70.48%, 28%, 1);
  --color-primary-d-3: hsla(357.97, 70.48%, 21.41%, 1);
  --color-primary-d-4: hsla(357.97, 70.48%, 14.82%, 1);
  --color-primary-l-1: hsla(357.97, 70.48%, 50.59%, 1);
  --color-primary-l-2: hsla(357.97, 70.48%, 60%, 1);
  --color-primary-l-3: hsla(357.97, 70.48%, 69.41%, 1);
  --color-primary-l-4: hsla(357.97, 70.48%, 78.82%, 1);
  --color-primary-hover: hsla(358.1, 72.41%, 34.12%, 1);
  --color-primary-hover-5: hsla(358.1, 72.41%, 34.12%, 0.05);
  --color-primary-hover-10: hsla(358.1, 72.41%, 34.12%, 0.1);
  --color-primary-hover-20: hsla(358.1, 72.41%, 34.12%, 0.2);
  --color-primary-hover-30: hsla(358.1, 72.41%, 34.12%, 0.3);
  --color-primary-hover-40: hsla(358.1, 72.41%, 34.12%, 0.4);
  --color-primary-hover-50: hsla(358.1, 72.41%, 34.12%, 0.5);
  --color-primary-hover-60: hsla(358.1, 72.41%, 34.12%, 0.6);
  --color-primary-hover-70: hsla(358.1, 72.41%, 34.12%, 0.7);
  --color-primary-hover-80: hsla(358.1, 72.41%, 34.12%, 0.8);
  --color-primary-hover-90: hsla(358.1, 72.41%, 34.12%, 0.9);
  --color-primary-hover-d-1: hsla(358.1, 72.41%, 28.66%, 1);
  --color-primary-hover-d-2: hsla(358.1, 72.41%, 23.2%, 1);
  --color-primary-hover-d-3: hsla(358.1, 72.41%, 17.74%, 1);
  --color-primary-hover-d-4: hsla(358.1, 72.41%, 12.28%, 1);
  --color-primary-hover-l-1: hsla(358.1, 72.41%, 44.66%, 1);
  --color-primary-hover-l-2: hsla(358.1, 72.41%, 55.2%, 1);
  --color-primary-hover-l-3: hsla(358.1, 72.41%, 65.74%, 1);
  --color-primary-hover-l-4: hsla(358.1, 72.41%, 76.28%, 1);
  --color-primary-deep: hsla(357.65, 71.83%, 27.84%, 1);
  --color-primary-deep-5: hsla(357.65, 71.83%, 27.84%, 0.05);
  --color-primary-deep-10: hsla(357.65, 71.83%, 27.84%, 0.1);
  --color-primary-deep-20: hsla(357.65, 71.83%, 27.84%, 0.2);
  --color-primary-deep-30: hsla(357.65, 71.83%, 27.84%, 0.3);
  --color-primary-deep-40: hsla(357.65, 71.83%, 27.84%, 0.4);
  --color-primary-deep-50: hsla(357.65, 71.83%, 27.84%, 0.5);
  --color-primary-deep-60: hsla(357.65, 71.83%, 27.84%, 0.6);
  --color-primary-deep-70: hsla(357.65, 71.83%, 27.84%, 0.7);
  --color-primary-deep-80: hsla(357.65, 71.83%, 27.84%, 0.8);
  --color-primary-deep-90: hsla(357.65, 71.83%, 27.84%, 0.9);
  --color-primary-deep-d-1: hsla(357.65, 71.83%, 23.39%, 1);
  --color-primary-deep-d-2: hsla(357.65, 71.83%, 18.93%, 1);
  --color-primary-deep-d-3: hsla(357.65, 71.83%, 14.48%, 1);
  --color-primary-deep-d-4: hsla(357.65, 71.83%, 10.02%, 1);
  --color-primary-deep-l-1: hsla(357.65, 71.83%, 39.39%, 1);
  --color-primary-deep-l-2: hsla(357.65, 71.83%, 50.93%, 1);
  --color-primary-deep-l-3: hsla(357.65, 71.83%, 62.48%, 1);
  --color-primary-deep-l-4: hsla(357.65, 71.83%, 74.02%, 1);
  --color-secondary: hsla(0, 0%, 100%, 1);
  --color-secondary-5: hsla(0, 0%, 100%, 0.05);
  --color-secondary-10: hsla(0, 0%, 100%, 0.1);
  --color-secondary-20: hsla(0, 0%, 100%, 0.2);
  --color-secondary-30: hsla(0, 0%, 100%, 0.3);
  --color-secondary-40: hsla(0, 0%, 100%, 0.4);
  --color-secondary-50: hsla(0, 0%, 100%, 0.5);
  --color-secondary-60: hsla(0, 0%, 100%, 0.6);
  --color-secondary-70: hsla(0, 0%, 100%, 0.7);
  --color-secondary-80: hsla(0, 0%, 100%, 0.8);
  --color-secondary-90: hsla(0, 0%, 100%, 0.9);
  --color-secondary-d-1: hsla(0, 0%, 84%, 1);
  --color-secondary-d-2: hsla(0, 0%, 68%, 1);
  --color-secondary-d-3: hsla(0, 0%, 52%, 1);
  --color-secondary-d-4: hsla(0, 0%, 36%, 1);
  --color-secondary-l-1: hsla(0, 0%, 100%, 1);
  --color-secondary-l-2: hsla(0, 0%, 100%, 1);
  --color-secondary-l-3: hsla(0, 0%, 100%, 1);
  --color-secondary-l-4: hsla(0, 0%, 100%, 1);
  --color-accent: hsla(357.65, 71.83%, 27.84%, 1);
  --color-accent-5: hsla(357.65, 71.83%, 27.84%, 0.05);
  --color-accent-10: hsla(357.65, 71.83%, 27.84%, 0.1);
  --color-accent-20: hsla(357.65, 71.83%, 27.84%, 0.2);
  --color-accent-30: hsla(357.65, 71.83%, 27.84%, 0.3);
  --color-accent-40: hsla(357.65, 71.83%, 27.84%, 0.4);
  --color-accent-50: hsla(357.65, 71.83%, 27.84%, 0.5);
  --color-accent-60: hsla(357.65, 71.83%, 27.84%, 0.6);
  --color-accent-70: hsla(357.65, 71.83%, 27.84%, 0.7);
  --color-accent-80: hsla(357.65, 71.83%, 27.84%, 0.8);
  --color-accent-90: hsla(357.65, 71.83%, 27.84%, 0.9);
  --color-accent-d-1: hsla(357.65, 71.83%, 23.39%, 1);
  --color-accent-d-2: hsla(357.65, 71.83%, 18.93%, 1);
  --color-accent-d-3: hsla(357.65, 71.83%, 14.48%, 1);
  --color-accent-d-4: hsla(357.65, 71.83%, 10.02%, 1);
  --color-accent-l-1: hsla(357.65, 71.83%, 39.39%, 1);
  --color-accent-l-2: hsla(357.65, 71.83%, 50.93%, 1);
  --color-accent-l-3: hsla(357.65, 71.83%, 62.48%, 1);
  --color-accent-l-4: hsla(357.65, 71.83%, 74.02%, 1);
  --color-text-primary: hsla(0, 0%, 7.06%, 1);
  --color-text-primary-5: hsla(0, 0%, 7.06%, 0.05);
  --color-text-primary-10: hsla(0, 0%, 7.06%, 0.1);
  --color-text-primary-20: hsla(0, 0%, 7.06%, 0.2);
  --color-text-primary-30: hsla(0, 0%, 7.06%, 0.3);
  --color-text-primary-40: hsla(0, 0%, 7.06%, 0.4);
  --color-text-primary-50: hsla(0, 0%, 7.06%, 0.5);
  --color-text-primary-60: hsla(0, 0%, 7.06%, 0.6);
  --color-text-primary-70: hsla(0, 0%, 7.06%, 0.7);
  --color-text-primary-80: hsla(0, 0%, 7.06%, 0.8);
  --color-text-primary-90: hsla(0, 0%, 7.06%, 0.9);
  --color-text-primary-d-1: hsla(0, 0%, 5.93%, 1);
  --color-text-primary-d-2: hsla(0, 0%, 4.8%, 1);
  --color-text-primary-d-3: hsla(0, 0%, 3.67%, 1);
  --color-text-primary-d-4: hsla(0, 0%, 2.54%, 1);
  --color-text-primary-l-1: hsla(0, 0%, 21.93%, 1);
  --color-text-primary-l-2: hsla(0, 0%, 36.8%, 1);
  --color-text-primary-l-3: hsla(0, 0%, 51.67%, 1);
  --color-text-primary-l-4: hsla(0, 0%, 66.54%, 1);
  --color-text-secondary: hsla(0, 2.52%, 23.33%, 1);
  --color-text-secondary-5: hsla(0, 2.52%, 23.33%, 0.05);
  --color-text-secondary-10: hsla(0, 2.52%, 23.33%, 0.1);
  --color-text-secondary-20: hsla(0, 2.52%, 23.33%, 0.2);
  --color-text-secondary-30: hsla(0, 2.52%, 23.33%, 0.3);
  --color-text-secondary-40: hsla(0, 2.52%, 23.33%, 0.4);
  --color-text-secondary-50: hsla(0, 2.52%, 23.33%, 0.5);
  --color-text-secondary-60: hsla(0, 2.52%, 23.33%, 0.6);
  --color-text-secondary-70: hsla(0, 2.52%, 23.33%, 0.7);
  --color-text-secondary-80: hsla(0, 2.52%, 23.33%, 0.8);
  --color-text-secondary-90: hsla(0, 2.52%, 23.33%, 0.9);
  --color-text-secondary-d-1: hsla(0, 2.52%, 19.6%, 1);
  --color-text-secondary-d-2: hsla(0, 2.52%, 15.87%, 1);
  --color-text-secondary-d-3: hsla(0, 2.52%, 12.13%, 1);
  --color-text-secondary-d-4: hsla(0, 2.52%, 8.4%, 1);
  --color-text-secondary-l-1: hsla(0, 2.52%, 35.6%, 1);
  --color-text-secondary-l-2: hsla(0, 2.52%, 47.87%, 1);
  --color-text-secondary-l-3: hsla(0, 2.52%, 60.13%, 1);
  --color-text-secondary-l-4: hsla(0, 2.52%, 72.4%, 1);
  --color-text-muted: hsla(12, 7.54%, 39.02%, 1);
  --color-text-muted-5: hsla(12, 7.54%, 39.02%, 0.05);
  --color-text-muted-10: hsla(12, 7.54%, 39.02%, 0.1);
  --color-text-muted-20: hsla(12, 7.54%, 39.02%, 0.2);
  --color-text-muted-30: hsla(12, 7.54%, 39.02%, 0.3);
  --color-text-muted-40: hsla(12, 7.54%, 39.02%, 0.4);
  --color-text-muted-50: hsla(12, 7.54%, 39.02%, 0.5);
  --color-text-muted-60: hsla(12, 7.54%, 39.02%, 0.6);
  --color-text-muted-70: hsla(12, 7.54%, 39.02%, 0.7);
  --color-text-muted-80: hsla(12, 7.54%, 39.02%, 0.8);
  --color-text-muted-90: hsla(12, 7.54%, 39.02%, 0.9);
  --color-text-muted-d-1: hsla(12, 7.54%, 32.78%, 1);
  --color-text-muted-d-2: hsla(12, 7.54%, 26.53%, 1);
  --color-text-muted-d-3: hsla(12, 7.54%, 20.29%, 1);
  --color-text-muted-d-4: hsla(12, 7.54%, 14.05%, 1);
  --color-text-muted-l-1: hsla(12, 7.54%, 48.78%, 1);
  --color-text-muted-l-2: hsla(12, 7.54%, 58.53%, 1);
  --color-text-muted-l-3: hsla(12, 7.54%, 68.29%, 1);
  --color-text-muted-l-4: hsla(12, 7.54%, 78.05%, 1);
  --color-text-inverse: hsla(0, 0%, 100%, 1);
  --color-text-inverse-5: hsla(0, 0%, 100%, 0.05);
  --color-text-inverse-10: hsla(0, 0%, 100%, 0.1);
  --color-text-inverse-20: hsla(0, 0%, 100%, 0.2);
  --color-text-inverse-30: hsla(0, 0%, 100%, 0.3);
  --color-text-inverse-40: hsla(0, 0%, 100%, 0.4);
  --color-text-inverse-50: hsla(0, 0%, 100%, 0.5);
  --color-text-inverse-60: hsla(0, 0%, 100%, 0.6);
  --color-text-inverse-70: hsla(0, 0%, 100%, 0.7);
  --color-text-inverse-80: hsla(0, 0%, 100%, 0.8);
  --color-text-inverse-90: hsla(0, 0%, 100%, 0.9);
  --color-text-inverse-d-1: hsla(0, 0%, 84%, 1);
  --color-text-inverse-d-2: hsla(0, 0%, 68%, 1);
  --color-text-inverse-d-3: hsla(0, 0%, 52%, 1);
  --color-text-inverse-d-4: hsla(0, 0%, 36%, 1);
  --color-text-inverse-l-1: hsla(0, 0%, 100%, 1);
  --color-text-inverse-l-2: hsla(0, 0%, 100%, 1);
  --color-text-inverse-l-3: hsla(0, 0%, 100%, 1);
  --color-text-inverse-l-4: hsla(0, 0%, 100%, 1);
  --color-background: hsla(20, 23.08%, 97.45%, 1);
  --color-background-5: hsla(20, 23.08%, 97.45%, 0.05);
  --color-background-10: hsla(20, 23.08%, 97.45%, 0.1);
  --color-background-20: hsla(20, 23.08%, 97.45%, 0.2);
  --color-background-30: hsla(20, 23.08%, 97.45%, 0.3);
  --color-background-40: hsla(20, 23.08%, 97.45%, 0.4);
  --color-background-50: hsla(20, 23.08%, 97.45%, 0.5);
  --color-background-60: hsla(20, 23.08%, 97.45%, 0.6);
  --color-background-70: hsla(20, 23.08%, 97.45%, 0.7);
  --color-background-80: hsla(20, 23.08%, 97.45%, 0.8);
  --color-background-90: hsla(20, 23.08%, 97.45%, 0.9);
  --color-background-d-1: hsla(20, 23.08%, 81.86%, 1);
  --color-background-d-2: hsla(20, 23.08%, 66.27%, 1);
  --color-background-d-3: hsla(20, 23.08%, 50.67%, 1);
  --color-background-d-4: hsla(20, 23.08%, 35.08%, 1);
  --color-background-l-1: hsla(20, 23.08%, 97.86%, 1);
  --color-background-l-2: hsla(20, 23.08%, 98.27%, 1);
  --color-background-l-3: hsla(20, 23.08%, 98.67%, 1);
  --color-background-l-4: hsla(20, 23.08%, 99.08%, 1);
  --color-background-alt: hsla(16.36, 31.43%, 93.14%, 1);
  --color-background-alt-5: hsla(16.36, 31.43%, 93.14%, 0.05);
  --color-background-alt-10: hsla(16.36, 31.43%, 93.14%, 0.1);
  --color-background-alt-20: hsla(16.36, 31.43%, 93.14%, 0.2);
  --color-background-alt-30: hsla(16.36, 31.43%, 93.14%, 0.3);
  --color-background-alt-40: hsla(16.36, 31.43%, 93.14%, 0.4);
  --color-background-alt-50: hsla(16.36, 31.43%, 93.14%, 0.5);
  --color-background-alt-60: hsla(16.36, 31.43%, 93.14%, 0.6);
  --color-background-alt-70: hsla(16.36, 31.43%, 93.14%, 0.7);
  --color-background-alt-80: hsla(16.36, 31.43%, 93.14%, 0.8);
  --color-background-alt-90: hsla(16.36, 31.43%, 93.14%, 0.9);
  --color-background-alt-d-1: hsla(16.36, 31.43%, 78.24%, 1);
  --color-background-alt-d-2: hsla(16.36, 31.43%, 63.33%, 1);
  --color-background-alt-d-3: hsla(16.36, 31.43%, 48.43%, 1);
  --color-background-alt-d-4: hsla(16.36, 31.43%, 33.53%, 1);
  --color-background-alt-l-1: hsla(16.36, 31.43%, 94.24%, 1);
  --color-background-alt-l-2: hsla(16.36, 31.43%, 95.33%, 1);
  --color-background-alt-l-3: hsla(16.36, 31.43%, 96.43%, 1);
  --color-background-alt-l-4: hsla(16.36, 31.43%, 97.53%, 1);
  --color-background-tint: hsla(20, 45.45%, 93.53%, 1);
  --color-background-tint-5: hsla(20, 45.45%, 93.53%, 0.05);
  --color-background-tint-10: hsla(20, 45.45%, 93.53%, 0.1);
  --color-background-tint-20: hsla(20, 45.45%, 93.53%, 0.2);
  --color-background-tint-30: hsla(20, 45.45%, 93.53%, 0.3);
  --color-background-tint-40: hsla(20, 45.45%, 93.53%, 0.4);
  --color-background-tint-50: hsla(20, 45.45%, 93.53%, 0.5);
  --color-background-tint-60: hsla(20, 45.45%, 93.53%, 0.6);
  --color-background-tint-70: hsla(20, 45.45%, 93.53%, 0.7);
  --color-background-tint-80: hsla(20, 45.45%, 93.53%, 0.8);
  --color-background-tint-90: hsla(20, 45.45%, 93.53%, 0.9);
  --color-background-tint-d-1: hsla(20, 45.45%, 78.56%, 1);
  --color-background-tint-d-2: hsla(20, 45.45%, 63.6%, 1);
  --color-background-tint-d-3: hsla(20, 45.45%, 48.64%, 1);
  --color-background-tint-d-4: hsla(20, 45.45%, 33.67%, 1);
  --color-background-tint-l-1: hsla(20, 45.45%, 94.56%, 1);
  --color-background-tint-l-2: hsla(20, 45.45%, 95.6%, 1);
  --color-background-tint-l-3: hsla(20, 45.45%, 96.64%, 1);
  --color-background-tint-l-4: hsla(20, 45.45%, 97.67%, 1);
  --color-background-muted: hsla(16.36, 21.57%, 90%, 1);
  --color-background-muted-5: hsla(16.36, 21.57%, 90%, 0.05);
  --color-background-muted-10: hsla(16.36, 21.57%, 90%, 0.1);
  --color-background-muted-20: hsla(16.36, 21.57%, 90%, 0.2);
  --color-background-muted-30: hsla(16.36, 21.57%, 90%, 0.3);
  --color-background-muted-40: hsla(16.36, 21.57%, 90%, 0.4);
  --color-background-muted-50: hsla(16.36, 21.57%, 90%, 0.5);
  --color-background-muted-60: hsla(16.36, 21.57%, 90%, 0.6);
  --color-background-muted-70: hsla(16.36, 21.57%, 90%, 0.7);
  --color-background-muted-80: hsla(16.36, 21.57%, 90%, 0.8);
  --color-background-muted-90: hsla(16.36, 21.57%, 90%, 0.9);
  --color-background-muted-d-1: hsla(16.36, 21.57%, 75.6%, 1);
  --color-background-muted-d-2: hsla(16.36, 21.57%, 61.2%, 1);
  --color-background-muted-d-3: hsla(16.36, 21.57%, 46.8%, 1);
  --color-background-muted-d-4: hsla(16.36, 21.57%, 32.4%, 1);
  --color-background-muted-l-1: hsla(16.36, 21.57%, 91.6%, 1);
  --color-background-muted-l-2: hsla(16.36, 21.57%, 93.2%, 1);
  --color-background-muted-l-3: hsla(16.36, 21.57%, 94.8%, 1);
  --color-background-muted-l-4: hsla(16.36, 21.57%, 96.4%, 1);
  --color-surface: hsla(0, 0%, 100%, 1);
  --color-surface-5: hsla(0, 0%, 100%, 0.05);
  --color-surface-10: hsla(0, 0%, 100%, 0.1);
  --color-surface-20: hsla(0, 0%, 100%, 0.2);
  --color-surface-30: hsla(0, 0%, 100%, 0.3);
  --color-surface-40: hsla(0, 0%, 100%, 0.4);
  --color-surface-50: hsla(0, 0%, 100%, 0.5);
  --color-surface-60: hsla(0, 0%, 100%, 0.6);
  --color-surface-70: hsla(0, 0%, 100%, 0.7);
  --color-surface-80: hsla(0, 0%, 100%, 0.8);
  --color-surface-90: hsla(0, 0%, 100%, 0.9);
  --color-surface-d-1: hsla(0, 0%, 84%, 1);
  --color-surface-d-2: hsla(0, 0%, 68%, 1);
  --color-surface-d-3: hsla(0, 0%, 52%, 1);
  --color-surface-d-4: hsla(0, 0%, 36%, 1);
  --color-surface-l-1: hsla(0, 0%, 100%, 1);
  --color-surface-l-2: hsla(0, 0%, 100%, 1);
  --color-surface-l-3: hsla(0, 0%, 100%, 1);
  --color-surface-l-4: hsla(0, 0%, 100%, 1);
  --color-surface-dark: hsla(0, 14.29%, 6.86%, 1);
  --color-surface-dark-5: hsla(0, 14.29%, 6.86%, 0.05);
  --color-surface-dark-10: hsla(0, 14.29%, 6.86%, 0.1);
  --color-surface-dark-20: hsla(0, 14.29%, 6.86%, 0.2);
  --color-surface-dark-30: hsla(0, 14.29%, 6.86%, 0.3);
  --color-surface-dark-40: hsla(0, 14.29%, 6.86%, 0.4);
  --color-surface-dark-50: hsla(0, 14.29%, 6.86%, 0.5);
  --color-surface-dark-60: hsla(0, 14.29%, 6.86%, 0.6);
  --color-surface-dark-70: hsla(0, 14.29%, 6.86%, 0.7);
  --color-surface-dark-80: hsla(0, 14.29%, 6.86%, 0.8);
  --color-surface-dark-90: hsla(0, 14.29%, 6.86%, 0.9);
  --color-surface-dark-d-1: hsla(0, 14.29%, 5.76%, 1);
  --color-surface-dark-d-2: hsla(0, 14.29%, 4.67%, 1);
  --color-surface-dark-d-3: hsla(0, 14.29%, 3.57%, 1);
  --color-surface-dark-d-4: hsla(0, 14.29%, 2.47%, 1);
  --color-surface-dark-l-1: hsla(0, 14.29%, 21.76%, 1);
  --color-surface-dark-l-2: hsla(0, 14.29%, 36.67%, 1);
  --color-surface-dark-l-3: hsla(0, 14.29%, 51.57%, 1);
  --color-surface-dark-l-4: hsla(0, 14.29%, 66.47%, 1);
  --color-surface-dark-soft: hsla(0, 14.81%, 10.59%, 1);
  --color-surface-dark-soft-5: hsla(0, 14.81%, 10.59%, 0.05);
  --color-surface-dark-soft-10: hsla(0, 14.81%, 10.59%, 0.1);
  --color-surface-dark-soft-20: hsla(0, 14.81%, 10.59%, 0.2);
  --color-surface-dark-soft-30: hsla(0, 14.81%, 10.59%, 0.3);
  --color-surface-dark-soft-40: hsla(0, 14.81%, 10.59%, 0.4);
  --color-surface-dark-soft-50: hsla(0, 14.81%, 10.59%, 0.5);
  --color-surface-dark-soft-60: hsla(0, 14.81%, 10.59%, 0.6);
  --color-surface-dark-soft-70: hsla(0, 14.81%, 10.59%, 0.7);
  --color-surface-dark-soft-80: hsla(0, 14.81%, 10.59%, 0.8);
  --color-surface-dark-soft-90: hsla(0, 14.81%, 10.59%, 0.9);
  --color-surface-dark-soft-d-1: hsla(0, 14.81%, 8.89%, 1);
  --color-surface-dark-soft-d-2: hsla(0, 14.81%, 7.2%, 1);
  --color-surface-dark-soft-d-3: hsla(0, 14.81%, 5.51%, 1);
  --color-surface-dark-soft-d-4: hsla(0, 14.81%, 3.81%, 1);
  --color-surface-dark-soft-l-1: hsla(0, 14.81%, 24.89%, 1);
  --color-surface-dark-soft-l-2: hsla(0, 14.81%, 39.2%, 1);
  --color-surface-dark-soft-l-3: hsla(0, 14.81%, 53.51%, 1);
  --color-surface-dark-soft-l-4: hsla(0, 14.81%, 67.81%, 1);
  --color-chrome: hsla(0, 9.09%, 4.31%, 1);
  --color-chrome-5: hsla(0, 9.09%, 4.31%, 0.05);
  --color-chrome-10: hsla(0, 9.09%, 4.31%, 0.1);
  --color-chrome-20: hsla(0, 9.09%, 4.31%, 0.2);
  --color-chrome-30: hsla(0, 9.09%, 4.31%, 0.3);
  --color-chrome-40: hsla(0, 9.09%, 4.31%, 0.4);
  --color-chrome-50: hsla(0, 9.09%, 4.31%, 0.5);
  --color-chrome-60: hsla(0, 9.09%, 4.31%, 0.6);
  --color-chrome-70: hsla(0, 9.09%, 4.31%, 0.7);
  --color-chrome-80: hsla(0, 9.09%, 4.31%, 0.8);
  --color-chrome-90: hsla(0, 9.09%, 4.31%, 0.9);
  --color-chrome-d-1: hsla(0, 9.09%, 3.62%, 1);
  --color-chrome-d-2: hsla(0, 9.09%, 2.93%, 1);
  --color-chrome-d-3: hsla(0, 9.09%, 2.24%, 1);
  --color-chrome-d-4: hsla(0, 9.09%, 1.55%, 1);
  --color-chrome-l-1: hsla(0, 9.09%, 19.62%, 1);
  --color-chrome-l-2: hsla(0, 9.09%, 34.93%, 1);
  --color-chrome-l-3: hsla(0, 9.09%, 50.24%, 1);
  --color-chrome-l-4: hsla(0, 9.09%, 65.55%, 1);
  --color-border: hsla(15, 19.35%, 87.84%, 1);
  --color-border-5: hsla(15, 19.35%, 87.84%, 0.05);
  --color-border-10: hsla(15, 19.35%, 87.84%, 0.1);
  --color-border-20: hsla(15, 19.35%, 87.84%, 0.2);
  --color-border-30: hsla(15, 19.35%, 87.84%, 0.3);
  --color-border-40: hsla(15, 19.35%, 87.84%, 0.4);
  --color-border-50: hsla(15, 19.35%, 87.84%, 0.5);
  --color-border-60: hsla(15, 19.35%, 87.84%, 0.6);
  --color-border-70: hsla(15, 19.35%, 87.84%, 0.7);
  --color-border-80: hsla(15, 19.35%, 87.84%, 0.8);
  --color-border-90: hsla(15, 19.35%, 87.84%, 0.9);
  --color-border-d-1: hsla(15, 19.35%, 73.79%, 1);
  --color-border-d-2: hsla(15, 19.35%, 59.73%, 1);
  --color-border-d-3: hsla(15, 19.35%, 45.68%, 1);
  --color-border-d-4: hsla(15, 19.35%, 31.62%, 1);
  --color-border-l-1: hsla(15, 19.35%, 89.79%, 1);
  --color-border-l-2: hsla(15, 19.35%, 91.73%, 1);
  --color-border-l-3: hsla(15, 19.35%, 93.68%, 1);
  --color-border-l-4: hsla(15, 19.35%, 95.62%, 1);
  --color-border-strong: hsla(14.12, 15.89%, 79.02%, 1);
  --color-border-strong-5: hsla(14.12, 15.89%, 79.02%, 0.05);
  --color-border-strong-10: hsla(14.12, 15.89%, 79.02%, 0.1);
  --color-border-strong-20: hsla(14.12, 15.89%, 79.02%, 0.2);
  --color-border-strong-30: hsla(14.12, 15.89%, 79.02%, 0.3);
  --color-border-strong-40: hsla(14.12, 15.89%, 79.02%, 0.4);
  --color-border-strong-50: hsla(14.12, 15.89%, 79.02%, 0.5);
  --color-border-strong-60: hsla(14.12, 15.89%, 79.02%, 0.6);
  --color-border-strong-70: hsla(14.12, 15.89%, 79.02%, 0.7);
  --color-border-strong-80: hsla(14.12, 15.89%, 79.02%, 0.8);
  --color-border-strong-90: hsla(14.12, 15.89%, 79.02%, 0.9);
  --color-border-strong-d-1: hsla(14.12, 15.89%, 66.38%, 1);
  --color-border-strong-d-2: hsla(14.12, 15.89%, 53.73%, 1);
  --color-border-strong-d-3: hsla(14.12, 15.89%, 41.09%, 1);
  --color-border-strong-d-4: hsla(14.12, 15.89%, 28.45%, 1);
  --color-border-strong-l-1: hsla(14.12, 15.89%, 82.38%, 1);
  --color-border-strong-l-2: hsla(14.12, 15.89%, 85.73%, 1);
  --color-border-strong-l-3: hsla(14.12, 15.89%, 89.09%, 1);
  --color-border-strong-l-4: hsla(14.12, 15.89%, 92.45%, 1);
  --color-focus-ring: hsla(357.97, 70.48%, 41.18%, 1);
  --color-focus-ring-5: hsla(357.97, 70.48%, 41.18%, 0.05);
  --color-focus-ring-10: hsla(357.97, 70.48%, 41.18%, 0.1);
  --color-focus-ring-20: hsla(357.97, 70.48%, 41.18%, 0.2);
  --color-focus-ring-30: hsla(357.97, 70.48%, 41.18%, 0.3);
  --color-focus-ring-40: hsla(357.97, 70.48%, 41.18%, 0.4);
  --color-focus-ring-50: hsla(357.97, 70.48%, 41.18%, 0.5);
  --color-focus-ring-60: hsla(357.97, 70.48%, 41.18%, 0.6);
  --color-focus-ring-70: hsla(357.97, 70.48%, 41.18%, 0.7);
  --color-focus-ring-80: hsla(357.97, 70.48%, 41.18%, 0.8);
  --color-focus-ring-90: hsla(357.97, 70.48%, 41.18%, 0.9);
  --color-focus-ring-d-1: hsla(357.97, 70.48%, 34.59%, 1);
  --color-focus-ring-d-2: hsla(357.97, 70.48%, 28%, 1);
  --color-focus-ring-d-3: hsla(357.97, 70.48%, 21.41%, 1);
  --color-focus-ring-d-4: hsla(357.97, 70.48%, 14.82%, 1);
  --color-focus-ring-l-1: hsla(357.97, 70.48%, 50.59%, 1);
  --color-focus-ring-l-2: hsla(357.97, 70.48%, 60%, 1);
  --color-focus-ring-l-3: hsla(357.97, 70.48%, 69.41%, 1);
  --color-focus-ring-l-4: hsla(357.97, 70.48%, 78.82%, 1);
  --color-kicker-on-dark: hsla(358.4, 100%, 85.29%, 1);
  --color-kicker-on-dark-5: hsla(358.4, 100%, 85.29%, 0.05);
  --color-kicker-on-dark-10: hsla(358.4, 100%, 85.29%, 0.1);
  --color-kicker-on-dark-20: hsla(358.4, 100%, 85.29%, 0.2);
  --color-kicker-on-dark-30: hsla(358.4, 100%, 85.29%, 0.3);
  --color-kicker-on-dark-40: hsla(358.4, 100%, 85.29%, 0.4);
  --color-kicker-on-dark-50: hsla(358.4, 100%, 85.29%, 0.5);
  --color-kicker-on-dark-60: hsla(358.4, 100%, 85.29%, 0.6);
  --color-kicker-on-dark-70: hsla(358.4, 100%, 85.29%, 0.7);
  --color-kicker-on-dark-80: hsla(358.4, 100%, 85.29%, 0.8);
  --color-kicker-on-dark-90: hsla(358.4, 100%, 85.29%, 0.9);
  --color-kicker-on-dark-d-1: hsla(358.4, 100%, 71.65%, 1);
  --color-kicker-on-dark-d-2: hsla(358.4, 100%, 58%, 1);
  --color-kicker-on-dark-d-3: hsla(358.4, 100%, 44.35%, 1);
  --color-kicker-on-dark-d-4: hsla(358.4, 100%, 30.71%, 1);
  --color-kicker-on-dark-l-1: hsla(358.4, 100%, 87.65%, 1);
  --color-kicker-on-dark-l-2: hsla(358.4, 100%, 90%, 1);
  --color-kicker-on-dark-l-3: hsla(358.4, 100%, 92.35%, 1);
  --color-kicker-on-dark-l-4: hsla(358.4, 100%, 94.71%, 1);
  --color-laurel: hsla(44.04, 54.65%, 66.27%, 1);
  --color-laurel-5: hsla(44.04, 54.65%, 66.27%, 0.05);
  --color-laurel-10: hsla(44.04, 54.65%, 66.27%, 0.1);
  --color-laurel-20: hsla(44.04, 54.65%, 66.27%, 0.2);
  --color-laurel-30: hsla(44.04, 54.65%, 66.27%, 0.3);
  --color-laurel-40: hsla(44.04, 54.65%, 66.27%, 0.4);
  --color-laurel-50: hsla(44.04, 54.65%, 66.27%, 0.5);
  --color-laurel-60: hsla(44.04, 54.65%, 66.27%, 0.6);
  --color-laurel-70: hsla(44.04, 54.65%, 66.27%, 0.7);
  --color-laurel-80: hsla(44.04, 54.65%, 66.27%, 0.8);
  --color-laurel-90: hsla(44.04, 54.65%, 66.27%, 0.9);
  --color-laurel-d-1: hsla(44.04, 54.65%, 55.67%, 1);
  --color-laurel-d-2: hsla(44.04, 54.65%, 45.07%, 1);
  --color-laurel-d-3: hsla(44.04, 54.65%, 34.46%, 1);
  --color-laurel-d-4: hsla(44.04, 54.65%, 23.86%, 1);
  --color-laurel-l-1: hsla(44.04, 54.65%, 71.67%, 1);
  --color-laurel-l-2: hsla(44.04, 54.65%, 77.07%, 1);
  --color-laurel-l-3: hsla(44.04, 54.65%, 82.46%, 1);
  --color-laurel-l-4: hsla(44.04, 54.65%, 87.86%, 1);
  --color-success-live: hsla(137.54, 100%, 74.51%, 1);
  --color-success-live-5: hsla(137.54, 100%, 74.51%, 0.05);
  --color-success-live-10: hsla(137.54, 100%, 74.51%, 0.1);
  --color-success-live-20: hsla(137.54, 100%, 74.51%, 0.2);
  --color-success-live-30: hsla(137.54, 100%, 74.51%, 0.3);
  --color-success-live-40: hsla(137.54, 100%, 74.51%, 0.4);
  --color-success-live-50: hsla(137.54, 100%, 74.51%, 0.5);
  --color-success-live-60: hsla(137.54, 100%, 74.51%, 0.6);
  --color-success-live-70: hsla(137.54, 100%, 74.51%, 0.7);
  --color-success-live-80: hsla(137.54, 100%, 74.51%, 0.8);
  --color-success-live-90: hsla(137.54, 100%, 74.51%, 0.9);
  --color-success-live-d-1: hsla(137.54, 100%, 62.59%, 1);
  --color-success-live-d-2: hsla(137.54, 100%, 50.67%, 1);
  --color-success-live-d-3: hsla(137.54, 100%, 38.75%, 1);
  --color-success-live-d-4: hsla(137.54, 100%, 26.82%, 1);
  --color-success-live-l-1: hsla(137.54, 100%, 78.59%, 1);
  --color-success-live-l-2: hsla(137.54, 100%, 82.67%, 1);
  --color-success-live-l-3: hsla(137.54, 100%, 86.75%, 1);
  --color-success-live-l-4: hsla(137.54, 100%, 90.82%, 1);
  --text-xs: clamp(1.18rem, calc(-0.03vw + 1.19rem), 1.15rem);
  --text-s: clamp(1.42rem, calc(0.02vw + 1.41rem), 1.44rem);
  --text-m: clamp(1.7rem, calc(0.09vw + 1.67rem), 1.8rem);
  --text-l: clamp(2.04rem, calc(0.19vw + 1.98rem), 2.25rem);
  --text-xl: clamp(2.45rem, calc(0.34vw + 2.34rem), 2.81rem);
  --text-2xl: clamp(2.94rem, calc(0.54vw + 2.77rem), 3.52rem);
  --text-3xl: clamp(3.52rem, calc(0.81vw + 3.27rem), 4.4rem);
  --text-4xl: clamp(4.23rem, calc(1.17vw + 3.86rem), 5.49rem);
  --space-3xs: clamp(0.05rem, calc(0.02vw + 0.04rem), 0.08rem);
  --space-2xs: clamp(0.08rem, calc(0.04vw + 0.07rem), 0.12rem);
  --space-xs: clamp(0.12rem, calc(0.05vw + 0.1rem), 0.18rem);
  --space-s: clamp(0.18rem, calc(0.08vw + 0.15rem), 0.27rem);
  --space-m: clamp(0.27rem, calc(0.12vw + 0.23rem), 0.4rem);
  --space-l: clamp(0.4rem, calc(0.19vw + 0.34rem), 0.6rem);
  --space-xl: clamp(0.6rem, calc(0.28vw + 0.51rem), 0.9rem);
  --space-2xl: clamp(0.9rem, calc(0.42vw + 0.77rem), 1.35rem);
  --space-3xl: clamp(1.35rem, calc(0.63vw + 1.15rem), 2.02rem);
  --space-4xl: clamp(2.02rem, calc(0.94vw + 1.73rem), 3.04rem);
  --space-5xl: clamp(3.04rem, calc(1.41vw + 2.59rem), 4.56rem);
}