@import url(//fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Ubuntu:wght@300;400;500;700&family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap);
/* line 15, app/assets/stylesheets/_variables.scss */
:root {
  --font-primary: "Inter", sans-serif;
  --font-secondary: "Inter", sans-serif;
}

/* line 22, app/assets/stylesheets/_variables.scss */
:root {
  --white: hsl(0, 0%, 100%);
  --black: hsl(0, 0%, 0%);
  --dark-background: hsl(247, 100%, 7%);
  --dark-surface: hsl(223, 78%, 11%);
  --transparent: transparent;
  --neutral-10: hsl(225, 40%, 98%);
  --neutral-15: hsl(225, 40%, 95%);
  --neutral-20: hsl(225, 40%, 85%);
  --neutral-30: hsl(225, 40%, 75%);
  --neutral-40: hsl(225, 40%, 65%);
  --neutral-50: hsl(225, 40%, 50%);
  --neutral-60: hsl(225, 40%, 40%);
  --neutral-70: hsl(225, 40%, 28%);
  --neutral-80: hsl(225, 40%, 18%);
  --neutral-90: hsl(225, 40%, 11%);
  --primary-10: hsl(223, 78%, 98%);
  --primary-20: hsl(223, 78%, 95%);
  --primary-30: hsl(223, 78%, 75%);
  --primary-40: hsl(223, 78%, 65%);
  --primary-50: hsl(223, 78%, 50%);
  /* Secondary Brand Color */
  --primary-60: hsl(223, 78%, 40%);
  --primary-70: hsl(223, 78%, 28%);
  --primary-80: hsl(223, 78%, 18%);
  --primary-90: hsl(223, 78%, 11%);
  /* Primary Color */
  --primary-trans: hsl(223, 78%, 50%, 0.07);
  --primary-trans-2: hsl(223, 78%, 50%, 0.15);
  --accent-10: hsl(16, 88%, 98%);
  --accent-20: hsl(16, 88%, 85%);
  --accent-30: hsl(16, 88%, 75%);
  --accent-40: hsl(16, 88%, 65%);
  --accent-50: hsl(16, 88%, 50%);
  --accent-60: hsl(16, 88%, 40%);
  --accent-70: hsl(16, 88%, 28%);
  --accent-80: hsl(16, 88%, 18%);
  --accent-90: hsl(16, 88%, 11%);
  --accent-2-10: hsl(167, 89%, 98%);
  --accent-2-20: hsl(167, 89%, 85%);
  --accent-2-30: hsl(167, 89%, 75%);
  --accent-2-40: hsl(167, 89%, 65%);
  --accent-2-50: hsl(167, 89%, 50%);
  /* accent 2 color */
  --accent-2-60: hsl(167, 89%, 40%);
  --accent-2-70: hsl(167, 89%, 28%);
  --accent-2-80: hsl(167, 89%, 18%);
  --accent-2-90: hsl(167, 89%, 11%);
  --pink-50: hsl(332, 96%, 49%);
  --pink-60: hsl(332, 97%, 39%);
  --info-10: hsl(200, 95%, 98%);
  --info-20: hsl(200, 95%, 85%);
  --info-30: hsl(200, 95%, 75%);
  --info-40: hsl(200, 95%, 65%);
  --info-50: hsl(200, 95%, 50%);
  --info-60: hsl(200, 95%, 40%);
  --info-70: hsl(200, 95%, 28%);
  --info-80: hsl(200, 95%, 18%);
  --info-90: hsl(200, 95%, 11%);
  --error-10: hsl(0, 97%, 98%);
  --error-20: hsl(0, 97%, 85%);
  --error-30: hsl(0, 97%, 75%);
  --error-40: hsl(0, 97%, 65%);
  --error-50: hsl(0, 97%, 50%);
  --error-60: hsl(0, 97%, 40%);
  --error-70: hsl(0, 97%, 28%);
  --error-80: hsl(0, 97%, 18%);
  --error-90: hsl(0, 97%, 11%);
  --warning-10: hsl(45, 97%, 98%);
  --warning-20: hsl(45, 97%, 85%);
  --warning-30: hsl(45, 97%, 75%);
  --warning-40: hsl(45, 97%, 65%);
  --warning-50: hsl(45, 97%, 50%);
  --warning-60: hsl(45, 97%, 40%);
  --warning-70: hsl(45, 97%, 28%);
  --warning-80: hsl(45, 97%, 18%);
  --warning-90: hsl(45, 97%, 11%);
  --success-10: hsl(152, 90%, 98%);
  --success-20: hsl(152, 90%, 85%);
  --success-30: hsl(152, 90%, 75%);
  --success-40: hsl(152, 90%, 65%);
  --success-50: hsl(152, 90%, 50%);
  --success-60: hsl(152, 90%, 40%);
  --success-70: hsl(152, 90%, 28%);
  --success-80: hsl(152, 90%, 18%);
  --success-90: hsl(152, 90%, 11%);
  --purple-10: hsl(285, 88%, 98%);
  --purple-20: hsl(285, 88%, 85%);
  --purple-30: hsl(285, 88%, 75%);
  --purple-40: hsl(285, 88%, 65%);
  --purple-50: hsl(285, 88%, 50%);
  --purple-60: hsl(285, 88%, 40%);
  --purple-70: hsl(285, 88%, 28%);
  --purple-80: hsl(285, 88%, 18%);
  --purple-90: hsl(285, 88%, 11%);
  /* Blue */
  --tag-blue-50: hsl(203, 100%, 73%);
  --tag-blue-90: hsl(217, 90%, 15%);
  /* Green */
  --tag-green-50: hsl(145, 78%, 66%);
  --tag-green-90: hsl(145, 65%, 10%);
  /* Purple */
  --tag-purple-50: hsl(265, 100%, 80%);
  --tag-purple-90: hsl(265, 80%, 15%);
  /* Yellow */
  --tag-yellow-50: hsl(55, 95%, 67%);
  --tag-yellow-90: hsl(55, 95%, 7%);
  /* Teal */
  --tag-teal-50: hsl(175, 87%, 66%);
  --tag-teal-90: hsl(175, 70%, 10%);
  /* Gray */
  --tag-gray-50: hsl(0, 1%, 77%);
  --tag-gray-90: hsl(0, 0%, 10%);
  /* Extended Set */
  /* Dark Blue */
  --tag-dark-blue-50: hsl(224, 100%, 82%);
  --tag-dark-blue-90: hsl(224, 80%, 10%);
  /* Pink */
  --tag-pink-50: hsl(340, 100%, 76%);
  --tag-pink-90: hsl(340, 90%, 10%);
  /* Coral */
  --tag-coral-50: hsl(10, 100%, 75%);
  --tag-coral-90: hsl(10, 85%, 10%);
  /* Light Green */
  --tag-light-green-50: hsl(150, 100%, 86%);
  --tag-light-green-90: hsl(150, 65%, 10%);
  /* Indigo */
  --tag-indigo-50: hsl(288, 100%, 82%);
  --tag-indigo-90: hsl(288, 70%, 10%);
  /* Brown */
  --tag-brown-50: hsl(30, 79%, 70%);
  --tag-brown-90: hsl(30, 60%, 10%);
  --white-alpha-05: hsla(0, 0%, 100%, 0.05);
  --white-alpha-10: hsla(0, 0%, 100%, 0.1);
  --white-alpha-20: hsla(0, 0%, 100%, 0.2);
  --white-alpha-30: hsla(0, 0%, 100%, 0.3);
  --white-alpha-40: hsla(0, 0%, 100%, 0.4);
  --white-alpha-50: hsla(0, 0%, 100%, 0.5);
  --white-alpha-60: hsla(0, 0%, 100%, 0.6);
  --white-alpha-70: hsla(0, 0%, 100%, 0.7);
  --white-alpha-80: hsla(0, 0%, 100%, 0.8);
  --white-alpha-90: hsla(0, 0%, 100%, 0.9);
  --black-alpha-05: hsla(0, 0%, 0%, 0.05);
  --black-alpha-10: hsla(0, 0%, 0%, 0.1);
  --black-alpha-20: hsla(0, 0%, 0%, 0.2);
  --black-alpha-30: hsla(0, 0%, 0%, 0.3);
  --black-alpha-40: hsla(0, 0%, 0%, 0.4);
  --black-alpha-50: hsla(0, 0%, 0%, 0.5);
  --black-alpha-60: hsla(0, 0%, 0%, 0.6);
  --black-alpha-70: hsla(0, 0%, 0%, 0.7);
  --black-alpha-80: hsla(0, 0%, 0%, 0.8);
  --black-alpha-90: hsla(0, 0%, 0%, 0.9);
  --primary-alpha-05: hsla(230, 98%, 44%, 0.05);
  --primary-alpha-10: hsla(230, 98%, 44%, 0.1);
  --primary-alpha-20: hsla(230, 98%, 44%, 0.2);
  --primary-alpha-30: hsla(230, 98%, 44%, 0.3);
  --primary-alpha-40: hsla(230, 98%, 44%, 0.4);
  --primary-alpha-50: hsla(230, 98%, 44%, 0.5);
  --primary-alpha-60: hsla(230, 98%, 44%, 0.6);
  --primary-alpha-70: hsla(230, 98%, 44%, 0.7);
  --primary-alpha-80: hsla(230, 98%, 44%, 0.8);
  --primary-alpha-90: hsla(230, 98%, 44%, 0.9);
  --primary: hsla(230, 98%, 44%, 1);
  --orange-alpha-05: hsla(15, 98%, 44%, 0.05);
  --orange-alpha-10: hsla(15, 98%, 44%, 0.1);
  --orange-alpha-20: hsla(15, 98%, 44%, 0.2);
  --orange-alpha-30: hsla(15, 98%, 44%, 0.3);
  --orange-alpha-40: hsla(15, 98%, 44%, 0.4);
  --orange-alpha-50: hsla(15, 98%, 44%, 0.5);
  --orange-alpha-60: hsla(15, 98%, 44%, 0.6);
  --orange-alpha-70: hsla(15, 98%, 44%, 0.7);
  --orange-alpha-80: hsla(15, 98%, 44%, 0.8);
  --orange-alpha-90: hsla(15, 98%, 44%, 0.9);
  --orange: hsla(15, 98%, 44%, 1);
  --orange-light: hsla(16, 100%, 60%, 1);
  --info-alpha-05: hsla(195, 84%, 33%, 0.05);
  --info-alpha-10: hsla(195, 84%, 33%, 0.1);
  --info-alpha-20: hsla(195, 84%, 33%, 0.2);
  --info-alpha-30: hsla(195, 84%, 33%, 0.3);
  --info-alpha-40: hsla(195, 84%, 33%, 0.4);
  --info-alpha-50: hsla(195, 84%, 33%, 0.5);
  --info-alpha-60: hsla(195, 84%, 33%, 0.6);
  --info-alpha-70: hsla(195, 84%, 33%, 0.7);
  --info-alpha-80: hsla(195, 84%, 33%, 0.8);
  --info-alpha-90: hsla(195, 84%, 33%, 0.9);
  --info: hsla(195, 84%, 33%, 1);
  --info-light: hsla(195, 84%, 50%, 1);
  --teal-alpha-05: hsla(180, 100%, 25%, 0.05);
  --teal-alpha-10: hsla(180, 100%, 25%, 0.1);
  --teal-alpha-20: hsla(180, 100%, 25%, 0.2);
  --teal-alpha-30: hsla(180, 100%, 25%, 0.3);
  --teal-alpha-40: hsla(180, 100%, 25%, 0.4);
  --teal-alpha-50: hsla(180, 100%, 25%, 0.5);
  --teal-alpha-60: hsla(180, 100%, 25%, 0.6);
  --teal-alpha-70: hsla(180, 100%, 25%, 0.7);
  --teal-alpha-80: hsla(180, 100%, 25%, 0.8);
  --teal-alpha-90: hsla(180, 100%, 25%, 0.9);
  --teal: hsla(180, 100%, 25%, 1);
  --teal-light: hsla(183, 65%, 52%, 1);
  --pink-alpha-05: hsla(300, 86%, 38%, 0.05);
  --pink-alpha-10: hsla(300, 86%, 38%, 0.1);
  --pink-alpha-20: hsla(300, 86%, 38%, 0.2);
  --pink-alpha-30: hsla(300, 86%, 38%, 0.3);
  --pink-alpha-40: hsla(300, 86%, 38%, 0.4);
  --pink-alpha-50: hsla(300, 86%, 38%, 0.5);
  --pink-alpha-60: hsla(300, 86%, 38%, 0.6);
  --pink-alpha-70: hsla(300, 86%, 38%, 0.7);
  --pink-alpha-80: hsla(300, 86%, 38%, 0.8);
  --pink-alpha-90: hsla(300, 86%, 38%, 0.9);
  --pink: hsla(300, 86%, 38%, 1);
  --pink-light: hsla(300, 100%, 68%, 1);
  --warning-alpha-05: hsla(45, 97%, 50%, 0.05);
  --warning-alpha-10: hsla(45, 97%, 50%, 0.1);
  --warning-alpha-20: hsla(45, 97%, 50%, 0.2);
  --warning-alpha-30: hsla(45, 97%, 50%, 0.3);
  --warning-alpha-40: hsla(45, 97%, 50%, 0.4);
  --warning-alpha-50: hsla(45, 97%, 50%, 0.5);
  --warning-alpha-60: hsla(45, 97%, 50%, 0.6);
  --warning-alpha-70: hsla(45, 97%, 50%, 0.7);
  --warning-alpha-80: hsla(45, 97%, 50%, 0.8);
  --warning-alpha-90: hsla(45, 97%, 50%, 0.9);
  --warning: hsla(45, 97%, 50%, 1);
  --success-alpha-05: hsla(152, 90%, 50%, 0.05);
  --success-alpha-10: hsla(152, 90%, 50%, 0.1);
  --success-alpha-20: hsla(152, 90%, 50%, 0.2);
  --success-alpha-30: hsla(152, 90%, 50%, 0.3);
  --success-alpha-40: hsla(152, 90%, 50%, 0.4);
  --success-alpha-50: hsla(152, 90%, 50%, 0.5);
  --success-alpha-60: hsla(152, 90%, 50%, 0.6);
  --success-alpha-70: hsla(152, 90%, 50%, 0.7);
  --success-alpha-80: hsla(152, 90%, 50%, 0.8);
  --success-alpha-90: hsla(152, 90%, 50%, 0.9);
  --success: hsla(152, 90%, 50%, 1);
  --danger-alpha-05: hsla(0, 72%, 50%, 0.05);
  --danger-alpha-10: hsla(0, 72%, 50%, 0.1);
  --danger-alpha-20: hsla(0, 72%, 50%, 0.2);
  --danger-alpha-30: hsla(0, 72%, 50%, 0.3);
  --danger-alpha-40: hsla(0, 72%, 50%, 0.4);
  --danger-alpha-50: hsla(0, 72%, 50%, 0.5);
  --danger-alpha-60: hsla(0, 72%, 50%, 0.6);
  --danger-alpha-70: hsla(0, 72%, 50%, 0.7);
  --danger-alpha-80: hsla(0, 72%, 50%, 0.8);
  --danger-alpha-90: hsla(0, 72%, 50%, 0.9);
  --danger: hsla(0, 72%, 50%, 1);
  --purple-alpha-05: hsla(285, 88%, 65%, 0.05);
  --purple-alpha-10: hsla(285, 88%, 65%, 0.1);
  --purple-alpha-20: hsla(285, 88%, 65%, 0.2);
  --purple-alpha-30: hsla(285, 88%, 65%, 0.3);
  --purple-alpha-40: hsla(285, 88%, 65%, 0.4);
  --purple-alpha-50: hsla(285, 88%, 65%, 0.5);
  --purple-alpha-60: hsla(285, 88%, 65%, 0.6);
  --purple-alpha-70: hsla(285, 88%, 65%, 0.7);
  --purple-alpha-80: hsla(285, 88%, 65%, 0.8);
  --purple-alpha-90: hsla(285, 88%, 65%, 0.9);
  --purple: hsla(285, 88%, 65%, 1);
}

/* line 314, app/assets/stylesheets/_variables.scss */
body.light.standard {
  --standard-dark-blue: hsl(227, 100%, 98%);
}

/* line 317, app/assets/stylesheets/_variables.scss */
body.dark.standard {
  --standard-dark-blue: hsl(227, 85%, 9%);
  --teal-alpha-05: hsla(183, 65%, 52%, 0.05);
  --teal-alpha-10: hsla(183, 65%, 52%, 0.1);
  --teal-alpha-20: hsla(183, 65%, 52%, 0.2);
  --teal-alpha-30: hsla(183, 65%, 52%, 0.3);
  --teal-alpha-40: hsla(183, 65%, 52%, 0.4);
  --teal-alpha-50: hsla(183, 65%, 52%, 0.5);
  --teal-alpha-60: hsla(183, 65%, 52%, 0.6);
  --teal-alpha-70: hsla(183, 65%, 52%, 0.7);
  --teal-alpha-80: hsla(183, 65%, 52%, 0.8);
  --teal-alpha-90: hsla(183, 65%, 52%, 0.9);
  --teal: hsla(183, 65%, 52%, 1);
  --teal-light: hsla(183, 65%, 52%, 1);
}

/* line 332, app/assets/stylesheets/_variables.scss */
body.light.v8,
body.dark.v8 {
  --white: hsl(0, 0%, 100%);
  --dark-background: hsl(243, 90%, 4%);
  --dark-surface: hsl(243, 33%, 13%);
  --neutral-10: hsl(225, 40%, 98%);
  --neutral-15: hsl(225, 40%, 95%);
  --neutral-20: hsl(225, 40%, 85%);
  --neutral-30: hsl(225, 40%, 75%);
  --neutral-40: hsl(225, 40%, 65%);
  --neutral-50: hsl(225, 40%, 50%);
  --neutral-60: hsl(225, 40%, 40%);
  --neutral-70: hsl(225, 40%, 28%);
  --neutral-80: hsl(225, 40%, 18%);
  --neutral-90: hsl(225, 40%, 11%);
  --primary-10: hsl(223, 78%, 98%);
  --primary-20: hsl(223, 78%, 95%);
  --primary-30: hsl(223, 78%, 75%);
  --primary-40: hsl(223, 78%, 65%);
  --primary-50: hsl(223, 78%, 50%);
  /* Secondary Brand Color */
  --primary-60: hsl(223, 78%, 40%);
  --primary-70: hsl(223, 78%, 28%);
  --primary-80: hsl(223, 78%, 18%);
  --primary-90: hsl(243, 90%, 4%);
  /* Primary Color */
  --primary-trans: hsl(223, 78%, 50%, 0.07);
  --primary-trans-2: hsl(223, 78%, 50%, 0.15);
  --accent-10: hsl(16, 88%, 98%);
  --accent-20: hsl(16, 88%, 85%);
  --accent-30: hsl(16, 88%, 75%);
  --accent-40: hsl(16, 88%, 65%);
  --accent-50: hsl(16, 88%, 50%);
  --accent-60: hsl(16, 88%, 40%);
  --accent-70: hsl(16, 88%, 28%);
  --accent-80: hsl(16, 88%, 18%);
  --accent-90: hsl(16, 88%, 11%);
  --accent-2-10: hsl(167, 89%, 98%);
  --accent-2-20: hsl(167, 89%, 85%);
  --accent-2-30: hsl(167, 89%, 75%);
  --accent-2-40: hsl(167, 89%, 65%);
  --accent-2-50: hsl(167, 89%, 50%);
  /* accent 2 color */
  --accent-2-60: hsl(167, 89%, 40%);
  --accent-2-70: hsl(167, 89%, 28%);
  --accent-2-80: hsl(167, 89%, 18%);
  --accent-2-90: hsl(167, 89%, 11%);
  --pink-50: hsl(332, 96%, 49%);
  --pink-60: hsl(332, 97%, 39%);
  --info-10: hsl(200, 95%, 98%);
  --info-20: hsl(200, 95%, 85%);
  --info-30: hsl(200, 95%, 75%);
  --info-40: hsl(200, 95%, 65%);
  --info-50: hsl(200, 95%, 50%);
  --info-60: hsl(200, 95%, 40%);
  --info-70: hsl(200, 95%, 28%);
  --info-80: hsl(200, 95%, 18%);
  --info-90: hsl(200, 95%, 11%);
  --error-10: hsl(0, 97%, 98%);
  --error-20: hsl(0, 97%, 85%);
  --error-30: hsl(0, 97%, 75%);
  --error-40: hsl(0, 97%, 65%);
  --error-50: hsl(0, 97%, 50%);
  --error-60: hsl(0, 97%, 40%);
  --error-70: hsl(0, 97%, 28%);
  --error-80: hsl(0, 97%, 18%);
  --error-90: hsl(0, 97%, 11%);
  --warning-10: hsl(45, 97%, 98%);
  --warning-20: hsl(45, 97%, 85%);
  --warning-30: hsl(45, 97%, 75%);
  --warning-40: hsl(45, 97%, 65%);
  --warning-50: hsl(45, 97%, 50%);
  --warning-60: hsl(45, 97%, 40%);
  --warning-70: hsl(45, 97%, 28%);
  --warning-80: hsl(45, 97%, 18%);
  --warning-90: hsl(45, 97%, 11%);
  --success-10: hsl(152, 90%, 98%);
  --success-20: hsl(152, 90%, 85%);
  --success-30: hsl(152, 90%, 75%);
  --success-40: hsl(152, 90%, 65%);
  --success-50: hsl(152, 90%, 50%);
  --success-60: hsl(152, 90%, 40%);
  --success-70: hsl(152, 90%, 28%);
  --success-80: hsl(152, 90%, 18%);
  --success-90: hsl(152, 90%, 11%);
  --purple-10: hsl(285, 88%, 98%);
  --purple-20: hsl(285, 88%, 85%);
  --purple-30: hsl(285, 88%, 75%);
  --purple-40: hsl(285, 88%, 65%);
  --purple-50: hsl(285, 88%, 50%);
  --purple-60: hsl(285, 88%, 40%);
  --purple-70: hsl(285, 88%, 28%);
  --purple-80: hsl(285, 88%, 18%);
  --purple-90: hsl(285, 88%, 11%);
}

/* line 437, app/assets/stylesheets/_variables.scss */
body.light.neutral,
body.dark.neutral {
  --dark-background: hsl(240, 2%, 8%);
  --dark-surface: hsl(60, 2%, 10%);
  --info-light: hsl(195, 87%, 53%);
  --theme-neutral-primary: hsl(225, 96%, 42%);
  --theme-neutral-primary-shade: hsl(225, 96%, 28%);
  --theme-neutral-dark-primary: hsl(225, 63%, 55%);
  --theme-neutral-dark-primary-tint: hsl(225, 100%, 66%);
  --theme-neutral-dark-primary-shade: hsl(225, 96%, 28%);
  --neutral-10: hsl(0, 0%, 98%);
  --neutral-20: hsl(0, 0%, 85%);
  --neutral-30: hsl(0, 0%, 75%);
  --neutral-40: hsl(0, 0%, 65%);
  --neutral-50: hsl(0, 0%, 50%);
  --neutral-60: hsl(0, 0%, 40%);
  --neutral-70: hsl(0, 0%, 28%);
  --neutral-80: hsl(0, 0%, 18%);
  --neutral-90: hsl(0, 0%, 11%);
  --primary-10: hsl(237, 94%, 98%);
  --primary-20: hsl(237, 94%, 95%);
  --primary-30: hsl(237, 94%, 75%);
  --primary-40: hsl(237, 94%, 65%);
  --primary-50: hsl(237, 94%, 59%);
  /* Secondary Brand Color */
  --primary-60: hsl(237, 94%, 40%);
  --primary-70: hsl(237, 94%, 28%);
  --primary-80: hsl(237, 94%, 18%);
  --primary-90: hsl(237, 94%, 11%);
  /* Primary Color */
  --accent-10: hsl(237, 94%, 98%);
  --accent-20: hsl(237, 94%, 95%);
  --accent-30: hsl(237, 94%, 75%);
  --accent-40: hsl(237, 94%, 65%);
  --accent-50: hsl(237, 94%, 59%);
  /* Secondary Brand Color */
  --accent-60: hsl(237, 94%, 40%);
  --accent-70: hsl(237, 94%, 28%);
  --accent-80: hsl(237, 94%, 18%);
  --accent-90: hsl(237, 94%, 11%);
  /* Primary Color */
  --primary-trans: hsla(216, 3%, 70%, 0.15);
  --primary-trans-2: hsla(227, 9%, 80%, 0.15);
}

/* line 484, app/assets/stylesheets/_variables.scss */
body.light.protanopia,
body.dark.protanopia {
  --dark-background: hsl(247, 80%, 7%);
  --dark-surface: hsl(220, 75%, 11%);
  --primary-50: hsl(220, 75%, 50%);
  /* Secondary Brand Color - Blue */
  --primary-90: hsl(220, 75%, 11%);
  /* Primary Color */
  --accent-10: hsl(285, 70%, 98%);
  --accent-20: hsl(285, 70%, 85%);
  --accent-30: hsl(285, 70%, 75%);
  --accent-40: hsl(285, 70%, 65%);
  /* accent color - Purple */
  --accent-50: hsl(285, 70%, 50%);
  --accent-60: hsl(285, 70%, 40%);
  --accent-70: hsl(285, 70%, 28%);
  --accent-80: hsl(285, 70%, 18%);
  --accent-90: hsl(285, 70%, 11%);
  --pink-50: hsl(330, 76%, 49%);
  --pink-60: hsl(330, 77%, 39%);
  --error-10: hsl(220, 80%, 98%);
  --error-20: hsl(220, 80%, 85%);
  --error-30: hsl(220, 80%, 75%);
  --error-40: hsl(220, 80%, 65%);
  --error-50: hsl(220, 80%, 50%);
  /* Blue instead of red */
  --error-60: hsl(220, 80%, 40%);
  --error-70: hsl(220, 80%, 28%);
  --error-80: hsl(220, 80%, 18%);
  --error-90: hsl(220, 80%, 11%);
  --warning-10: hsl(30, 80%, 98%);
  --warning-20: hsl(30, 80%, 85%);
  --warning-30: hsl(30, 80%, 75%);
  --warning-40: hsl(30, 80%, 65%);
  --warning-50: hsl(30, 80%, 50%);
  /* Orange - safe for protanopia */
  --warning-60: hsl(30, 80%, 40%);
  --warning-70: hsl(30, 80%, 28%);
  --warning-80: hsl(30, 80%, 18%);
  --warning-90: hsl(30, 80%, 11%);
  --success-10: hsl(180, 75%, 98%);
  --success-20: hsl(180, 75%, 85%);
  --success-30: hsl(180, 75%, 75%);
  --success-40: hsl(180, 75%, 65%);
  --success-50: hsl(180, 75%, 50%);
  /* Cyan instead of green */
  --success-60: hsl(180, 75%, 40%);
  --success-70: hsl(180, 75%, 28%);
  --success-80: hsl(180, 75%, 18%);
  --success-90: hsl(180, 75%, 11%);
  --purple-10: hsl(285, 70%, 98%);
  --purple-20: hsl(285, 70%, 85%);
  --purple-30: hsl(285, 70%, 75%);
  --purple-40: hsl(285, 70%, 65%);
  --purple-50: hsl(285, 70%, 50%);
  --purple-60: hsl(285, 70%, 40%);
  --purple-70: hsl(285, 70%, 28%);
  --purple-80: hsl(285, 70%, 18%);
  --purple-90: hsl(285, 70%, 11%);
  --primary-trans: hsl(220, 75%, 50%, 0.07);
  --primary-trans-2: hsl(220, 75%, 50%, 0.15);
  /* Blue - safe */
  --tag-blue-50: hsl(220, 90%, 75%);
  --tag-blue-90: hsl(220, 80%, 15%);
  /* Cyan - replaces green */
  --tag-green-50: hsl(180, 80%, 70%);
  --tag-green-90: hsl(180, 70%, 12%);
  /* Purple - safe */
  --tag-purple-50: hsl(285, 85%, 75%);
  --tag-purple-90: hsl(285, 75%, 15%);
  /* Yellow - safe */
  --tag-yellow-50: hsl(50, 90%, 65%);
  --tag-yellow-90: hsl(50, 85%, 10%);
  /* Teal/Cyan - safe */
  --tag-teal-50: hsl(190, 80%, 65%);
  --tag-teal-90: hsl(190, 70%, 12%);
  /* Gray */
  --tag-gray-50: hsl(0, 0%, 75%);
  --tag-gray-90: hsl(0, 0%, 15%);
  /* Extended Set */
  /* Dark Blue - safe */
  --tag-dark-blue-50: hsl(240, 85%, 75%);
  --tag-dark-blue-90: hsl(240, 75%, 12%);
  /* Orange - replaces pink */
  --tag-pink-50: hsl(25, 90%, 70%);
  --tag-pink-90: hsl(25, 80%, 12%);
  /* Gold - replaces coral */
  --tag-coral-50: hsl(45, 90%, 68%);
  --tag-coral-90: hsl(45, 80%, 12%);
  /* Bright Cyan - replaces light green */
  --tag-light-green-50: hsl(175, 85%, 72%);
  --tag-light-green-90: hsl(175, 70%, 12%);
  /* Violet - replaces indigo */
  --tag-indigo-50: hsl(270, 80%, 75%);
  --tag-indigo-90: hsl(270, 70%, 12%);
  /* Yellow-Orange - replaces brown */
  --tag-brown-50: hsl(40, 85%, 65%);
  --tag-brown-90: hsl(40, 75%, 12%);
}

/* line 600, app/assets/stylesheets/_variables.scss */
body.light.deuteranopia,
body.dark.deuteranopia {
  --dark-background: hsl(247, 80%, 7%);
  --dark-surface: hsl(220, 75%, 11%);
  --accent-10: hsl(285, 70%, 98%);
  --accent-20: hsl(285, 70%, 85%);
  --accent-30: hsl(285, 70%, 75%);
  --accent-40: hsl(285, 70%, 65%);
  /* accent color - Purple */
  --accent-50: hsl(285, 70%, 50%);
  --accent-60: hsl(285, 70%, 40%);
  --accent-70: hsl(285, 70%, 28%);
  --accent-80: hsl(285, 70%, 18%);
  --accent-90: hsl(285, 70%, 11%);
  --pink-50: hsl(330, 76%, 49%);
  --pink-60: hsl(330, 77%, 39%);
  --error-10: hsl(220, 80%, 98%);
  --error-20: hsl(220, 80%, 85%);
  --error-30: hsl(220, 80%, 75%);
  --error-40: hsl(220, 80%, 65%);
  --error-50: hsl(220, 80%, 50%);
  /* Blue instead of red */
  --error-60: hsl(220, 80%, 40%);
  --error-70: hsl(220, 80%, 28%);
  --error-80: hsl(220, 80%, 18%);
  --error-90: hsl(220, 80%, 11%);
  --warning-10: hsl(30, 80%, 98%);
  --warning-20: hsl(30, 80%, 85%);
  --warning-30: hsl(30, 80%, 75%);
  --warning-40: hsl(30, 80%, 65%);
  --warning-50: hsl(30, 80%, 50%);
  /* Orange - safe for deuteranopia */
  --warning-60: hsl(30, 80%, 40%);
  --warning-70: hsl(30, 80%, 28%);
  --warning-80: hsl(30, 80%, 18%);
  --warning-90: hsl(30, 80%, 11%);
  --success-10: hsl(180, 75%, 98%);
  --success-20: hsl(180, 75%, 85%);
  --success-30: hsl(180, 75%, 75%);
  --success-40: hsl(180, 75%, 65%);
  --success-50: hsl(180, 75%, 50%);
  /* Cyan instead of green */
  --success-60: hsl(180, 75%, 40%);
  --success-70: hsl(180, 75%, 28%);
  --success-80: hsl(180, 75%, 18%);
  --success-90: hsl(180, 75%, 11%);
  --primary-50: hsl(220, 75%, 50%);
  /* Secondary Brand Color - Blue */
  --primary-90: hsl(220, 75%, 11%);
  /* Primary Color */
  --primary-trans: hsl(220, 75%, 50%, 0.07);
  --primary-trans-2: hsl(220, 75%, 50%, 0.15);
  /* Blue - safe */
  --tag-blue-50: hsl(220, 90%, 75%);
  --tag-blue-90: hsl(220, 80%, 15%);
  /* Cyan - replaces green */
  --tag-green-50: hsl(180, 80%, 70%);
  --tag-green-90: hsl(180, 70%, 12%);
  /* Purple - safe */
  --tag-purple-50: hsl(285, 85%, 75%);
  --tag-purple-90: hsl(285, 75%, 15%);
  /* Yellow - safe */
  --tag-yellow-50: hsl(50, 90%, 65%);
  --tag-yellow-90: hsl(50, 85%, 10%);
  /* Teal/Cyan - safe */
  --tag-teal-50: hsl(190, 80%, 65%);
  --tag-teal-90: hsl(190, 70%, 12%);
  /* Gray */
  --tag-gray-50: hsl(0, 0%, 75%);
  --tag-gray-90: hsl(0, 0%, 15%);
  /* Extended Set */
  /* Dark Blue - safe */
  --tag-dark-blue-50: hsl(240, 85%, 75%);
  --tag-dark-blue-90: hsl(240, 75%, 12%);
  /* Orange - replaces pink */
  --tag-pink-50: hsl(25, 90%, 70%);
  --tag-pink-90: hsl(25, 80%, 12%);
  /* Gold - replaces coral */
  --tag-coral-50: hsl(45, 90%, 68%);
  --tag-coral-90: hsl(45, 80%, 12%);
  /* Bright Cyan - replaces light green */
  --tag-light-green-50: hsl(175, 85%, 72%);
  --tag-light-green-90: hsl(175, 70%, 12%);
  /* Violet - replaces indigo */
  --tag-indigo-50: hsl(270, 80%, 75%);
  --tag-indigo-90: hsl(270, 70%, 12%);
  /* Yellow-Orange - replaces brown */
  --tag-brown-50: hsl(40, 85%, 65%);
  --tag-brown-90: hsl(40, 75%, 12%);
  --orange-alpha-05: hsla(33, 100%, 50%, 0.05);
  --orange-alpha-10: hsla(33, 100%, 50%, 0.1);
  --orange-alpha-20: hsla(33, 100%, 50%, 0.2);
  --orange-alpha-30: hsla(33, 100%, 50%, 0.3);
  --orange-alpha-40: hsla(33, 100%, 50%, 0.4);
  --orange-alpha-50: hsla(33, 100%, 50%, 0.5);
  --orange-alpha-60: hsla(33, 100%, 50%, 0.6);
  --orange-alpha-70: hsla(33, 100%, 50%, 0.7);
  --orange-alpha-80: hsla(33, 100%, 50%, 0.8);
  --orange-alpha-90: hsla(33, 100%, 50%, 0.9);
  --orange: hsla(33, 100%, 50%, 1);
  --orange-light: hsla(37, 100%, 57%, 1);
}

/* line 719, app/assets/stylesheets/_variables.scss */
body.light.tritanopia,
body.dark.tritanopia {
  --dark-background: hsl(330, 15%, 7%);
  --accent-10: hsl(0, 75%, 98%);
  --accent-20: hsl(0, 75%, 85%);
  --accent-30: hsl(0, 75%, 75%);
  --accent-40: hsl(0, 75%, 65%);
  /* accent color - Red */
  --accent-50: hsl(0, 75%, 50%);
  --accent-60: hsl(0, 75%, 40%);
  --accent-70: hsl(0, 75%, 28%);
  --accent-80: hsl(0, 75%, 18%);
  --accent-90: hsl(0, 75%, 11%);
  --pink-50: hsl(330, 76%, 49%);
  --pink-60: hsl(330, 77%, 39%);
  --error-10: hsl(0, 80%, 98%);
  --error-20: hsl(0, 80%, 85%);
  --error-30: hsl(0, 80%, 75%);
  --error-40: hsl(0, 80%, 65%);
  --error-50: hsl(0, 80%, 50%);
  /* Red - safe for tritanopia */
  --error-60: hsl(0, 80%, 40%);
  --error-70: hsl(0, 80%, 28%);
  --error-80: hsl(0, 80%, 18%);
  --error-90: hsl(0, 80%, 11%);
  --warning-10: hsl(330, 75%, 98%);
  --warning-20: hsl(330, 75%, 85%);
  --warning-30: hsl(330, 75%, 75%);
  --warning-40: hsl(330, 75%, 65%);
  --warning-50: hsl(330, 75%, 50%);
  /* Magenta instead of orange */
  --warning-60: hsl(330, 75%, 40%);
  --warning-70: hsl(330, 75%, 28%);
  --warning-80: hsl(330, 75%, 18%);
  --warning-90: hsl(330, 75%, 11%);
  --success-10: hsl(140, 70%, 98%);
  --success-20: hsl(140, 70%, 85%);
  --success-30: hsl(140, 70%, 75%);
  --success-40: hsl(140, 70%, 65%);
  --success-50: hsl(140, 70%, 45%);
  /* Green - safe for tritanopia */
  --success-60: hsl(140, 70%, 35%);
  --success-70: hsl(140, 70%, 25%);
  --success-80: hsl(140, 70%, 18%);
  --success-90: hsl(140, 70%, 11%);
  --primary-50: hsl(330, 70%, 50%);
  /* Secondary Brand Color - Magenta */
  --primary-90: hsl(330, 70%, 11%);
  /* Primary Color */
  --primary-trans: hsl(330, 70%, 50%, 0.07);
  --primary-trans-2: hsl(330, 70%, 50%, 0.15);
  /* Magenta - replaces blue */
  --tag-blue-50: hsl(320, 85%, 72%);
  --tag-blue-90: hsl(320, 75%, 15%);
  /* Green - safe */
  --tag-green-50: hsl(140, 75%, 55%);
  --tag-green-90: hsl(140, 70%, 12%);
  /* Red - replaces purple */
  --tag-purple-50: hsl(10, 85%, 68%);
  --tag-purple-90: hsl(10, 75%, 15%);
  /* Cyan - replaces yellow */
  --tag-yellow-50: hsl(190, 85%, 65%);
  --tag-yellow-90: hsl(190, 75%, 12%);
  /* Teal/Cyan - safe */
  --tag-teal-50: hsl(185, 80%, 65%);
  --tag-teal-90: hsl(185, 70%, 12%);
  /* Gray */
  --tag-gray-50: hsl(0, 0%, 75%);
  --tag-gray-90: hsl(0, 0%, 15%);
  /* Extended Set */
  /* Pink/Magenta - replaces dark blue */
  --tag-dark-blue-50: hsl(340, 80%, 70%);
  --tag-dark-blue-90: hsl(340, 70%, 12%);
  /* Coral/Red - safe */
  --tag-pink-50: hsl(5, 85%, 68%);
  --tag-pink-90: hsl(5, 75%, 12%);
  /* Light Red - replaces coral */
  --tag-coral-50: hsl(15, 80%, 65%);
  --tag-coral-90: hsl(15, 70%, 12%);
  /* Bright Green - replaces light green */
  --tag-light-green-50: hsl(150, 80%, 60%);
  --tag-light-green-90: hsl(150, 70%, 12%);
  /* Dark Magenta - replaces indigo */
  --tag-indigo-50: hsl(310, 75%, 70%);
  --tag-indigo-90: hsl(310, 65%, 12%);
  /* Aqua - replaces brown */
  --tag-brown-50: hsl(180, 80%, 65%);
  --tag-brown-90: hsl(180, 70%, 12%);
}

/* line 823, app/assets/stylesheets/_variables.scss */
body.light.protanopia,
body.light.deuteranopia,
body.light.tritanopia,
body.light.achromatopsia {
  --light-surface: hsl(0, 0%, 98%);
}

/* line 829, app/assets/stylesheets/_variables.scss */
body.dark.protanopia,
body.dark.deuteranopia,
body.dark.tritanopia,
body.dark.achromatopsia {
  --dark-surface: hsl(60, 2%, 10%);
}

/* line 836, app/assets/stylesheets/_variables.scss */
body.light.achromatopsia,
body.dark.achromatopsia {
  --white: hsl(0, 0%, 100%);
  --dark-background: hsl(0, 0%, 7%);
  --neutral-10: hsl(0, 0%, 98%);
  --neutral-20: hsl(0, 0%, 90%);
  --neutral-30: hsl(0, 0%, 80%);
  --neutral-40: hsl(0, 0%, 70%);
  --neutral-50: hsl(0, 0%, 50%);
  --neutral-60: hsl(0, 0%, 35%);
  --neutral-70: hsl(0, 0%, 25%);
  --neutral-80: hsl(0, 0%, 15%);
  --neutral-90: hsl(0, 0%, 8%);
  --primary-10: hsl(0, 0%, 98%);
  --primary-20: hsl(0, 0%, 90%);
  --primary-30: hsl(0, 0%, 80%);
  --primary-40: hsl(0, 0%, 70%);
  --primary-50: hsl(0, 0%, 50%);
  --primary-60: hsl(0, 0%, 35%);
  --primary-70: hsl(0, 0%, 25%);
  --primary-80: hsl(0, 0%, 15%);
  --primary-90: hsl(0, 0%, 8%);
  --primary-trans: hsl(0, 0%, 50%, 0.07);
  --primary-trans-2: hsl(0, 0%, 50%, 0.15);
  --accent-10: hsl(0, 0%, 98%);
  --accent-20: hsl(0, 0%, 88%);
  --accent-30: hsl(0, 0%, 78%);
  --accent-40: hsl(0, 0%, 68%);
  --accent-50: hsl(0, 0%, 55%);
  --accent-60: hsl(0, 0%, 42%);
  --accent-70: hsl(0, 0%, 30%);
  --accent-80: hsl(0, 0%, 20%);
  --accent-90: hsl(0, 0%, 10%);
  --accent-2-10: hsl(0, 0%, 98%);
  --accent-2-20: hsl(0, 0%, 87%);
  --accent-2-30: hsl(0, 0%, 77%);
  --accent-2-40: hsl(0, 0%, 67%);
  --accent-2-50: hsl(0, 0%, 52%);
  --accent-2-60: hsl(0, 0%, 38%);
  --accent-2-70: hsl(0, 0%, 27%);
  --accent-2-80: hsl(0, 0%, 17%);
  --accent-2-90: hsl(0, 0%, 9%);
  --pink-50: hsl(0, 0%, 60%);
  --pink-60: hsl(0, 0%, 45%);
  --info-10: hsl(0, 0%, 98%);
  --info-20: hsl(0, 0%, 88%);
  --info-30: hsl(0, 0%, 73%);
  --info-40: hsl(0, 0%, 58%);
  --info-50: hsl(0, 0%, 35%);
  /* Medium-dark for distinction */
  --info-60: hsl(0, 0%, 28%);
  --info-70: hsl(0, 0%, 22%);
  --info-80: hsl(0, 0%, 15%);
  --info-90: hsl(0, 0%, 8%);
  --error-10: hsl(0, 0%, 98%);
  --error-20: hsl(0, 0%, 93%);
  --error-30: hsl(0, 0%, 90%);
  --error-40: hsl(0, 0%, 88%);
  --error-50: hsl(0, 0%, 85%);
  /* Very light - highest contrast */
  --error-60: hsl(0, 0%, 75%);
  --error-70: hsl(0, 0%, 60%);
  --error-80: hsl(0, 0%, 45%);
  --error-90: hsl(0, 0%, 30%);
  --warning-10: hsl(0, 0%, 98%);
  --warning-20: hsl(0, 0%, 90%);
  --warning-30: hsl(0, 0%, 82%);
  --warning-40: hsl(0, 0%, 76%);
  --warning-50: hsl(0, 0%, 70%);
  /* Light-medium for distinction */
  --warning-60: hsl(0, 0%, 58%);
  --warning-70: hsl(0, 0%, 45%);
  --warning-80: hsl(0, 0%, 32%);
  --warning-90: hsl(0, 0%, 20%);
  --success-10: hsl(0, 0%, 98%);
  --success-20: hsl(0, 0%, 88%);
  --success-30: hsl(0, 0%, 75%);
  --success-40: hsl(0, 0%, 62%);
  --success-50: hsl(0, 0%, 50%);
  /* Medium for distinction */
  --success-60: hsl(0, 0%, 40%);
  --success-70: hsl(0, 0%, 30%);
  --success-80: hsl(0, 0%, 20%);
  --success-90: hsl(0, 0%, 12%);
  --purple-10: hsl(0, 0%, 98%);
  --purple-20: hsl(0, 0%, 88%);
  --purple-30: hsl(0, 0%, 76%);
  --purple-40: hsl(0, 0%, 64%);
  --purple-50: hsl(0, 0%, 48%);
  --purple-60: hsl(0, 0%, 36%);
  --purple-70: hsl(0, 0%, 26%);
  --purple-80: hsl(0, 0%, 16%);
  --purple-90: hsl(0, 0%, 10%);
  /* Grayscale tags with distinct lightness values */
  /* Very Light */
  --tag-blue-50: hsl(0, 0%, 85%);
  --tag-blue-90: hsl(0, 0%, 15%);
  /* Light-Medium */
  --tag-green-50: hsl(0, 0%, 75%);
  --tag-green-90: hsl(0, 0%, 20%);
  /* Medium */
  --tag-purple-50: hsl(0, 0%, 60%);
  --tag-purple-90: hsl(0, 0%, 25%);
  /* Medium-Dark */
  --tag-yellow-50: hsl(0, 0%, 45%);
  --tag-yellow-90: hsl(0, 0%, 75%);
  /* Light */
  --tag-teal-50: hsl(0, 0%, 80%);
  --tag-teal-90: hsl(0, 0%, 18%);
  /* Gray */
  --tag-gray-50: hsl(0, 0%, 65%);
  --tag-gray-90: hsl(0, 0%, 22%);
  /* Extended Set - Additional lightness variations */
  /* Bright */
  --tag-dark-blue-50: hsl(0, 0%, 88%);
  --tag-dark-blue-90: hsl(0, 0%, 12%);
  /* Light-Medium 2 */
  --tag-pink-50: hsl(0, 0%, 72%);
  --tag-pink-90: hsl(0, 0%, 23%);
  /* Medium 2 */
  --tag-coral-50: hsl(0, 0%, 55%);
  --tag-coral-90: hsl(0, 0%, 28%);
  /* Medium-Light */
  --tag-light-green-50: hsl(0, 0%, 78%);
  --tag-light-green-90: hsl(0, 0%, 19%);
  /* Medium-Dark 2 */
  --tag-indigo-50: hsl(0, 0%, 42%);
  --tag-indigo-90: hsl(0, 0%, 78%);
  /* Dark */
  --tag-brown-50: hsl(0, 0%, 35%);
  --tag-brown-90: hsl(0, 0%, 82%);
}

/* 1. Define the colors for both modes */
/* line 2, app/assets/stylesheets/shared/_color-schemes.scss */
body.light {
  /* Default (Light Mode) - Dark Grey thumb on transparent track */
  --sb-thumb: rgba(0, 0, 0, 0.2);
  --sb-track: transparent;
}

/* line 8, app/assets/stylesheets/shared/_color-schemes.scss */
body.dark {
  /* Dark Mode - White thumb on transparent track */
  --sb-thumb: rgba(255, 255, 255, 0.2);
  --sb-track: transparent;
}

/* 2. The Standard Way (Firefox) using the variables */
/* line 15, app/assets/stylesheets/shared/_color-schemes.scss */
html {
  scrollbar-color: var(--sb-thumb) var(--sb-track);
  scrollbar-width: thin;
}

/* 3. The Webkit Way (Chrome, Edge, Safari) using the variables */
/* line 21, app/assets/stylesheets/shared/_color-schemes.scss */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* line 26, app/assets/stylesheets/shared/_color-schemes.scss */
::-webkit-scrollbar-track {
  background: var(--sb-track);
}

/* line 30, app/assets/stylesheets/shared/_color-schemes.scss */
::-webkit-scrollbar-thumb {
  background-color: var(--sb-thumb);
  border-radius: 100vw;
  border: 2px solid transparent;
  background-clip: content-box;
}

/* Hover effects (optional) */
/* line 38, app/assets/stylesheets/shared/_color-schemes.scss */
::-webkit-scrollbar-thumb:hover {
  /* Make it slightly more opaque on hover */
  background-color: color-mix(in srgb, var(--sb-thumb), black 20%);
}

/* line 42, app/assets/stylesheets/shared/_color-schemes.scss */
:root,
body.light {
  background-color: var(--white);
  color: var(--black-alpha-80);
  --dropdown-surface: var(--white);
  --lt-black-dk-white: var(--black);
  --lt-dk-primary-90: var(--primary-90);
  --lt-dk-primary-50: var(--primary-50);
  --lt-dk-accent-50: var(--accent-50);
  --lt-dk-accent-60: var(--accent-60);
  --lt-dk-accent-70: var(--accent-70);
  --lt-dk-accent-2-50: var(--accent-2-50);
  --lt-dk-white: var(--white);
  --lt-pink-60-dk-pink-50: var(--pink-60);
  --box-shadow: 0, 0, 0, 0.1;
  --lt-transparent-dk-accent-60: transparent;
  --lt-transparent-dk-error-60: transparent;
  --lt-white-dk-primary-10: var(--white);
  --lt-white-dk-primary-90: var(--white);
  --lt-dk-neutral-10: var(--neutral-10);
  --lt-dk-neutral-20: var(--neutral-20);
  --lt-dk-neutral-30: var(--neutral-30);
  --lt-dk-neutral-50: var(--neutral-50);
  --lt-neutral-10-dk-primary-80: var(--neutral-10);
  --lt-neutral-10-dk-primary-90: var(--neutral-10);
  --lt-neutral-15-dk-primary-80: var(--neutral-15);
  --lt-neutral-15-dk-primary-90: var(--neutral-15);
  --lt-neutral-10-dk-neutral-90: var(--neutral-10);
  --lt-neutral-10-dk-white: var(--neutral-10);
  --lt-neutral-20-dk-primary-90: var(--neutral-20);
  --lt-neutral-20-dk-primary-50: var(--neutral-20);
  --lt-neutral-20-dk-accent-40: var(--neutral-20);
  --lt-neutral-20-dk-error-40: var(--neutral-20);
  --lt-neutral-20-dk-warning-40: var(--neutral-20);
  --lt-neutral-20-dk-success-40: var(--neutral-20);
  --lt-neutral-20-dk-success-70: var(--neutral-20);
  --lt-neutral-60-dk-neutral-20: var(--neutral-60);
  --lt-neutral-60-dk-neutral-30: var(--neutral-60);
  --lt-neutral-60-dk-white: var(--neutral-60);
  --lt-neutral-70-dk-neutral-10: var(--neutral-70);
  --lt-neutral-70-dk-neutral-20: var(--neutral-70);
  --lt-neutral-70-dk-neutral-50: var(--neutral-70);
  --lt-neutral-70-dk-primary-90: var(--neutral-70);
  --lt-neutral-70-dk-white: var(--neutral-70);
  --lt-neutral-80-dk-white: var(--neutral-80);
  --lt-neutral-80-dk-neutral-70: var(--neutral-80);
  --lt-neutral-90-dk-white: var(--neutral-90);
  --lt-dk-primary-70: var(--primary-70);
  --lt-primary-trans-dk-primary-trans-2: var(--primary-trans);
  --lt-primary-50-dk-primary-40: var(--primary-50);
  --lt-primary-50-dk-primary-70: var(--primary-50);
  --lt-primary-50-dk-accent-40: var(--primary-50);
  --lt-primary-50-dk-accent-50: var(--primary-50);
  --lt-primary-50-dk-white: var(--primary-50);
  --lt-primary-70-dk-accent-60: var(--primary-70);
  --lt-primary-80-dk-primary-50: var(--primary-80);
  --lt-primary-90-dk-white: var(--primary-90);
  --lt-accent-10-dk-primary-90: var(--accent-10);
  --lt-accent-10-dk-accent-90: var(--accent-10);
  --lt-accent-50-dk-accent-40: var(--accent-50);
  --lt-accent-50-dk-accent-60: var(--accent-50);
  --lt-accent-50-dk-white: var(--accent-50);
  --lt-accent-70-dk-accent-60: var(--accent-70);
  --lt-dk-info-10: var(--info-10);
  --lt-dk-info-50: var(--info-50);
  --lt-info-20-dk-primary-90: var(--info-20);
  --lt-info-20-dk-info-90: var(--info-20);
  --lt-info-70-dk-info-40: var(--info-70);
  --lt-info-10-dk-info-80: var(--info-10);
  --lt-info-70-dk-white: var(--info-70);
  --lt-info-80-dk-info-60: var(--info-80);
  --lt-info-80-dk-info-70: var(--info-80);
  --lt-dk-warning-10: var(--warning-10);
  --lt-dk-warning-20: var(--warning-20);
  --lt-dk-warning-30: var(--warning-30);
  --lt-dk-warning-50: var(--warning-50);
  --lt-dk-warning-70: var(--warning-70);
  --lt-transparent-dk-warning-70: transparent;
  --lt-warning-10-dk-primary-90: var(--warning-10);
  --lt-warning-10-dk-warning-90: var(--warning-10);
  --lt-warning-20-dk-primary-90: var(--warning-20);
  --lt-warning-20-dk-warning-90: var(--warning-20);
  --lt-warning-50-dk-warning-40: var(--warning-50);
  --lt-warning-60-dk-warning-40: var(--warning-60);
  --lt-warning-70-dk-warning-40: var(--warning-70);
  --lt-warning-70-dk-white: var(--warning-70);
  --lt-warning-80-dk-warning-60: var(--warning-80);
  --lt-warning-80-dk-white: var(--warning-80);
  --lt-dk-error-50: var(--error-50);
  --lt-dk-error-60: var(--error-60);
  --lt-dk-error-70: var(--error-70);
  --lt-dk-error-80: var(--error-80);
  --lt-dk-error-90: var(--error-90);
  --lt-error-10-dk-error-90: var(--error-10);
  --lt-error-20-dk-primary-90: var(--error-20);
  --lt-error-20-dk-error-90: var(--error-20);
  --lt-error-50-dk-error-40: var(--error-50);
  --lt-error-50-dk-error-60: var(--error-50);
  --lt-error-50-dk-white: var(--error-50);
  --lt-error-60-dk-error-40: var(--error-60);
  --lt-error-60-dk-white: var(--error-60);
  --lt-error-70-dk-error-40: var(--error-70);
  --lt-error-70-dk-error-60: var(--error-70);
  --lt-error-70-dk-white: var(--error-70);
  --lt-transparent-dk-success-70: transparent;
  --lt-dk-success-40: var(--success-40);
  --lt-dk-success-50: var(--success-50);
  --lt-dk-success-60: var(--success-60);
  --lt-dk-success-70: var(--success-70);
  --lt-success-10-dk-success-90: var(--success-10);
  --lt-success-20-dk-primary-90: var(--success-20);
  --lt-success-20-dk-success-90: var(--success-20);
  --lt-success-60-dk-success-50: var(--success-60);
  --lt-success-70-dk-success-50: var(--success-70);
  --lt-success-70-dk-success-40: var(--success-70);
  --lt-success-70-dk-white: var(--success-70);
  --lt-success-80-dk-success-60: var(--success-80);
  --lt-success-80-dk-white: var(--success-80);
  --lt-dk-purple-50: var(--purple-50);
  --lt-purple-10-dk-purple-90: var(--purple-10);
  --lt-purple-20-dk-primary-90: var(--purple-20);
  --lt-purple-20-dk-purple-90: var(--purple-20);
  --lt-purple-60-dk-white: var(--purple-60);
  --lt-purple-60-dk-purple-40: var(--purple-60);
  --lt-purple-70-dk-purple-40: var(--purple-70);
  --lt-purple-70-dk-purple-60: var(--purple-70);
  --lt-purple-70-dk-white: var(--purple-70);
  --security-gradient: radial-gradient(
    ellipse farthest-corner at 45px 45px,
    var(--lt-dk-accent-50) 0%,
    var(--lt-dk-primary-50) 15%,
    var(--lt-dk-primary-90) 45%,
    var(--lt-dk-primary-90) 65%,
    var(--lt-dk-primary-50) 85%,
    var(--lt-dk-accent-2-50) 100%
  );
  --background-gradient: radial-gradient(
    ellipse farthest-corner at 45px 45px,
    #ffffff 0%,
    #ffffff 100%
  );
  --gradient-primary-50-accent-50: linear-gradient(
    90deg,
    var(--primary-50) 0%,
    var(--accent-50) 100%
  );
  --gradient-diag-primary-50-accent-50: linear-gradient(
    350deg,
    var(--primary-50) 0%,
    var(--accent-50) 100%
  );
  --theme-primary-background: var(--lt-primary-50-dk-accent-50);
  --theme-primary-button: var(--lt-dk-primary-50);
  --theme-primary-button-hover: var(--lt-dk-primary-70);
  --theme-primary-button-text: var(--lt-dk-white);
  --theme-primary-button-text-hover: var(--lt-primary-50-dk-white);
  --theme-primary-border: var(--lt-dk-primary-50);
  --theme-primary-border-hover: var(--lt-dk-primary-70);
  --theme-primary-text: var(--lt-primary-50-dk-accent-50);
  --theme-primary-text-hover: var(--lt-primary-50-dk-accent-50);
  --theme-accent-background: var(--lt-dk-accent-50);
  --theme-accent-button: var(--lt-dk-accent-50);
  --theme-accent-button-hover: var(--lt-dk-accent-70);
  --theme-accent-button-text: var(--lt-dk-white);
  --theme-accent-button-text-hover: var(--lt-accent-50-dk-white);
  --theme-accent-border: var(--lt-dk-accent-50);
  --theme-accent-border-hover: var(--lt-dk-accent-70);
  --theme-accent-text: var(--lt-dk-accent-50);
  --theme-accent-text-hover: var(--lt-dk-accent-70);
  --lt-tag-blue-50-dk-blue-90: var(--tag-blue-50);
  --lt-tag-blue-90-dk-blue-50: var(--tag-blue-90);
  --lt-tag-green-50-dk-green-90: var(--tag-green-50);
  --lt-tag-green-90-dk-green-50: var(--tag-green-90);
  --lt-tag-purple-50-dk-purple-90: var(--tag-purple-50);
  --lt-tag-purple-90-dk-purple-50: var(--tag-purple-90);
  --lt-tag-yellow-50-dk-yellow-90: var(--tag-yellow-50);
  --lt-tag-yellow-90-dk-yellow-50: var(--tag-yellow-90);
  --lt-tag-teal-50-dk-teal-90: var(--tag-teal-50);
  --lt-tag-teal-90-dk-teal-50: var(--tag-teal-90);
  --lt-tag-gray-50-dk-gray-90: var(--tag-gray-50);
  --lt-tag-gray-90-dk-gray-50: var(--tag-gray-90);
  --lt-tag-dark-blue-50-dk-dark-blue-90: var(--tag-dark-blue-50);
  --lt-tag-dark-blue-90-dk-dark-blue-50: var(--tag-dark-blue-90);
  --lt-tag-pink-50-dk-pink-90: var(--tag-pink-50);
  --lt-tag-pink-90-dk-pink-50: var(--tag-pink-90);
  --lt-tag-coral-50-dk-coral-90: var(--tag-coral-50);
  --lt-tag-coral-90-dk-coral-50: var(--tag-coral-90);
  --lt-tag-light-green-50-dk-light-green-90: var(--tag-light-green-50);
  --lt-tag-light-green-90-dk-light-green-50: var(--tag-light-green-90);
  --lt-tag-indigo-50-dk-indigo-90: var(--tag-indigo-50);
  --lt-tag-indigo-90-dk-indigo-50: var(--tag-indigo-90);
  --lt-tag-brown-50-dk-brown-90: var(--tag-brown-50);
  --lt-tag-brown-90-dk-brown-50: var(--tag-brown-90);
  /* shadows */
  --shadow-s: inset 0 1px 2px #ffffff30, /* top highlight */ 0 1px 2px #00000030,
    /* dark shadow */ 0 2px 4px #00000015;
  /* soft shadow */
  --shadow-m: inset 0 1px 2px #ffffff50, /* top highlight */ 0 2px 4px #00000030,
    /* dark shadow */ 0 4px 8px #00000015;
  /* soft shadow */
  --shadow-l: inset 0 1px 2px #ffffff70, /* top highlight */ 0 4px 6px #00000030,
    /* dark shadow */ 0 6px 10px #00000015;
  /* soft shadow */
  --color-scheme: var(--orange);
  --color-scheme-05: var(--orange-alpha-05);
  --color-scheme-10: var(--orange-alpha-10);
  --color-scheme-20: var(--orange-alpha-20);
  --color-scheme-30: var(--orange-alpha-30);
  --color-scheme-40: var(--orange-alpha-40);
  --color-scheme-50: var(--orange-alpha-50);
  --color-scheme-60: var(--orange-alpha-60);
  --color-scheme-70: var(--orange-alpha-70);
  --color-scheme-80: var(--orange-alpha-80);
  --color-scheme-90: var(--orange-alpha-90);
}

@media only screen and (max-width: 550px) and (pointer: coarse) {
  /* line 42, app/assets/stylesheets/shared/_color-schemes.scss */
  :root,
body.light {
    --security-gradient: radial-gradient(
      ellipse farthest-corner at 45px 45px,
      var(--lt-dk-accent-50) 0%,
      var(--lt-dk-primary-50) 15%,
      var(--lt-dk-primary-90) 45%,
      var(--lt-dk-primary-90) 65%,
      var(--lt-dk-primary-50) 85%,
      var(--lt-dk-primary-50) 100%
    );
  }
}

@media (pointer: coarse) {
  /* line 42, app/assets/stylesheets/shared/_color-schemes.scss */
  :root,
body.light {
    --background-gradient: radial-gradient(
      ellipse farthest-corner at 45px 45px,
      #ffffff 0%,
      #ffffff 100%
    );
  }
}

/* line 293, app/assets/stylesheets/shared/_color-schemes.scss */
body.dark {
  color-scheme: dark;
  background-color: var(--black);
  color: var(--white-alpha-90);
  --dropdown-surface: var(--dark-surface);
  --lt-black-dk-white: var(--white);
  --lt-dk-primary-50: var(--primary-50);
  --lt-dk-primary-90: var(--primary-90);
  --lt-dk-accent-50: var(--accent-50);
  --lt-dk-accent-2-50: var(--accent-2-50);
  --lt-dk-white: var(--white);
  --lt-pink-60-dk-pink-50: var(--pink-50);
  --box-shadow: 0, 0, 0, 0.6;
  --lt-transparent-dk-accent-60: var(--accent-60);
  --lt-transparent-dk-error-60: var(--error-60);
  --lt-white-dk-primary-10: var(--primary-10);
  --lt-white-dk-primary-90: var(--dark-background);
  --lt-dk-neutral-10: var(--neutral-10);
  --lt-dk-neutral-20: var(--neutral-20);
  --lt-dk-neutral-30: var(--neutral-30);
  --lt-dk-neutral-50: var(--neutral-50);
  --lt-neutral-10-dk-primary-80: var(--primary-80);
  --lt-neutral-10-dk-primary-90: var(--dark-surface);
  --lt-neutral-15-dk-primary-80: var(--primary-80);
  --lt-neutral-15-dk-primary-90: var(--primary-90);
  --lt-neutral-10-dk-neutral-90: var(--neutral-90);
  --lt-neutral-10-dk-white: var(--white);
  --lt-neutral-20-dk-primary-90: var(--dark-surface);
  --lt-neutral-20-dk-primary-50: var(--primary-50);
  --lt-neutral-20-dk-accent-40: var(--accent-40);
  --lt-neutral-20-dk-error-40: var(--error-40);
  --lt-neutral-20-dk-warning-40: var(--warning-40);
  --lt-neutral-20-dk-success-40: var(--success-40);
  --lt-neutral-20-dk-success-70: var(--success-70);
  --lt-neutral-60-dk-neutral-20: var(--neutral-20);
  --lt-neutral-60-dk-neutral-30: var(--neutral-30);
  --lt-neutral-60-dk-white: var(--white);
  --lt-neutral-70-dk-neutral-10: var(--neutral-10);
  --lt-neutral-70-dk-neutral-20: var(--neutral-20);
  --lt-neutral-70-dk-neutral-50: var(--neutral-50);
  --lt-neutral-70-dk-primary-90: var(--primary-90);
  --lt-neutral-70-dk-white: var(--white);
  --lt-neutral-80-dk-neutral-70: var(--neutral-70);
  --lt-neutral-80-dk-white: var(--white);
  --lt-neutral-90-dk-white: var(--white);
  --lt-dk-primary-70: var(--primary-70);
  --lt-primary-trans-dk-primary-trans-2: var(--primary-trans-2);
  --lt-primary-50-dk-primary-40: var(--primary-40);
  --lt-primary-50-dk-accent-40: var(--accent-40);
  --lt-primary-50-dk-accent-50: var(--accent-50);
  --lt-primary-50-dk-primary-70: var(--primary-70);
  --lt-primary-50-dk-white: var(--white);
  --lt-primary-70-dk-accent-60: var(--accent-60);
  --lt-primary-80-dk-primary-50: var(--primary-50);
  --lt-primary-90-dk-white: var(--white);
  --lt-accent-10-dk-primary-90: var(--primary-90);
  --lt-accent-10-dk-accent-90: var(--accent-90);
  --lt-accent-50-dk-accent-40: var(--accent-40);
  --lt-accent-50-dk-accent-60: var(--accent-60);
  --lt-accent-50-dk-white: var(--white);
  --lt-accent-70-dk-accent-60: var(--accent-60);
  --lt-dk-info-50: var(--info-50);
  --lt-dk-info-10: var(--info-10);
  --lt-info-20-dk-primary-90: var(--primary-90);
  --lt-info-20-dk-info-90: var(--info-90);
  --lt-info-70-dk-info-40: var(--info-40);
  --lt-info-10-dk-info-80: var(--info-80);
  --lt-info-70-dk-white: var(--white);
  --lt-info-80-dk-info-60: var(--info-60);
  --lt-info-80-dk-info-70: var(--info-70);
  --lt-dk-warning-10: var(--warning-10);
  --lt-dk-warning-20: var(--warning-20);
  --lt-dk-warning-30: var(--warning-30);
  --lt-dk-warning-50: var(--warning-50);
  --lt-dk-warning-70: var(--warning-70);
  --lt-transparent-dk-warning-70: var(--warning-70);
  --lt-warning-10-dk-primary-90: var(--primary-90);
  --lt-warning-10-dk-warning-90: var(--warning-90);
  --lt-warning-20-dk-primary-90: var(--primary-90);
  --lt-warning-20-dk-warning-90: var(--warning-90);
  --lt-warning-50-dk-warning-40: var(--warning-40);
  --lt-warning-60-dk-warning-40: var(--warning-40);
  --lt-warning-70-dk-warning-40: var(--warning-40);
  --lt-warning-70-dk-white: var(--white);
  --lt-warning-80-dk-warning-60: var(--warning-60);
  --lt-warning-80-dk-white: var(--white);
  --lt-dk-error-50: var(--error-50);
  --lt-dk-error-60: var(--error-60);
  --lt-dk-error-70: var(--error-70);
  --lt-dk-error-80: var(--error-80);
  --lt-error-10-dk-error-90: var(--error-90);
  --lt-error-20-dk-primary-90: var(--primary-90);
  --lt-error-20-dk-error-90: var(--error-90);
  --lt-error-50-dk-error-40: var(--error-40);
  --lt-error-50-dk-error-60: var(--error-60);
  --lt-error-50-dk-white: var(--white);
  --lt-error-60-dk-error-40: var(--error-40);
  --lt-error-70-dk-error-40: var(--error-40);
  --lt-error-60-dk-white: var(--white);
  --lt-error-70-dk-error-60: var(--error-60);
  --lt-error-70-dk-white: var(--white);
  --lt-transparent-dk-success-70: var(--success-70);
  --lt-dk-success-40: var(--success-40);
  --lt-dk-success-50: var(--success-50);
  --lt-dk-success-60: var(--success-60);
  --lt-dk-success-70: var(--success-70);
  --lt-success-10-dk-success-90: var(--success-90);
  --lt-success-20-dk-primary-90: var(--primary-90);
  --lt-success-20-dk-success-90: var(--success-90);
  --lt-success-60-dk-success-50: var(--success-50);
  --lt-success-70-dk-success-50: var(--success-50);
  --lt-success-70-dk-success-40: var(--success-40);
  --lt-success-70-dk-white: var(--white);
  --lt-success-80-dk-success-60: var(--success-60);
  --lt-success-80-dk-white: var(--white);
  --lt-dk-purple-50: var(--purple-50);
  --lt-purple-10-dk-purple-90: var(--purple-90);
  --lt-purple-20-dk-primary-90: var(--primary-90);
  --lt-purple-20-dk-purple-90: var(--purple-90);
  --lt-purple-60-dk-purple-40: var(--purple-40);
  --lt-purple-60-dk-white: var(--white);
  --lt-purple-70-dk-purple-40: var(--purple-40);
  --lt-purple-70-dk-purple-60: var(--purple-60);
  --lt-purple-70-dk-white: var(--white);
  --security-gradient: radial-gradient(
    ellipse farthest-corner at 45px 45px,
    var(--lt-dk-accent-50) 0%,
    var(--lt-dk-primary-50) 15%,
    var(--lt-dk-primary-90) 45%,
    var(--lt-dk-primary-90) 65%,
    var(--lt-dk-primary-50) 85%,
    var(--lt-dk-accent-2-50) 100%
  );
  --background-gradient: radial-gradient(
    ellipse farthest-corner at 45px 45px,
    var(--lt-dk-primary-90) 0%,
    var(--lt-white-dk-primary-90) 45%,
    var(--lt-dk-primary-50) 85%,
    var(--lt-dk-accent-2-50) 100%
  );
  --gradient-primary-50-accent-50: linear-gradient(
    90deg,
    var(--primary-50) 0%,
    var(--accent-50) 100%
  );
  --gradient-diag-primary-50-accent-50: linear-gradient(
    350deg,
    var(--primary-50) 0%,
    var(--accent-50) 100%
  );
  --theme-primary-background: var(--lt-primary-50-dk-accent-50);
  --theme-primary-button: var(--lt-dk-primary-50);
  --theme-primary-button-hover: var(--lt-dk-primary-70);
  --theme-primary-button-text: var(--lt-dk-white);
  --theme-primary-button-text-hover: var(--lt-primary-50-dk-white);
  --theme-primary-border: var(--lt-dk-primary-50);
  --theme-primary-border-hover: var(--lt-dk-primary-70);
  --theme-primary-text: var(--lt-primary-50-dk-accent-50);
  --theme-primary-text-hover: var(--lt-primary-50-dk-accent-50);
  --theme-accent-background: var(--lt-dk-accent-50);
  --theme-accent-button: var(--lt-dk-accent-50);
  --theme-accent-button-hover: var(--lt-dk-accent-70);
  --theme-accent-button-text: var(--lt-dk-white);
  --theme-accent-button-text-hover: var(--lt-accent-50-dk-white);
  --theme-accent-border: var(--lt-dk-accent-50);
  --theme-accent-border-hover: var(--lt-dk-accent-70);
  --theme-accent-text: var(--lt-dk-accent-50);
  --theme-accent-text-hover: var(--lt-dk-accent-70);
  --lt-tag-blue-50-dk-blue-90: var(--tag-blue-90);
  --lt-tag-blue-90-dk-blue-50: var(--tag-blue-50);
  --lt-tag-green-50-dk-green-90: var(--tag-green-90);
  --lt-tag-green-90-dk-green-50: var(--tag-green-50);
  --lt-tag-purple-50-dk-purple-90: var(--tag-purple-90);
  --lt-tag-purple-90-dk-purple-50: var(--tag-purple-50);
  --lt-tag-yellow-50-dk-yellow-90: var(--tag-yellow-90);
  --lt-tag-yellow-90-dk-yellow-50: var(--tag-yellow-50);
  --lt-tag-teal-50-dk-teal-90: var(--tag-teal-90);
  --lt-tag-teal-90-dk-teal-50: var(--tag-teal-50);
  --lt-tag-gray-50-dk-gray-90: var(--tag-gray-90);
  --lt-tag-gray-90-dk-gray-50: var(--tag-gray-50);
  --lt-tag-dark-blue-50-dk-dark-blue-90: var(--tag-dark-blue-90);
  --lt-tag-dark-blue-90-dk-dark-blue-50: var(--tag-dark-blue-50);
  --lt-tag-pink-50-dk-pink-90: var(--tag-pink-90);
  --lt-tag-pink-90-dk-pink-50: var(--tag-pink-50);
  --lt-tag-coral-50-dk-coral-90: var(--tag-coral-90);
  --lt-tag-coral-90-dk-coral-50: var(--tag-coral-50);
  --lt-tag-light-green-50-dk-light-green-90: var(--tag-light-green-90);
  --lt-tag-light-green-90-dk-light-green-50: var(--tag-light-green-50);
  --lt-tag-indigo-50-dk-indigo-90: var(--tag-indigo-90);
  --lt-tag-indigo-90-dk-indigo-50: var(--tag-indigo-50);
  --lt-tag-brown-50-dk-brown-90: var(--tag-brown-90);
  --lt-tag-brown-90-dk-brown-50: var(--tag-brown-50);
  /* shadows */
  --shadow-s: inset 0 1px 2px #ffffff30, /* top highlight */ 0 1px 2px #00000030,
    /* dark shadow */ 0 2px 4px #00000015;
  /* soft shadow */
  --shadow-m: inset 0 1px 2px #ffffff50, /* top highlight */ 0 2px 4px #00000030,
    /* dark shadow */ 0 4px 8px #00000015;
  /* soft shadow */
  --shadow-l: inset 0 1px 2px #ffffff70, /* top highlight */ 0 4px 6px #00000030,
    /* dark shadow */ 0 6px 10px #00000015;
  /* soft shadow */
  --color-scheme: var(--orange);
  --color-scheme-05: var(--orange-alpha-05);
  --color-scheme-10: var(--orange-alpha-10);
  --color-scheme-20: var(--orange-alpha-20);
  --color-scheme-30: var(--orange-alpha-30);
  --color-scheme-40: var(--orange-alpha-40);
  --color-scheme-50: var(--orange-alpha-50);
  --color-scheme-60: var(--orange-alpha-60);
  --color-scheme-70: var(--orange-alpha-70);
  --color-scheme-80: var(--orange-alpha-80);
  --color-scheme-90: var(--orange-alpha-90);
  --color-scheme-light: var(--orange-light);
}

/* line 523, app/assets/stylesheets/shared/_color-schemes.scss */
body.light.standard {
  --background-gradient: radial-gradient(
    ellipse farthest-corner at 45px 45px,
    var(--standard-dark-blue) 0%,
    var(--standard-dark-blue) 100%
  );
}

/* line 530, app/assets/stylesheets/shared/_color-schemes.scss */
body.dark.standard {
  --background-gradient: radial-gradient(
    ellipse farthest-corner at 45px 45px,
    var(--standard-dark-blue) 0%,
    var(--standard-dark-blue) 100%
  );
}

/* line 537, app/assets/stylesheets/shared/_color-schemes.scss */
body.light.standard,
body.dark.standard {
  --color-scheme: var(--teal);
  --color-scheme-05: var(--teal-alpha-05);
  --color-scheme-10: var(--teal-alpha-10);
  --color-scheme-20: var(--teal-alpha-20);
  --color-scheme-30: var(--teal-alpha-30);
  --color-scheme-40: var(--teal-alpha-40);
  --color-scheme-50: var(--teal-alpha-50);
  --color-scheme-60: var(--teal-alpha-60);
  --color-scheme-70: var(--teal-alpha-70);
  --color-scheme-80: var(--teal-alpha-80);
  --color-scheme-90: var(--teal-alpha-90);
  --color-scheme-light: var(--teal-light);
}

/* line 555, app/assets/stylesheets/shared/_color-schemes.scss */
body.light.v8 {
  background-color: rgba(221, 227, 244, 0.4);
}

@media (max-width: 768px) {
  /* line 560, app/assets/stylesheets/shared/_color-schemes.scss */
  body.light.v8 .mpcp-app #mpcpMainNav .nav-header,
body.light.v8 .mpcp-app #mpcpMainNav .primary-navigation-wrapper {
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    background-image: radial-gradient(ellipse at 70% 0%, rgba(221, 227, 244, 0.4) 0%, rgba(221, 227, 244, 0) 30%), radial-gradient(circle at 90% 0%, rgba(28, 84, 227, 0.1) 0%, rgba(28, 84, 227, 0) 30%), radial-gradient(ellipse at 0% 0%, rgba(240, 75, 15, 0.05) 0%, rgba(240, 75, 15, 0) 40%), radial-gradient(circle at 30% 100%, rgba(221, 227, 244, 0.4) 0%, rgba(221, 227, 244, 0) 40%), radial-gradient(ellipse at 10% 100%, rgba(28, 84, 227, 0.1) 0%, rgba(28, 84, 227, 0) 40%), radial-gradient(ellipse at 100% 100%, rgba(240, 75, 15, 0.05) 0%, rgba(240, 75, 15, 0) 40%);
  }
}

/* line 604, app/assets/stylesheets/shared/_color-schemes.scss */
body.light.v8::after,
body.light.v8 .modal .modal-content,
body.light.v8 .modal .modal-body,
body.light.v8 .offcanvas {
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
  background-image: radial-gradient(ellipse at 70% 0%, rgba(221, 227, 244, 0.4) 0%, rgba(221, 227, 244, 0) 30%), radial-gradient(circle at 90% 0%, rgba(28, 84, 227, 0.1) 0%, rgba(28, 84, 227, 0) 30%), radial-gradient(ellipse at 0% 0%, rgba(240, 75, 15, 0.05) 0%, rgba(240, 75, 15, 0) 40%), radial-gradient(circle at 30% 100%, rgba(221, 227, 244, 0.4) 0%, rgba(221, 227, 244, 0) 40%), radial-gradient(ellipse at 10% 100%, rgba(28, 84, 227, 0.1) 0%, rgba(28, 84, 227, 0) 40%), radial-gradient(ellipse at 100% 100%, rgba(240, 75, 15, 0.05) 0%, rgba(240, 75, 15, 0) 40%);
}

/* line 647, app/assets/stylesheets/shared/_color-schemes.scss */
body.dark.v8 {
  color-scheme: dark;
  background-color: #040024;
  --lt-dk-primary-50: var(--primary-50);
  --lt-dk-primary-90: var(--primary-90);
  --lt-dk-accent-50: var(--accent-50);
  --lt-dk-accent-2-50: var(--accent-2-50);
  --lt-dk-white: var(--white);
  --lt-pink-60-dk-pink-50: var(--pink-50);
  --box-shadow: 0, 0, 0, 0.6;
  --lt-transparent-dk-accent-60: var(--accent-60);
  --lt-transparent-dk-error-60: var(--error-60);
  --lt-white-dk-primary-10: var(--primary-10);
  --lt-white-dk-primary-90: var(--dark-background);
  --lt-dk-neutral-10: var(--neutral-10);
  --lt-dk-neutral-20: var(--neutral-20);
  --lt-dk-neutral-30: var(--neutral-30);
  --lt-dk-neutral-50: var(--neutral-50);
  --lt-neutral-10-dk-primary-80: var(--primary-80);
  --lt-neutral-10-dk-primary-90: var(--dark-surface);
  --lt-neutral-15-dk-primary-80: var(--primary-80);
  --lt-neutral-15-dk-primary-90: var(--primary-90);
  --lt-neutral-10-dk-neutral-90: var(--neutral-90);
  --lt-neutral-10-dk-white: var(--white);
  --lt-neutral-20-dk-primary-90: var(--dark-surface);
  --lt-neutral-20-dk-primary-50: var(--primary-50);
  --lt-neutral-20-dk-accent-40: var(--accent-40);
  --lt-neutral-20-dk-error-40: var(--error-40);
  --lt-neutral-20-dk-warning-40: var(--warning-40);
  --lt-neutral-20-dk-success-40: var(--success-40);
  --lt-neutral-20-dk-success-70: var(--success-70);
  --lt-neutral-60-dk-neutral-20: var(--neutral-20);
  --lt-neutral-60-dk-neutral-30: var(--neutral-30);
  --lt-neutral-60-dk-white: var(--white);
  --lt-neutral-70-dk-neutral-10: var(--neutral-10);
  --lt-neutral-70-dk-neutral-20: var(--neutral-20);
  --lt-neutral-70-dk-neutral-50: var(--neutral-50);
  --lt-neutral-70-dk-primary-90: var(--primary-90);
  --lt-neutral-70-dk-white: var(--white);
  --lt-neutral-80-dk-neutral-70: var(--neutral-70);
  --lt-neutral-80-dk-white: var(--white);
  --lt-neutral-90-dk-white: var(--white);
  --lt-dk-primary-70: var(--primary-70);
  --lt-primary-trans-dk-primary-trans-2: var(--primary-trans-2);
  --lt-primary-50-dk-primary-40: var(--primary-40);
  --lt-primary-50-dk-accent-40: var(--accent-40);
  --lt-primary-50-dk-accent-50: var(--accent-50);
  --lt-primary-50-dk-primary-70: var(--primary-70);
  --lt-primary-50-dk-white: var(--white);
  --lt-primary-70-dk-accent-60: var(--accent-60);
  --lt-primary-80-dk-primary-50: var(--primary-50);
  --lt-primary-90-dk-white: var(--white);
  --lt-accent-10-dk-primary-90: var(--primary-90);
  --lt-accent-10-dk-accent-90: var(--accent-90);
  --lt-accent-50-dk-accent-40: var(--accent-40);
  --lt-accent-50-dk-accent-60: var(--accent-60);
  --lt-accent-50-dk-white: var(--white);
  --lt-accent-70-dk-accent-60: var(--accent-60);
  --lt-dk-info-50: var(--info-50);
  --lt-dk-info-10: var(--info-10);
  --lt-info-20-dk-primary-90: var(--primary-90);
  --lt-info-70-dk-info-40: var(--info-40);
  --lt-info-10-dk-info-80: var(--info-80);
  --lt-info-70-dk-white: var(--white);
  --lt-info-80-dk-info-60: var(--info-60);
  --lt-info-80-dk-info-70: var(--info-70);
  --lt-dk-warning-10: var(--warning-10);
  --lt-dk-warning-20: var(--warning-20);
  --lt-dk-warning-30: var(--warning-30);
  --lt-dk-warning-50: var(--warning-50);
  --lt-dk-warning-70: var(--warning-70);
  --lt-transparent-dk-warning-70: var(--warning-70);
  --lt-warning-10-dk-primary-90: var(--primary-90);
  --lt-warning-10-dk-warning-90: var(--warning-90);
  --lt-warning-20-dk-primary-90: var(--primary-90);
  --lt-warning-50-dk-warning-40: var(--warning-40);
  --lt-warning-60-dk-warning-40: var(--warning-40);
  --lt-warning-70-dk-warning-40: var(--warning-40);
  --lt-warning-70-dk-white: var(--white);
  --lt-warning-80-dk-warning-60: var(--warning-60);
  --lt-warning-80-dk-white: var(--white);
  --lt-dk-error-50: var(--error-50);
  --lt-dk-error-60: var(--error-60);
  --lt-dk-error-70: var(--error-70);
  --lt-dk-error-80: var(--error-80);
  --lt-error-10-dk-error-90: var(--error-90);
  --lt-error-20-dk-primary-90: var(--primary-90);
  --lt-error-50-dk-error-40: var(--error-40);
  --lt-error-50-dk-error-60: var(--error-60);
  --lt-error-50-dk-white: var(--white);
  --lt-error-60-dk-error-40: var(--error-40);
  --lt-error-70-dk-error-40: var(--error-40);
  --lt-error-60-dk-white: var(--white);
  --lt-error-70-dk-error-60: var(--error-60);
  --lt-error-70-dk-white: var(--white);
  --lt-transparent-dk-success-70: var(--success-70);
  --lt-dk-success-40: var(--success-40);
  --lt-dk-success-50: var(--success-50);
  --lt-dk-success-60: var(--success-60);
  --lt-dk-success-70: var(--success-70);
  --lt-success-10-dk-success-90: var(--success-90);
  --lt-success-20-dk-primary-90: var(--primary-90);
  --lt-success-60-dk-success-50: var(--success-50);
  --lt-success-70-dk-success-50: var(--success-50);
  --lt-success-70-dk-success-40: var(--success-40);
  --lt-success-70-dk-white: var(--white);
  --lt-success-80-dk-success-60: var(--success-60);
  --lt-success-80-dk-white: var(--white);
  --lt-dk-purple-50: var(--purple-50);
  --lt-purple-10-dk-purple-90: var(--purple-90);
  --lt-purple-20-dk-primary-90: var(--primary-90);
  --lt-purple-60-dk-purple-40: var(--purple-40);
  --lt-purple-60-dk-white: var(--white);
  --lt-purple-70-dk-purple-40: var(--purple-40);
  --lt-purple-70-dk-purple-60: var(--purple-60);
  --lt-purple-70-dk-white: var(--white);
  --security-gradient: radial-gradient(
    ellipse farthest-corner at 45px 45px,
    var(--lt-dk-accent-50) 0%,
    var(--lt-dk-primary-50) 15%,
    var(--lt-dk-primary-90) 45%,
    var(--lt-dk-primary-90) 65%,
    var(--lt-dk-primary-50) 85%,
    var(--lt-dk-accent-2-50) 100%
  );
  --background-gradient: radial-gradient(
    ellipse farthest-corner at 45px 45px,
    var(--lt-dk-primary-90) 0%,
    var(--lt-white-dk-primary-90) 45%,
    var(--lt-dk-primary-50) 85%,
    var(--lt-dk-accent-2-50) 100%
  );
  --gradient-primary-50-accent-50: linear-gradient(
    90deg,
    var(--primary-50) 0%,
    var(--accent-50) 100%
  );
  --gradient-diag-primary-50-accent-50: linear-gradient(
    350deg,
    var(--primary-50) 0%,
    var(--accent-50) 100%
  );
  --theme-primary-background: var(--lt-primary-50-dk-accent-50);
  --theme-primary-button: var(--lt-dk-primary-50);
  --theme-primary-button-hover: var(--lt-dk-primary-70);
  --theme-primary-button-text: var(--lt-dk-white);
  --theme-primary-button-text-hover: var(--lt-primary-50-dk-white);
  --theme-primary-border: var(--lt-dk-primary-50);
  --theme-primary-border-hover: var(--lt-dk-primary-70);
  --theme-primary-text: var(--lt-primary-50-dk-accent-50);
  --theme-primary-text-hover: var(--lt-primary-50-dk-accent-50);
  --theme-accent-background: var(--lt-dk-accent-50);
  --theme-accent-button: var(--lt-dk-accent-50);
  --theme-accent-button-hover: var(--lt-dk-accent-70);
  --theme-accent-button-text: var(--lt-dk-white);
  --theme-accent-button-text-hover: var(--lt-accent-50-dk-white);
  --theme-accent-border: var(--lt-dk-accent-50);
  --theme-accent-border-hover: var(--lt-dk-accent-70);
  --theme-accent-text: var(--lt-dk-accent-50);
  --theme-accent-text-hover: var(--lt-dk-accent-70);
}

@media (max-width: 768px) {
  /* line 825, app/assets/stylesheets/shared/_color-schemes.scss */
  body.dark.v8 .mpcp-app #mpcpMainNav .nav-header,
body.dark.v8 .mpcp-app #mpcpMainNav .primary-navigation-wrapper {
    background-color: #040024;
    background-image: radial-gradient(ellipse at 70% 0%, rgba(0, 14, 20, 0.7) 0%, rgba(0, 14, 20, 0) 30%), radial-gradient(circle at 90% 0%, #040024 0%, rgba(4, 0, 36, 0) 30%), radial-gradient(ellipse at 0% 0%, rgba(240, 75, 15, 0.15) 0%, rgba(240, 75, 15, 0) 40%), radial-gradient(circle at 30% 100%, rgba(0, 14, 20, 0.7) 0%, rgba(0, 14, 20, 0) 40%), radial-gradient(ellipse at 10% 100%, #040024 0%, rgba(4, 0, 36, 0) 40%), radial-gradient(ellipse at 100% 100%, rgba(240, 75, 15, 0.15) 0%, rgba(240, 75, 15, 0) 40%);
  }
}

/* line 868, app/assets/stylesheets/shared/_color-schemes.scss */
body.dark.v8::after,
body.dark.v8 .modal .modal-content,
body.dark.v8 .modal .modal-body,
body.dark.v8 .offcanvas {
  background-color: #040024;
  background-image: radial-gradient(ellipse at 70% 0%, rgba(0, 14, 20, 0.7) 0%, rgba(0, 14, 20, 0) 30%), radial-gradient(circle at 90% 0%, #040024 0%, rgba(4, 0, 36, 0) 30%), radial-gradient(ellipse at 0% 0%, rgba(240, 75, 15, 0.15) 0%, rgba(240, 75, 15, 0) 40%), radial-gradient(circle at 30% 100%, rgba(0, 14, 20, 0.7) 0%, rgba(0, 14, 20, 0) 40%), radial-gradient(ellipse at 10% 100%, #040024 0%, rgba(4, 0, 36, 0) 40%), radial-gradient(ellipse at 100% 100%, rgba(240, 75, 15, 0.15) 0%, rgba(240, 75, 15, 0) 40%);
}

/* line 912, app/assets/stylesheets/shared/_color-schemes.scss */
body.light.neutral {
  --security-gradient: radial-gradient(
    ellipse farthest-corner at 45px 45px,
    var(--dark-surface) 0%,
    var(--dark-background) 100%
  );
  --background-gradient: radial-gradient(
    ellipse farthest-corner at 45px 45px,
    var(--lt-dk-neutral-10) 0%,
    var(--lt-dk-neutral-10) 45%,
    var(--lt-dk-neutral-20) 85%,
    var(--lt-dk-neutral-20) 100%
  );
  --gradient-primary-50-accent-50: var(--theme-neutral-primary);
  --gradient-diag-primary-50-accent-50: var(--theme-neutral-primary);
  --theme-primary-background: var(--theme-neutral-primary);
  --theme-primary-button: var(--theme-neutral-primary);
  --theme-primary-button-hover: var(--theme-neutral-primary-shade);
  --theme-primary-button-text: var(--lt-dk-white);
  --theme-primary-button-text-hover: var(--theme-neutral-primary-shade);
  --theme-primary-border: var(--theme-neutral-primary);
  --theme-primary-border-hover: var(--theme-neutral-primary-shade);
  --theme-primary-text: var(--theme-neutral-primary);
  --theme-primary-text-hover: var(--theme-neutral-primary-shade);
  --theme-accent-background: var(--theme-neutral-primary);
  --theme-accent-button: var(--theme-neutral-primary);
  --theme-accent-button-hover: var(--theme-neutral-primary-shade);
  --theme-accent-button-text: var(--lt-dk-white);
  --theme-accent-button-text-hover: var(--lt-dk-white);
  --theme-accent-border: var(--theme-neutral-primary);
  --theme-accent-border-hover: var(--theme-neutral-primary-shade);
  --theme-accent-text: var(--theme-neutral-primary);
  --theme-accent-text-hover: var(--theme-neutral-primary-shade);
  --color-scheme: var(--info);
  --color-scheme-05: var(--info-alpha-05);
  --color-scheme-10: var(--info-alpha-10);
  --color-scheme-20: var(--info-alpha-20);
  --color-scheme-30: var(--info-alpha-30);
  --color-scheme-40: var(--info-alpha-40);
  --color-scheme-50: var(--info-alpha-50);
  --color-scheme-60: var(--info-alpha-60);
  --color-scheme-70: var(--info-alpha-70);
  --color-scheme-80: var(--info-alpha-80);
  --color-scheme-90: var(--info-alpha-90);
  --color-scheme-light: var(--info-light);
}

@media (pointer: coarse) {
  /* line 912, app/assets/stylesheets/shared/_color-schemes.scss */
  body.light.neutral {
    --background-gradient: radial-gradient(
      ellipse farthest-corner at 45px 45px,
      var(--lt-dk-neutral-10) 0%,
      var(--lt-dk-neutral-10) 65%,
      var(--lt-dk-neutral-20) 100%
    );
  }
}

/* line 970, app/assets/stylesheets/shared/_color-schemes.scss */
body.dark.neutral {
  --security-gradient: radial-gradient(
    ellipse farthest-corner at 45px 45px,
    var(--dark-surface) 0%,
    var(--dark-background) 100%
  );
  --background-gradient: radial-gradient(
    ellipse farthest-corner at 45px 45px,
    var(--dark-surface) 0%,
    var(--dark-surface) 45%,
    var(--dark-surface) 85%,
    var(--dark-surface) 100%
  );
  --gradient-primary-50-accent-50: var(--theme-neutral-dark-primary);
  --gradient-diag-primary-50-accent-50: var(--theme-neutral-dark-primary);
  --theme-primary-background: var(--theme-neutral-dark-primary);
  --theme-primary-button: var(--theme-neutral-dark-primary);
  --theme-primary-button-hover: var(--theme-neutral-dark-primary-shade);
  --theme-primary-button-text: var(--lt-dk-white);
  --theme-primary-button-text-hover: var(--theme-neutral-dark-primary-shade);
  --theme-primary-border: var(--theme-neutral-dark-primary);
  --theme-primary-border-hover: var(--theme-neutral-dark-primary-shade);
  --theme-primary-text: var(--theme-neutral-dark-primary-tint);
  --theme-primary-text-hover: var(--theme-neutral-dark-primary-shade);
  --theme-accent-background: var(--theme-neutral-dark-primary);
  --theme-accent-button: var(--theme-neutral-dark-primary);
  --theme-accent-button-hover: var(--theme-neutral-dark-primary-shade);
  --theme-accent-button-text: var(--lt-dk-white);
  --theme-accent-button-text-hover: var(--lt-dk-white);
  --theme-accent-border: var(--theme-neutral-dark-primary);
  --theme-accent-border-hover: var(--theme-neutral-dark-primary-shade);
  --theme-accent-text: var(--theme-neutral-dark-primary-tint);
  --theme-accent-text-hover: var(--theme-neutral-dark-primary-shade);
  --color-scheme: var(--info);
  --color-scheme-05: var(--info-alpha-05);
  --color-scheme-10: var(--info-alpha-10);
  --color-scheme-20: var(--info-alpha-20);
  --color-scheme-30: var(--info-alpha-30);
  --color-scheme-40: var(--info-alpha-40);
  --color-scheme-50: var(--info-alpha-50);
  --color-scheme-60: var(--info-alpha-60);
  --color-scheme-70: var(--info-alpha-70);
  --color-scheme-80: var(--info-alpha-80);
  --color-scheme-90: var(--info-alpha-90);
  --color-scheme-light: var(--info-light);
}

/* line 1019, app/assets/stylesheets/shared/_color-schemes.scss */
body.light.protanopia,
body.light.deuteranopia,
body.light.tritanopia,
body.light.achromatopsia {
  --background-gradient: radial-gradient(
    ellipse farthest-corner at 45px 45px,
    var(--light-surface) 0%,
    var(--light-surface) 45%,
    var(--light-surface) 85%,
    var(--light-surface) 100%
  );
}

@media (pointer: coarse) {
  /* line 1019, app/assets/stylesheets/shared/_color-schemes.scss */
  body.light.protanopia,
body.light.deuteranopia,
body.light.tritanopia,
body.light.achromatopsia {
    --background-gradient: radial-gradient(
      ellipse farthest-corner at 45px 45px,
      var(--light-surface) 0%,
      var(--light-surface) 65%,
      var(--light-surface) 100%
    );
  }
}

/* line 1039, app/assets/stylesheets/shared/_color-schemes.scss */
body.light.protanopia .modal .modal-content,
body.light.protanopia .modal .modal-body,
body.light.protanopia .offcanvas,
body.light.deuteranopia .modal .modal-content,
body.light.deuteranopia .modal .modal-body,
body.light.deuteranopia .offcanvas,
body.light.tritanopia .modal .modal-content,
body.light.tritanopia .modal .modal-body,
body.light.tritanopia .offcanvas,
body.light.achromatopsia .modal .modal-content,
body.light.achromatopsia .modal .modal-body,
body.light.achromatopsia .offcanvas {
  background: var(--background-gradient);
}

/* line 1045, app/assets/stylesheets/shared/_color-schemes.scss */
body.dark.protanopia,
body.dark.deuteranopia,
body.dark.tritanopia,
body.dark.achromatopsia {
  --background-gradient: radial-gradient(
    ellipse farthest-corner at 45px 45px,
    var(--dark-surface) 0%,
    var(--dark-surface) 45%,
    var(--dark-surface) 85%,
    var(--dark-surface) 100%
  );
}

/* line 1057, app/assets/stylesheets/shared/_color-schemes.scss */
body.dark.protanopia .modal .modal-content,
body.dark.protanopia .modal .modal-body,
body.dark.protanopia .offcanvas,
body.dark.deuteranopia .modal .modal-content,
body.dark.deuteranopia .modal .modal-body,
body.dark.deuteranopia .offcanvas,
body.dark.tritanopia .modal .modal-content,
body.dark.tritanopia .modal .modal-body,
body.dark.tritanopia .offcanvas,
body.dark.achromatopsia .modal .modal-content,
body.dark.achromatopsia .modal .modal-body,
body.dark.achromatopsia .offcanvas {
  background: var(--background-gradient);
}

/* line 1063, app/assets/stylesheets/shared/_color-schemes.scss */
body.light.achromatopsia {
  --color-scheme: var(--black);
  --color-scheme-05: var(--black-alpha-05);
  --color-scheme-10: var(--black-alpha-10);
  --color-scheme-20: var(--black-alpha-20);
  --color-scheme-30: var(--black-alpha-30);
  --color-scheme-40: var(--black-alpha-40);
  --color-scheme-50: var(--black-alpha-50);
  --color-scheme-60: var(--black-alpha-60);
  --color-scheme-70: var(--black-alpha-70);
  --color-scheme-80: var(--black-alpha-80);
  --color-scheme-90: var(--black-alpha-90);
}

/* line 1076, app/assets/stylesheets/shared/_color-schemes.scss */
body.dark.achromatopsia {
  --color-scheme: var(--white);
  --color-scheme-05: var(--white-alpha-05);
  --color-scheme-10: var(--white-alpha-10);
  --color-scheme-20: var(--white-alpha-20);
  --color-scheme-30: var(--white-alpha-30);
  --color-scheme-40: var(--white-alpha-40);
  --color-scheme-50: var(--white-alpha-50);
  --color-scheme-60: var(--white-alpha-60);
  --color-scheme-70: var(--white-alpha-70);
  --color-scheme-80: var(--white-alpha-80);
  --color-scheme-90: var(--white-alpha-90);
  --color-scheme-light: var(--white);
}

/* line 1117, app/assets/stylesheets/shared/_color-schemes.scss */
body.light.tritanopia,
body.dark.tritanopia {
  --color-scheme: var(--pink);
  --color-scheme-05: var(--pink-alpha-05);
  --color-scheme-10: var(--pink-alpha-10);
  --color-scheme-20: var(--pink-alpha-20);
  --color-scheme-30: var(--pink-alpha-30);
  --color-scheme-40: var(--pink-alpha-40);
  --color-scheme-50: var(--pink-alpha-50);
  --color-scheme-60: var(--pink-alpha-60);
  --color-scheme-70: var(--pink-alpha-70);
  --color-scheme-80: var(--pink-alpha-80);
  --color-scheme-90: var(--pink-alpha-90);
  --color-scheme-light: var(--pink-light);
}

/* line 1132, app/assets/stylesheets/shared/_color-schemes.scss */
body.light.protanopia,
body.dark.protanopia {
  --color-scheme: var(--info);
  --color-scheme-05: var(--info-alpha-05);
  --color-scheme-10: var(--info-alpha-10);
  --color-scheme-20: var(--info-alpha-20);
  --color-scheme-30: var(--info-alpha-30);
  --color-scheme-40: var(--info-alpha-40);
  --color-scheme-50: var(--info-alpha-50);
  --color-scheme-60: var(--info-alpha-60);
  --color-scheme-70: var(--info-alpha-70);
  --color-scheme-80: var(--info-alpha-80);
  --color-scheme-90: var(--info-alpha-90);
  --color-scheme-light: var(--info-light);
}

/* line 1147, app/assets/stylesheets/shared/_color-schemes.scss */
body.light.deuteranopia,
body.dark.deuteranopia {
  --color-scheme: var(--orange);
  --color-scheme-05: var(--orange-alpha-05);
  --color-scheme-10: var(--orange-alpha-10);
  --color-scheme-20: var(--orange-alpha-20);
  --color-scheme-30: var(--orange-alpha-30);
  --color-scheme-40: var(--orange-alpha-40);
  --color-scheme-50: var(--orange-alpha-50);
  --color-scheme-60: var(--orange-alpha-60);
  --color-scheme-70: var(--orange-alpha-70);
  --color-scheme-80: var(--orange-alpha-80);
  --color-scheme-90: var(--orange-alpha-90);
  --color-scheme-light: var(--orange-light);
}

@media (max-width: 768px) {
  /* line 1166, app/assets/stylesheets/shared/_color-schemes.scss */
  body.light.green .mpcp-app #mpcpMainNav .nav-header,
body.light.green .mpcp-app #mpcpMainNav .primary-navigation-wrapper {
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    background-image: linear-gradient(to right top, rgba(28, 227, 114, 0.1), rgba(28, 227, 114, 0.1), white, white);
  }
}

/* line 1187, app/assets/stylesheets/shared/_color-schemes.scss */
body.light.green::after,
body.light.green .modal .modal-content,
body.light.green .modal .modal-body,
body.light.green .offcanvas {
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
  background-image: linear-gradient(to right top, rgba(28, 227, 114, 0.1), rgba(28, 227, 114, 0.1), rgba(15, 240, 142, 0.05), white);
}

@media (max-width: 768px) {
  /* line 1210, app/assets/stylesheets/shared/_color-schemes.scss */
  body.dark.green .mpcp-app #mpcpMainNav .nav-header,
body.dark.green .mpcp-app #mpcpMainNav .primary-navigation-wrapper {
    background-repeat: no-repeat;
    background-position: center;
    background-color: #002416;
    background-image: linear-gradient(to right top, #002416, #002416, rgba(28, 227, 114, 0.1), rgba(28, 227, 114, 0.1), rgba(18, 151, 73, 0.926));
  }
}

/* line 1232, app/assets/stylesheets/shared/_color-schemes.scss */
body.dark.green::after,
body.dark.green .modal .modal-content,
body.dark.green .modal .modal-body,
body.dark.green .offcanvas {
  background-repeat: no-repeat;
  background-position: center;
  background-color: #002416;
  background-image: linear-gradient(to right top, #002416, #002416, rgba(28, 227, 114, 0.1), rgba(28, 227, 114, 0.1), rgba(18, 151, 73, 0.926));
}

/* line 1, app/assets/stylesheets/shared/_toasts.scss */
:root {
  --toast-bg-success: #15803d;
  --toast-border-success: #59c782;
  --toast-bg-error: #dc2626;
  --toast-border-error: #ff7f7f;
  --toast-bg-warning: #ba7014;
  --toast-border-warning: #ffaa40;
  --toast-bg-info: #2563eb;
  --toast-border-info: #8db0ff;
  --toast-bg-default: #282828;
  --toast-border-default: #5d5d5d;
}

/* line 14, app/assets/stylesheets/shared/_toasts.scss */
#toast-container .toast {
  background-color: var(--toast-bg-default);
  border-color: var(--toast-border-default);
}

/* line 17, app/assets/stylesheets/shared/_toasts.scss */
#toast-container .toast.toast-success {
  background-color: var(--toast-bg-success);
  border-color: var(--toast-border-success);
}

/* line 21, app/assets/stylesheets/shared/_toasts.scss */
#toast-container .toast.toast-error {
  background-color: var(--toast-bg-error);
  border-color: var(--toast-border-error);
}

/* line 25, app/assets/stylesheets/shared/_toasts.scss */
#toast-container .toast.toast-warning {
  background-color: var(--toast-bg-warning);
  border-color: var(--toast-border-warning);
}

/* line 29, app/assets/stylesheets/shared/_toasts.scss */
#toast-container .toast.toast-info {
  background-color: var(--toast-bg-info);
  border-color: var(--toast-border-info);
}

/* line 36, app/assets/stylesheets/shared/_toasts.scss */
#toast-container > div {
  opacity: 1 !important;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100) !important;
  box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.4);
}

/* line 41, app/assets/stylesheets/shared/_toasts.scss */
#toast-container > div:hover {
  box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.5);
}

/* line 46, app/assets/stylesheets/shared/_toasts.scss */
#toast-container .toast .toast-message {
  color: var(--white);
  font-weight: 600;
  font-size: 14px;
}

/* line 5, app/assets/stylesheets/security.scss */
body#security {
  background-color: var(--lt-dk-primary-90);
  font-family: var(--font-primary);
  font-size: 17px;
  padding: 0;
  margin: 0;
  min-height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  background: var(--security-gradient);
}

@media only screen and (min-width: 769px) {
  /* line 5, app/assets/stylesheets/security.scss */
  body#security {
    min-height: 100vh;
  }
}

/* line 22, app/assets/stylesheets/security.scss */
body#security.dark.v8, body#security.light.v8 {
  background-color: #040024;
  background-image: radial-gradient(ellipse at 70% 0%, rgba(0, 14, 20, 0.7) 0%, rgba(0, 14, 20, 0) 30%), radial-gradient(circle at 90% 0%, #040024 0%, rgba(4, 0, 36, 0) 30%), radial-gradient(ellipse at 0% 0%, rgba(240, 75, 15, 0.15) 0%, rgba(240, 75, 15, 0) 40%), radial-gradient(circle at 30% 100%, rgba(0, 14, 20, 0.7) 0%, rgba(0, 14, 20, 0) 40%), radial-gradient(ellipse at 10% 100%, #040024 0%, rgba(4, 0, 36, 0) 40%), radial-gradient(ellipse at 100% 100%, rgba(240, 75, 15, 0.15) 0%, rgba(240, 75, 15, 0) 40%);
}

/* line 61, app/assets/stylesheets/security.scss */
body#security.dark.v8 .provider-icon.github-icon {
  filter: invert(1);
}

/* line 64, app/assets/stylesheets/security.scss */
body#security.dark.v8 .security-wrapper .not-a-customer h4 {
  color: var(--lt-dk-white);
}

/* line 67, app/assets/stylesheets/security.scss */
body#security.dark.v8 .security-wrapper input[type="submit"] {
  background-color: var(--lt-dk-accent-50);
  border: 2px solid var(--lt-dk-accent-50);
}

/* line 72, app/assets/stylesheets/security.scss */
body#security p {
  color: var(--lt-neutral-70-dk-neutral-20);
}

/* line 75, app/assets/stylesheets/security.scss */
body#security .security-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: 100%;
}

@media only screen and (min-width: 769px) {
  /* line 75, app/assets/stylesheets/security.scss */
  body#security .security-wrapper {
    max-width: 810px;
    height: 100vh;
  }
}

/* line 85, app/assets/stylesheets/security.scss */
body#security .security-wrapper > * {
  flex: 1 100%;
}

/* line 88, app/assets/stylesheets/security.scss */
body#security .security-wrapper .security-login-logo {
  width: 100%;
  max-width: 180px;
  display: block;
  margin: 3em auto 2em auto;
  height: 35px;
}

/* line 95, app/assets/stylesheets/security.scss */
body#security .security-wrapper .security-content {
  margin: 15px;
  background-color: var(--lt-white-dk-primary-90);
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  padding: 2em;
}

@media only screen and (min-width: 769px) {
  /* line 95, app/assets/stylesheets/security.scss */
  body#security .security-wrapper .security-content {
    padding: 50px;
  }
}

/* line 106, app/assets/stylesheets/security.scss */
body#security .security-wrapper .security-cols {
  display: block;
}

@media only screen and (min-width: 769px) {
  /* line 106, app/assets/stylesheets/security.scss */
  body#security .security-wrapper .security-cols {
    display: flex;
  }
}

/* line 112, app/assets/stylesheets/security.scss */
body#security .security-wrapper section {
  display: block;
  transition: margin 0.15s ease;
  transition: box-shadow 0.15s ease;
  max-width: 100%;
}

@media only screen and (min-width: 769px) {
  /* line 112, app/assets/stylesheets/security.scss */
  body#security .security-wrapper section {
    width: 100%;
    max-width: 550px;
    margin-right: 50px;
    display: flex;
    flex-direction: column;
    flex: 1 auto;
  }
}

/* line 126, app/assets/stylesheets/security.scss */
body#security .security-wrapper aside {
  max-width: 100%;
}

@media only screen and (min-width: 769px) {
  /* line 126, app/assets/stylesheets/security.scss */
  body#security .security-wrapper aside {
    width: 100%;
    max-width: 250px;
    padding-left: 30px;
    border-left: 2px solid var(--lt-neutral-10-dk-primary-90);
  }
}

/* line 135, app/assets/stylesheets/security.scss */
body#security .security-wrapper h1 {
  margin-bottom: 1.25rem;
  font-family: var(--font-secondary);
  color: var(--lt-neutral-80-dk-white);
  font-size: 1.7em;
}

/* line 141, app/assets/stylesheets/security.scss */
body#security .security-wrapper h3 {
  color: var(--lt-neutral-70-dk-neutral-20);
  font-family: var(--font-secondary);
}

/* line 145, app/assets/stylesheets/security.scss */
body#security .security-wrapper #security-notice {
  height: 3rem;
  width: 100%;
  margin-bottom: 0.75rem;
  padding: 0;
}

/* line 152, app/assets/stylesheets/security.scss */
body#security .security-wrapper #security-notice > p {
  border: 1px solid #0a4b78;
  display: block;
  height: 3rem;
  width: 100%;
  margin: 0;
  text-align: center;
  padding: 0.75rem;
  font-weight: 700;
  color: #0a4b78;
}

/* line 164, app/assets/stylesheets/security.scss */
body#security .security-wrapper .row {
  width: 100%;
  margin: 0.5rem 0;
}

/* line 169, app/assets/stylesheets/security.scss */
body#security .security-wrapper .remember-me {
  font-size: 0.75em;
  opacity: 0.75;
}

/* line 174, app/assets/stylesheets/security.scss */
body#security .security-wrapper .remember-me > label {
  display: flex;
  align-items: center;
}

/* line 179, app/assets/stylesheets/security.scss */
body#security .security-wrapper .remember-me > label > span {
  padding-left: 6px;
}

/* line 182, app/assets/stylesheets/security.scss */
body#security .security-wrapper .login-actions {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 1em;
}

/* line 190, app/assets/stylesheets/security.scss */
body#security .security-wrapper .forgot-password a {
  display: block;
  font-size: 0.9rem;
}

/* line 193, app/assets/stylesheets/security.scss */
body#security .security-wrapper .forgot-password a:link, body#security .security-wrapper .forgot-password a:active, body#security .security-wrapper .forgot-password a:visited {
  color: var(--lt-neutral-70-dk-neutral-20);
}

/* line 198, app/assets/stylesheets/security.scss */
body#security .security-wrapper .forgot-password a:hover, body#security .security-wrapper .forgot-password a:focus {
  color: var(--lt-dk-primary-50);
}

/* line 204, app/assets/stylesheets/security.scss */
body#security .security-wrapper .form-label {
  display: inline-block;
  font-weight: 600;
  color: var(--lt-neutral-70-dk-neutral-20);
  font-size: 0.9em;
  padding-bottom: 0.5em;
}

/* line 211, app/assets/stylesheets/security.scss */
body#security .security-wrapper input[type="text"],
body#security .security-wrapper input[type="password"],
body#security .security-wrapper input[type="email"] {
  width: 100%;
  max-width: 96%;
  padding: 10px;
  border: 1px solid var(--lt-neutral-20-dk-primary-90);
  border-radius: 2px;
  color: var(--lt-neutral-80-dk-white);
  font-weight: 500;
}

/* line 223, app/assets/stylesheets/security.scss */
body#security .security-wrapper input[type="submit"] {
  color: #ffffff;
  background-color: var(--lt-dk-primary-50);
  border: 2px solid var(--lt-dk-primary-50);
  display: inline-flex;
  height: 35px;
  padding: 0 24px;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  font-weight: 700;
  font-size: 1em;
}

/* line 235, app/assets/stylesheets/security.scss */
body#security .security-wrapper input[type="submit"]:hover {
  cursor: pointer;
  background-color: var(--lt-dk-primary-70);
  border-color: var(--lt-dk-primary-70);
  color: var(--lt-dk-white);
}

/* line 241, app/assets/stylesheets/security.scss */
body#security .security-wrapper input.btn-gray[type="submit"] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: auto;
  background-color: #e5e5e5;
  padding: 0 24px;
  border-radius: 40px;
  margin-bottom: 15px;
  font-size: 0.85rem;
  text-decoration: none;
  color: var(--lt-neutral-70-dk-neutral-20);
  font-weight: 600;
  border: none;
  cursor: pointer;
  height: 35px;
}

/* line 258, app/assets/stylesheets/security.scss */
body#security .security-wrapper input.btn-gray[type="submit"]:hover {
  color: var(--lt-dk-primary-50);
}

/* line 261, app/assets/stylesheets/security.scss */
body#security .security-wrapper input.btn-gray[type="submit"] i {
  font-size: 1.5em;
  margin-right: 5px;
}

/* line 267, app/assets/stylesheets/security.scss */
body#security .security-wrapper .passkey-2fa-login {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  padding: 1em;
  border: 2px solid #e5e5e5;
  border-radius: 6px;
}

/* line 274, app/assets/stylesheets/security.scss */
body#security .security-wrapper .passkey-2fa-login .btn-auth-provider {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: auto;
  background-color: #e5e5e5;
  padding: 0 24px;
  border-radius: 40px;
  margin: 0 !important;
  font-size: 0.85rem;
  text-decoration: none;
  color: var(--lt-neutral-70-dk-neutral-20);
  font-weight: 600;
  border: none;
  cursor: pointer;
  height: 35px;
}

/* line 291, app/assets/stylesheets/security.scss */
body#security .security-wrapper .passkey-2fa-login .btn-auth-provider:hover {
  color: var(--lt-dk-primary-50);
  background-color: #e5e5e5;
}

/* line 295, app/assets/stylesheets/security.scss */
body#security .security-wrapper .passkey-2fa-login .btn-auth-provider i {
  font-size: 1.5em;
  margin-right: 5px;
}

/* line 302, app/assets/stylesheets/security.scss */
body#security .security-wrapper .change-password-btn input[type="submit"] {
  width: auto;
  margin-top: 10px;
}

/* line 308, app/assets/stylesheets/security.scss */
body#security .security-wrapper #auth-providers {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 40px;
}

/* line 313, app/assets/stylesheets/security.scss */
body#security .security-wrapper #auth-providers .button_to {
  width: 100%;
}

/* line 318, app/assets/stylesheets/security.scss */
body#security .security-wrapper #auth-providers > a,
body#security .security-wrapper #auth-providers > a:visited,
body#security .security-wrapper #auth-providers > button,
body#security .security-wrapper #auth-providers > button:visited {
  font-size: 0.85rem;
  text-decoration: none;
  color: var(--lt-neutral-70-dk-neutral-20);
  font-weight: 600;
}

/* line 327, app/assets/stylesheets/security.scss */
body#security .security-wrapper #auth-providers > a:hover,
body#security .security-wrapper #auth-providers > a:focus {
  color: var(--lt-dk-primary-50);
}

/* line 331, app/assets/stylesheets/security.scss */
body#security .security-wrapper .auth-provider {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: auto;
  background-color: #e5e5e5;
  padding: 5px 10px;
  border-radius: 40px;
  margin-bottom: 15px;
  font-size: 0.85rem;
  text-decoration: none;
  color: var(--lt-neutral-70-dk-neutral-20);
  font-weight: 600;
  border: none;
  cursor: pointer;
}

/* line 347, app/assets/stylesheets/security.scss */
body#security .security-wrapper .auth-provider:hover {
  color: var(--lt-dk-primary-50);
}

/* line 350, app/assets/stylesheets/security.scss */
body#security .security-wrapper .auth-provider i {
  font-size: 1.5em;
  margin-right: 5px;
}

/* line 356, app/assets/stylesheets/security.scss */
body#security .security-wrapper .auth-provider > span {
  margin-right: 10px;
}

/* line 359, app/assets/stylesheets/security.scss */
body#security .security-wrapper hr {
  background-color: var(--lt-neutral-10-dk-primary-90);
  height: 2px;
  width: 100%;
  margin-top: 2em;
  border: none;
}

/* line 366, app/assets/stylesheets/security.scss */
body#security .security-wrapper .not-a-customer {
  border-top: 1px solid var(--lt-neutral-10-dk-primary-90);
  margin-top: 1em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

/* line 373, app/assets/stylesheets/security.scss */
body#security .security-wrapper .not-a-customer h4 {
  padding-right: 10px;
}

/* line 376, app/assets/stylesheets/security.scss */
body#security .security-wrapper .not-a-customer a {
  color: var(--lt-neutral-70-dk-neutral-20);
  font-size: 0.9em;
  font-weight: 500;
}

/* line 380, app/assets/stylesheets/security.scss */
body#security .security-wrapper .not-a-customer a:hover, body#security .security-wrapper .not-a-customer a:focus {
  color: var(--lt-dk-primary-50);
}

/* line 387, app/assets/stylesheets/security.scss */
body#security .security-wrapper .footer {
  margin-top: 1em;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 2px;
}

/* line 395, app/assets/stylesheets/security.scss */
body#security .security-wrapper .footer a {
  display: block;
  margin: 0 10px;
}

/* line 398, app/assets/stylesheets/security.scss */
body#security .security-wrapper .footer a:link, body#security .security-wrapper .footer a:active, body#security .security-wrapper .footer a:visited {
  color: var(--lt-dk-white);
}

/* line 403, app/assets/stylesheets/security.scss */
body#security .security-wrapper .footer a:hover, body#security .security-wrapper .footer a:focus {
  color: var(--lt-dk-accent-50);
}

/* line 408, app/assets/stylesheets/security.scss */
body#security .security-wrapper .footer img {
  max-width: 74px;
}

/* line 412, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn.disabled,
body#security .security-wrapper .btn:disabled,
body#security .security-wrapper input.disabled[type="submit"],
body#security .security-wrapper input[type="submit"]:disabled,
body#security .security-wrapper fieldset:disabled .btn {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: all;
  background-color: var(--lt-dk-primary-70);
  border-color: var(--lt-dk-primary-70);
  color: var(--lt-dk-neutral-20);
}

/* line 423, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn.disabled:hover, body#security .security-wrapper .btn.disabled:focus,
body#security .security-wrapper .btn:disabled:hover,
body#security .security-wrapper .btn:disabled:focus,
body#security .security-wrapper input.disabled[type="submit"]:hover,
body#security .security-wrapper input.disabled[type="submit"]:focus,
body#security .security-wrapper input[type="submit"]:disabled:hover,
body#security .security-wrapper input[type="submit"]:disabled:focus,
body#security .security-wrapper fieldset:disabled .btn:hover,
body#security .security-wrapper fieldset:disabled .btn:focus {
  color: var(--lt-dk-neutral-20);
}

/* line 429, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn,
body#security .security-wrapper input.btn[type="submit"] {
  border-radius: 30px !important;
  font-size: 0.85em;
  font-weight: 600;
  border-width: 2px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font-primary);
}

/* line 439, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn i.btn-icon,
body#security .security-wrapper input.btn[type="submit"] i.btn-icon {
  font-size: 1.2em;
}

/* line 443, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-primary,
body#security .security-wrapper .btn-secondary,
body#security .security-wrapper input.btn-primary[type="submit"],
body#security .security-wrapper input.btn-secondary[type="submit"] {
  background-color: var(--theme-primary-button);
  border-color: var(--theme-primary-border);
  color: var(--theme-primary-button-text);
}

/* line 450, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-primary.reverse,
body#security .security-wrapper .btn-secondary.reverse,
body#security .security-wrapper input.btn-primary.reverse[type="submit"],
body#security .security-wrapper input.btn-secondary.reverse[type="submit"] {
  background-color: transparent;
  border-color: var(--lt-dk-neutral-20);
  color: var(--lt-neutral-60-dk-neutral-20);
}

/* line 454, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-primary.reverse:hover, body#security .security-wrapper .btn-primary.reverse:focus,
body#security .security-wrapper .btn-secondary.reverse:hover,
body#security .security-wrapper .btn-secondary.reverse:focus,
body#security .security-wrapper input.btn-primary.reverse[type="submit"]:hover,
body#security .security-wrapper input.btn-primary.reverse[type="submit"]:focus,
body#security .security-wrapper input.btn-secondary.reverse[type="submit"]:hover,
body#security .security-wrapper input.btn-secondary.reverse[type="submit"]:focus {
  background-color: transparent;
  border-color: var(--theme-primary-border);
  color: var(--theme-primary-button-text-hover);
}

/* line 461, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-primary.btn-text,
body#security .security-wrapper .btn-secondary.btn-text,
body#security .security-wrapper input.btn-primary.btn-text[type="submit"],
body#security .security-wrapper input.btn-secondary.btn-text[type="submit"] {
  background-color: transparent;
  border-color: transparent;
  color: var(--lt-neutral-60-dk-neutral-20);
  text-decoration: underline;
  padding: 0;
  min-width: auto;
}

/* line 468, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-primary.btn-text:hover, body#security .security-wrapper .btn-primary.btn-text:focus,
body#security .security-wrapper .btn-secondary.btn-text:hover,
body#security .security-wrapper .btn-secondary.btn-text:focus,
body#security .security-wrapper input.btn-primary.btn-text[type="submit"]:hover,
body#security .security-wrapper input.btn-primary.btn-text[type="submit"]:focus,
body#security .security-wrapper input.btn-secondary.btn-text[type="submit"]:hover,
body#security .security-wrapper input.btn-secondary.btn-text[type="submit"]:focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--theme-primary-button-text-hover);
}

/* line 475, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-primary:hover, body#security .security-wrapper .btn-primary:focus,
body#security .security-wrapper .btn-secondary:hover,
body#security .security-wrapper .btn-secondary:focus,
body#security .security-wrapper input.btn-primary[type="submit"]:hover,
body#security .security-wrapper input.btn-primary[type="submit"]:focus,
body#security .security-wrapper input.btn-secondary[type="submit"]:hover,
body#security .security-wrapper input.btn-secondary[type="submit"]:focus {
  background-color: var(--theme-primary-button-hover);
  border-color: var(--theme-primary-border-hover);
  color: var(--theme-primary-button-text);
}

/* line 482, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-accent,
body#security .security-wrapper input.btn-accent[type="submit"] {
  background-color: var(--lt-accent-50-dk-accent-40);
  border-color: var(--lt-accent-50-dk-accent-40);
  color: var(--lt-white-dk-primary-90);
}

/* line 487, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-accent.reverse,
body#security .security-wrapper input.btn-accent.reverse[type="submit"] {
  background-color: transparent;
  border-color: var(--lt-neutral-20-dk-accent-40);
  color: var(--lt-accent-50-dk-white);
}

/* line 491, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-accent.reverse:hover, body#security .security-wrapper .btn-accent.reverse:focus,
body#security .security-wrapper input.btn-accent.reverse[type="submit"]:hover,
body#security .security-wrapper input.btn-accent.reverse[type="submit"]:focus {
  background-color: var(--lt-transparent-dk-accent-60);
  border-color: var(--lt-accent-50-dk-accent-60);
  color: var(--lt-accent-50-dk-white);
}

/* line 498, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-accent:hover, body#security .security-wrapper .btn-accent:focus,
body#security .security-wrapper input.btn-accent[type="submit"]:hover,
body#security .security-wrapper input.btn-accent[type="submit"]:focus {
  background-color: var(--lt-accent-70-dk-accent-60);
  border-color: var(--lt-accent-70-dk-accent-60);
  color: var(--lt-dk-white);
}

/* line 505, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-info,
body#security .security-wrapper input.btn-info[type="submit"] {
  background-color: var(--lt-info-70-dk-info-40);
  border-color: var(--lt-info-70-dk-info-40);
  color: var(--lt-white-dk-primary-90);
}

/* line 510, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-info.reverse,
body#security .security-wrapper input.btn-info.reverse[type="submit"] {
  background-color: transparent;
  border-color: var(--lt-info-70-dk-info-40);
  color: var(--lt-info-70-dk-white);
}

/* line 515, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-info.btn-text,
body#security .security-wrapper input.btn-info.btn-text[type="submit"] {
  background-color: transparent;
  border-color: transparent;
  color: var(--lt-info-70-dk-info-40);
  text-decoration: underline;
}

/* line 520, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-info.btn-text:hover, body#security .security-wrapper .btn-info.btn-text:focus,
body#security .security-wrapper input.btn-info.btn-text[type="submit"]:hover,
body#security .security-wrapper input.btn-info.btn-text[type="submit"]:focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--lt-info-70-dk-white);
}

/* line 527, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-info:hover, body#security .security-wrapper .btn-info:focus,
body#security .security-wrapper input.btn-info[type="submit"]:hover,
body#security .security-wrapper input.btn-info[type="submit"]:focus {
  background-color: var(--lt-info-80-dk-info-60);
  border-color: var(--lt-info-80-dk-info-60);
  color: var(--lt-dk-white);
}

/* line 534, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-warning,
body#security .security-wrapper input.btn-warning[type="submit"] {
  background-color: var(--lt-warning-70-dk-warning-40);
  border-color: var(--lt-warning-70-dk-warning-40);
  color: var(--lt-white-dk-primary-90);
}

/* line 544, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-warning.reverse,
body#security .security-wrapper input.btn-warning.reverse[type="submit"] {
  background-color: transparent;
  border-color: var(--lt-neutral-20-dk-warning-40);
  color: var(--lt-warning-70-dk-white);
}

/* line 548, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-warning.reverse:hover, body#security .security-wrapper .btn-warning.reverse:focus,
body#security .security-wrapper input.btn-warning.reverse[type="submit"]:hover,
body#security .security-wrapper input.btn-warning.reverse[type="submit"]:focus {
  background-color: var(--lt-transparent-dk-warning-70);
  border-color: var(--lt-dk-warning-70);
  color: var(--lt-warning-70-dk-white);
}

/* line 555, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-warning.btn-text,
body#security .security-wrapper input.btn-warning.btn-text[type="submit"] {
  background-color: transparent;
  border-color: transparent;
  color: var(--lt-warning-70-dk-warning-40);
  text-decoration: underline;
}

/* line 560, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-warning.btn-text:hover, body#security .security-wrapper .btn-warning.btn-text:focus,
body#security .security-wrapper input.btn-warning.btn-text[type="submit"]:hover,
body#security .security-wrapper input.btn-warning.btn-text[type="submit"]:focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--lt-warning-70-dk-white);
}

/* line 567, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-warning:hover, body#security .security-wrapper .btn-warning:focus,
body#security .security-wrapper input.btn-warning[type="submit"]:hover,
body#security .security-wrapper input.btn-warning[type="submit"]:focus {
  background-color: var(--lt-warning-80-dk-warning-60);
  border-color: var(--lt-warning-80-dk-warning-60);
  color: var(--lt-dk-white);
}

/* line 574, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-success,
body#security .security-wrapper .btn-green,
body#security .security-wrapper input.btn-success[type="submit"],
body#security .security-wrapper input.btn-green[type="submit"] {
  background-color: var(--lt-success-70-dk-success-40);
  border-color: var(--lt-success-70-dk-success-40);
  color: var(--lt-white-dk-primary-90);
}

/* line 581, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-success.reverse,
body#security .security-wrapper .btn-green.reverse,
body#security .security-wrapper input.btn-success.reverse[type="submit"],
body#security .security-wrapper input.btn-green.reverse[type="submit"] {
  background-color: transparent;
  border-color: var(--lt-neutral-20-dk-success-70);
  color: var(--lt-success-70-dk-white);
}

/* line 585, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-success.reverse:hover, body#security .security-wrapper .btn-success.reverse:focus,
body#security .security-wrapper .btn-green.reverse:hover,
body#security .security-wrapper .btn-green.reverse:focus,
body#security .security-wrapper input.btn-success.reverse[type="submit"]:hover,
body#security .security-wrapper input.btn-success.reverse[type="submit"]:focus,
body#security .security-wrapper input.btn-green.reverse[type="submit"]:hover,
body#security .security-wrapper input.btn-green.reverse[type="submit"]:focus {
  background-color: var(--lt-transparent-dk-success-70);
  border-color: var(--lt-dk-success-70);
  color: var(--lt-success-70-dk-white);
}

/* line 592, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-success.btn-text,
body#security .security-wrapper .btn-green.btn-text,
body#security .security-wrapper input.btn-success.btn-text[type="submit"],
body#security .security-wrapper input.btn-green.btn-text[type="submit"] {
  background-color: transparent;
  border-color: transparent;
  color: var(--lt-success-70-dk-success-40);
  text-decoration: underline;
}

/* line 597, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-success.btn-text:hover, body#security .security-wrapper .btn-success.btn-text:focus,
body#security .security-wrapper .btn-green.btn-text:hover,
body#security .security-wrapper .btn-green.btn-text:focus,
body#security .security-wrapper input.btn-success.btn-text[type="submit"]:hover,
body#security .security-wrapper input.btn-success.btn-text[type="submit"]:focus,
body#security .security-wrapper input.btn-green.btn-text[type="submit"]:hover,
body#security .security-wrapper input.btn-green.btn-text[type="submit"]:focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--lt-success-70-dk-white);
}

/* line 604, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-success:hover, body#security .security-wrapper .btn-success:focus,
body#security .security-wrapper .btn-green:hover,
body#security .security-wrapper .btn-green:focus,
body#security .security-wrapper input.btn-success[type="submit"]:hover,
body#security .security-wrapper input.btn-success[type="submit"]:focus,
body#security .security-wrapper input.btn-green[type="submit"]:hover,
body#security .security-wrapper input.btn-green[type="submit"]:focus {
  background-color: var(--lt-success-80-dk-success-60);
  border-color: var(--lt-success-80-dk-success-60);
  color: var(--lt-dk-white);
}

/* line 611, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-danger,
body#security .security-wrapper input.btn-danger[type="submit"] {
  background-color: var(--lt-error-60-dk-error-40);
  border-color: var(--lt-error-60-dk-error-40);
  color: var(--lt-white-dk-primary-90);
}

/* line 616, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-danger.reverse,
body#security .security-wrapper input.btn-danger.reverse[type="submit"] {
  background-color: transparent;
  border-color: var(--lt-neutral-20-dk-error-40);
  color: var(--lt-error-60-dk-white);
}

/* line 620, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-danger.reverse:hover, body#security .security-wrapper .btn-danger.reverse:focus,
body#security .security-wrapper input.btn-danger.reverse[type="submit"]:hover,
body#security .security-wrapper input.btn-danger.reverse[type="submit"]:focus {
  background-color: var(--lt-transparent-dk-error-60);
  border-color: var(--lt-dk-error-60);
  color: var(--lt-error-60-dk-white);
}

/* line 627, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-danger.btn-text,
body#security .security-wrapper input.btn-danger.btn-text[type="submit"] {
  background-color: transparent;
  border-color: transparent;
  color: var(--lt-error-60-dk-error-40);
  text-decoration: underline;
}

/* line 632, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-danger.btn-text:hover, body#security .security-wrapper .btn-danger.btn-text:focus,
body#security .security-wrapper input.btn-danger.btn-text[type="submit"]:hover,
body#security .security-wrapper input.btn-danger.btn-text[type="submit"]:focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--lt-error-70-dk-white);
}

/* line 639, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-danger:hover, body#security .security-wrapper .btn-danger:focus,
body#security .security-wrapper input.btn-danger[type="submit"]:hover,
body#security .security-wrapper input.btn-danger[type="submit"]:focus {
  background-color: var(--lt-error-70-dk-error-60);
  border-color: var(--lt-error-70-dk-error-60);
  color: var(--lt-dk-white);
}

/* line 646, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-purple,
body#security .security-wrapper input.btn-purple[type="submit"] {
  background-color: var(--lt-purple-60-dk-purple-40);
  border-color: var(--lt-purple-60-dk-purple-40);
  color: var(--lt-white-dk-primary-90);
}

/* line 651, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-purple.reverse,
body#security .security-wrapper input.btn-purple.reverse[type="submit"] {
  background-color: transparent;
  border-color: var(--lt-purple-60-dk-purple-40);
  color: var(--lt-purple-60-dk-white);
}

/* line 656, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-purple.btn-text,
body#security .security-wrapper input.btn-purple.btn-text[type="submit"] {
  background-color: transparent;
  border-color: transparent;
  color: var(--lt-purple-60-dk-purple-40);
  text-decoration: underline;
}

/* line 661, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-purple.btn-text:hover, body#security .security-wrapper .btn-purple.btn-text:focus,
body#security .security-wrapper input.btn-purple.btn-text[type="submit"]:hover,
body#security .security-wrapper input.btn-purple.btn-text[type="submit"]:focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--lt-purple-60-dk-white);
}

/* line 668, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-purple:hover, body#security .security-wrapper .btn-purple:focus,
body#security .security-wrapper input.btn-purple[type="submit"]:hover,
body#security .security-wrapper input.btn-purple[type="submit"]:focus {
  background-color: var(--lt-purple-70-dk-purple-60);
  border-color: var(--lt-purple-70-dk-purple-60);
  color: var(--lt-dk-white);
}

/* line 675, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-default,
body#security .security-wrapper input.btn-default[type="submit"] {
  background-color: var(--lt-neutral-60-dk-neutral-30);
  border-color: var(--lt-neutral-60-dk-neutral-30);
  color: var(--lt-white-dk-primary-90);
}

/* line 680, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-default.reverse,
body#security .security-wrapper input.btn-default.reverse[type="submit"] {
  background-color: transparent;
  border-color: var(--lt-dk-neutral-20);
  color: var(--lt-neutral-60-dk-neutral-20);
}

/* line 684, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-default.reverse:hover, body#security .security-wrapper .btn-default.reverse:focus,
body#security .security-wrapper input.btn-default.reverse[type="submit"]:hover,
body#security .security-wrapper input.btn-default.reverse[type="submit"]:focus {
  background-color: transparent;
  border-color: var(--theme-primary-border);
  color: var(--lt-primary-50-dk-white);
}

/* line 691, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-default:hover, body#security .security-wrapper .btn-default:focus,
body#security .security-wrapper input.btn-default[type="submit"]:hover,
body#security .security-wrapper input.btn-default[type="submit"]:focus {
  background-color: var(--lt-neutral-70-dk-neutral-50);
  border-color: var(--lt-neutral-70-dk-neutral-50);
  color: var(--lt-dk-white);
}

/* line 698, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-reverse,
body#security .security-wrapper input.btn-reverse[type="submit"] {
  background-color: var(--lt-dk-white);
  border-color: var(--lt-dk-white);
  color: var(--lt-dk-primary-90);
}

/* line 703, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-reverse.reverse,
body#security .security-wrapper input.btn-reverse.reverse[type="submit"] {
  background-color: transparent;
  border-color: var(--lt-dk-white);
  color: var(--lt-dk-white);
}

/* line 707, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-reverse.reverse:hover, body#security .security-wrapper .btn-reverse.reverse:focus,
body#security .security-wrapper input.btn-reverse.reverse[type="submit"]:hover,
body#security .security-wrapper input.btn-reverse.reverse[type="submit"]:focus {
  background-color: var(--lt-dk-primary-90);
  border-color: var(--lt-dk-primary-90);
  color: var(--lt-dk-white);
}

/* line 714, app/assets/stylesheets/security.scss */
body#security .security-wrapper .btn-reverse:hover, body#security .security-wrapper .btn-reverse:focus,
body#security .security-wrapper input.btn-reverse[type="submit"]:hover,
body#security .security-wrapper input.btn-reverse[type="submit"]:focus {
  background-color: var(--lt-dk-primary-90);
  border-color: var(--lt-dk-primary-90);
  color: var(--lt-dk-white);
}

@media only screen and (max-width: 769px) {
  /* line 726, app/assets/stylesheets/security.scss */
  body#security .security-wrapper {
    display: block;
    width: 100%;
  }
}