@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 70, app/assets/stylesheets/_variables.scss */
:root {
  --font-primary: "Inter", sans-serif;
  --font-secondary: "Inter", sans-serif;
}

/* line 77, app/assets/stylesheets/_variables.scss */
:root {
  --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%);
  --white: hsl(0, 0%, 100%);
  --black: hsl(0, 0%, 0%);
  --dark-background: hsl(247, 100%, 7%);
  --dark-surface: hsl(223, 78%, 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);
  --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);
  --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 350, app/assets/stylesheets/_variables.scss */
body.light.standard {
  --standard-dark-blue: hsl(227, 100%, 98%);
}

/* line 353, app/assets/stylesheets/_variables.scss */
body.dark.standard {
  --standard-dark-blue: hsl(227, 85%, 9%);
}

/* line 356, app/assets/stylesheets/_variables.scss */
body.light.v8,
body.dark.v8 {
  --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%);
  --white: hsl(0, 0%, 100%);
  --dark-background: hsl(243, 90%, 4%);
  --dark-surface: hsl(243, 33%, 13%);
}

/* line 459, app/assets/stylesheets/_variables.scss */
body.light.neutral,
body.dark.neutral {
  --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);
  --dark-background: hsl(240, 2%, 8%);
  --dark-surface: hsl(60, 2%, 10%);
}

/* line 504, app/assets/stylesheets/_variables.scss */
body.light.protanopia,
body.dark.protanopia {
  --primary-50: hsl(223, 58%, 50%);
  /* Secondary Brand Color */
  --primary-90: hsl(223, 58%, 11%);
  /* Primary Color */
  --accent-10: hsl(14, 73%, 98%);
  --accent-20: hsl(14, 73%, 85%);
  --accent-30: hsl(14, 73%, 75%);
  --accent-40: hsl(14, 73%, 65%);
  /* accent color */
  --accent-50: hsl(14, 73%, 50%);
  --accent-60: hsl(14, 73%, 40%);
  --accent-70: hsl(14, 73%, 28%);
  --accent-80: hsl(14, 73%, 18%);
  --accent-90: hsl(14, 73%, 11%);
  --pink-50: hsl(332, 76%, 49%);
  --pink-60: hsl(332, 77%, 39%);
  --error-10: hsl(0, 77%, 98%);
  --error-20: hsl(0, 77%, 85%);
  --error-30: hsl(0, 77%, 75%);
  --error-40: hsl(0, 77%, 65%);
  --error-50: hsl(0, 77%, 50%);
  --error-60: hsl(0, 77%, 40%);
  --error-70: hsl(0, 77%, 28%);
  --error-80: hsl(0, 77%, 18%);
  --error-90: hsl(0, 77%, 11%);
  --warning-10: hsl(31, 75%, 98%);
  --warning-20: hsl(31, 75%, 85%);
  --warning-30: hsl(31, 75%, 75%);
  --warning-40: hsl(31, 75%, 65%);
  --warning-50: hsl(31, 75%, 50%);
  --warning-60: hsl(31, 75%, 40%);
  --warning-70: hsl(31, 75%, 28%);
  --warning-80: hsl(31, 75%, 18%);
  --warning-90: hsl(31, 75%, 11%);
  --success-10: hsl(152, 70%, 98%);
  --success-20: hsl(152, 70%, 85%);
  --success-30: hsl(152, 70%, 75%);
  --success-40: hsl(152, 70%, 65%);
  --success-50: hsl(152, 70%, 50%);
  --success-60: hsl(152, 70%, 40%);
  --success-70: hsl(152, 70%, 28%);
  --success-80: hsl(152, 70%, 18%);
  --success-90: hsl(152, 70%, 11%);
  --purple-10: hsl(285, 68%, 98%);
  --purple-20: hsl(285, 68%, 85%);
  --purple-30: hsl(285, 68%, 75%);
  --purple-40: hsl(285, 68%, 65%);
  --purple-50: hsl(285, 68%, 50%);
  --purple-60: hsl(285, 68%, 40%);
  --purple-70: hsl(285, 68%, 28%);
  --purple-80: hsl(285, 68%, 18%);
  --purple-90: hsl(285, 68%, 11%);
  --primary-trans: hsl(223, 58%, 50%, 0.07);
  --primary-trans-2: hsl(223, 58%, 50%, 0.15);
  --dark-background: hsl(247, 80%, 7%);
  --dark-surface: hsl(223, 58%, 11%);
  /* Blue */
  --tag-blue-50: hsl(233, 100%, 82%);
  --tag-blue-90: hsl(247, 90%, 15%);
  /* Green */
  --tag-green-50: hsl(175, 78%, 66%);
  --tag-green-90: hsl(175, 65%, 10%);
  /* Purple */
  --tag-purple-50: hsl(295, 100%, 80%);
  --tag-purple-90: hsl(295, 80%, 15%);
  /* Yellow */
  --tag-yellow-50: hsl(85, 95%, 67%);
  --tag-yellow-90: hsl(85, 95%, 7%);
  /* Teal */
  --tag-teal-50: hsl(205, 87%, 66%);
  --tag-teal-90: hsl(205, 70%, 10%);
  /* Gray */
  --tag-gray-50: hsl(30, 1%, 77%);
  --tag-gray-90: hsl(30, 0%, 10%);
  /* Extended Set */
  /* Dark Blue */
  --tag-dark-blue-50: hsl(254, 100%, 82%);
  --tag-dark-blue-90: hsl(254, 80%, 10%);
  /* Pink */
  --tag-pink-50: hsl(10, 100%, 76%);
  --tag-pink-90: hsl(10, 90%, 10%);
  /* Coral */
  --tag-coral-50: hsl(40, 100%, 75%);
  --tag-coral-90: hsl(40, 85%, 10%);
  /* Light Green */
  --tag-light-green-50: hsl(180, 100%, 86%);
  --tag-light-green-90: hsl(180, 65%, 10%);
  /* Indigo */
  --tag-indigo-50: hsl(318, 100%, 82%);
  --tag-indigo-90: hsl(318, 70%, 10%);
  /* Brown */
  --tag-brown-50: hsl(60, 79%, 70%);
  --tag-brown-90: hsl(60, 60%, 10%);
}

/* line 619, app/assets/stylesheets/_variables.scss */
body.light.deuteranopia,
body.dark.deuteranopia {
  --accent-10: hsl(14, 73%, 98%);
  --accent-20: hsl(14, 73%, 85%);
  --accent-30: hsl(14, 73%, 75%);
  --accent-40: hsl(14, 73%, 65%);
  --accent-50: hsl(14, 73%, 50%);
  --accent-60: hsl(14, 73%, 40%);
  --accent-70: hsl(14, 73%, 28%);
  --accent-80: hsl(14, 73%, 18%);
  --accent-90: hsl(14, 73%, 11%);
  --pink-50: hsl(332, 76%, 49%);
  --pink-60: hsl(332, 77%, 39%);
  --error-10: hsl(0, 77%, 98%);
  --error-20: hsl(0, 77%, 85%);
  --error-30: hsl(0, 77%, 75%);
  --error-40: hsl(0, 77%, 65%);
  --error-50: hsl(0, 77%, 50%);
  --error-60: hsl(0, 77%, 40%);
  --error-70: hsl(0, 77%, 28%);
  --error-80: hsl(0, 77%, 18%);
  --error-90: hsl(0, 77%, 11%);
  --warning-10: hsl(31, 75%, 98%);
  --warning-20: hsl(31, 75%, 85%);
  --warning-30: hsl(31, 75%, 75%);
  --warning-40: hsl(31, 75%, 65%);
  --warning-50: hsl(31, 75%, 50%);
  --warning-60: hsl(31, 75%, 40%);
  --warning-70: hsl(31, 75%, 28%);
  --warning-80: hsl(31, 75%, 18%);
  --warning-90: hsl(31, 75%, 11%);
  --success-10: hsl(152, 70%, 98%);
  --success-20: hsl(152, 70%, 85%);
  --success-30: hsl(152, 70%, 75%);
  --success-40: hsl(152, 70%, 65%);
  --success-50: hsl(152, 70%, 50%);
  --success-60: hsl(152, 70%, 40%);
  --success-70: hsl(152, 70%, 28%);
  --success-80: hsl(152, 70%, 18%);
  --success-90: hsl(152, 70%, 11%);
  --primary-50: hsl(223, 58%, 50%);
  /* Secondary Brand Color */
  --primary-90: hsl(223, 58%, 11%);
  /* Primary Color */
  --primary-trans: hsl(223, 58%, 50%, 0.07);
  --primary-trans-2: hsl(223, 58%, 50%, 0.15);
  --dark-background: hsl(247, 80%, 7%);
  --dark-surface: hsl(223, 58%, 11%);
  /* Blue */
  --tag-blue-50: hsl(233, 100%, 84%);
  --tag-blue-90: hsl(247, 90%, 15%);
  /* Green */
  --tag-green-50: hsl(175, 78%, 66%);
  --tag-green-90: hsl(175, 65%, 10%);
  /* Purple */
  --tag-purple-50: hsl(295, 100%, 80%);
  --tag-purple-90: hsl(295, 80%, 15%);
  /* Yellow */
  --tag-yellow-50: hsl(85, 95%, 67%);
  --tag-yellow-90: hsl(85, 95%, 7%);
  /* Teal */
  --tag-teal-50: hsl(205, 87%, 66%);
  --tag-teal-90: hsl(205, 70%, 10%);
  /* Gray */
  --tag-gray-50: hsl(30, 1%, 77%);
  --tag-gray-90: hsl(30, 0%, 10%);
  /* Extended Set */
  /* Dark Blue */
  --tag-dark-blue-50: hsl(254, 100%, 82%);
  --tag-dark-blue-90: hsl(254, 80%, 10%);
  /* Pink */
  --tag-pink-50: hsl(10, 100%, 76%);
  --tag-pink-90: hsl(10, 90%, 10%);
  /* Coral */
  --tag-coral-50: hsl(40, 100%, 75%);
  --tag-coral-90: hsl(40, 85%, 10%);
  /* Light Green */
  --tag-light-green-50: hsl(180, 100%, 86%);
  --tag-light-green-90: hsl(180, 65%, 10%);
  /* Indigo */
  --tag-indigo-50: hsl(318, 100%, 82%);
  --tag-indigo-90: hsl(318, 70%, 10%);
  /* Brown */
  --tag-brown-50: hsl(60, 79%, 70%);
  --tag-brown-90: hsl(60, 60%, 10%);
}

/* line 724, app/assets/stylesheets/_variables.scss */
body.light.tritanopia,
body.dark.tritanopia {
  --accent-10: hsl(14, 63%, 98%);
  --accent-20: hsl(14, 63%, 85%);
  --accent-30: hsl(14, 63%, 75%);
  --accent-40: hsl(14, 63%, 65%);
  /* accent color */
  --accent-50: hsl(14, 63%, 50%);
  --accent-60: hsl(14, 63%, 40%);
  --accent-70: hsl(14, 63%, 28%);
  --accent-80: hsl(14, 63%, 18%);
  --accent-90: hsl(14, 63%, 11%);
  --pink-50: hsl(332, 66%, 49%);
  --pink-60: hsl(332, 67%, 39%);
  --error-10: hsl(0, 67%, 98%);
  --error-20: hsl(0, 67%, 85%);
  --error-30: hsl(0, 67%, 75%);
  --error-40: hsl(0, 67%, 65%);
  --error-50: hsl(0, 67%, 50%);
  --error-60: hsl(0, 67%, 40%);
  --error-70: hsl(0, 67%, 28%);
  --error-80: hsl(0, 67%, 18%);
  --error-90: hsl(0, 67%, 11%);
  --warning-10: hsl(31, 65%, 98%);
  --warning-20: hsl(31, 65%, 85%);
  --warning-30: hsl(31, 65%, 75%);
  --warning-40: hsl(31, 65%, 65%);
  --warning-50: hsl(31, 65%, 50%);
  --warning-60: hsl(31, 65%, 40%);
  --warning-70: hsl(31, 65%, 28%);
  --warning-80: hsl(31, 65%, 18%);
  --warning-90: hsl(31, 65%, 11%);
  --success-10: hsl(152, 60%, 98%);
  --success-20: hsl(152, 60%, 85%);
  --success-30: hsl(152, 60%, 75%);
  --success-40: hsl(152, 60%, 65%);
  --success-50: hsl(152, 60%, 50%);
  --success-60: hsl(152, 60%, 40%);
  --success-70: hsl(152, 60%, 28%);
  --success-80: hsl(152, 60%, 18%);
  --success-90: hsl(152, 60%, 11%);
  --primary-50: hsl(223, 58%, 50%);
  /* Secondary Brand Color */
  --primary-90: hsl(223, 58%, 11%);
  /* Primary Color */
  --primary-trans: hsl(223, 58%, 50%, 0.07);
  --primary-trans-2: hsl(223, 58%, 50%, 0.15);
  --dark-background: hsl(247, 60%, 7%);
  --dark-surface: hsl(223, 58%, 11%);
  /* Blue */
  --tag-blue-50: hsl(233, 100%, 84%);
  --tag-blue-90: hsl(247, 90%, 15%);
  /* Green */
  --tag-green-50: hsl(175, 78%, 66%);
  --tag-green-90: hsl(175, 65%, 10%);
  /* Purple */
  --tag-purple-50: hsl(295, 100%, 80%);
  --tag-purple-90: hsl(295, 80%, 15%);
  /* Yellow */
  --tag-yellow-50: hsl(85, 95%, 67%);
  --tag-yellow-90: hsl(85, 95%, 7%);
  /* Teal */
  --tag-teal-50: hsl(205, 87%, 66%);
  --tag-teal-90: hsl(205, 70%, 10%);
  /* Gray */
  --tag-gray-50: hsl(30, 1%, 77%);
  --tag-gray-90: hsl(30, 0%, 10%);
  /* Extended Set */
  /* Dark Blue */
  --tag-dark-blue-50: hsl(254, 100%, 82%);
  --tag-dark-blue-90: hsl(254, 80%, 10%);
  /* Pink */
  --tag-pink-50: hsl(10, 100%, 76%);
  --tag-pink-90: hsl(10, 90%, 10%);
  /* Coral */
  --tag-coral-50: hsl(40, 100%, 75%);
  --tag-coral-90: hsl(40, 85%, 10%);
  /* Light Green */
  --tag-light-green-50: hsl(180, 100%, 86%);
  --tag-light-green-90: hsl(180, 65%, 10%);
  /* Indigo */
  --tag-indigo-50: hsl(318, 100%, 82%);
  --tag-indigo-90: hsl(318, 70%, 10%);
  /* Brown */
  --tag-brown-50: hsl(60, 79%, 70%);
  --tag-brown-90: hsl(60, 60%, 10%);
}

/* line 829, app/assets/stylesheets/_variables.scss */
body.light.achromatopsia,
body.dark.achromatopsia {
  --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(0, 0%, 98%);
  --primary-20: hsl(0, 0%, 95%);
  --primary-30: hsl(0, 0%, 75%);
  --primary-40: hsl(0, 0%, 65%);
  --primary-50: hsl(0, 0%, 50%);
  --primary-60: hsl(0, 0%, 40%);
  --primary-70: hsl(0, 0%, 28%);
  --primary-80: hsl(0, 0%, 18%);
  --primary-90: hsl(0, 0%, 11%);
  --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%, 85%);
  --accent-30: hsl(0, 0%, 75%);
  --accent-40: hsl(0, 0%, 65%);
  --accent-50: hsl(0, 0%, 50%);
  --accent-60: hsl(0, 0%, 40%);
  --accent-70: hsl(0, 0%, 28%);
  --accent-80: hsl(0, 0%, 18%);
  --accent-90: hsl(0, 0%, 11%);
  --accent-2-10: hsl(0, 0%, 98%);
  --accent-2-20: hsl(0, 0%, 85%);
  --accent-2-30: hsl(0, 0%, 75%);
  --accent-2-40: hsl(0, 0%, 65%);
  --accent-2-50: hsl(0, 0%, 50%);
  --accent-2-60: hsl(0, 0%, 40%);
  --accent-2-70: hsl(0, 0%, 28%);
  --accent-2-80: hsl(0, 0%, 18%);
  --accent-2-90: hsl(0, 0%, 11%);
  --pink-50: hsl(0, 0%, 49%);
  --pink-60: hsl(0, 0%, 39%);
  --info-10: hsl(0, 0%, 98%);
  --info-20: hsl(0, 0%, 85%);
  --info-30: hsl(0, 0%, 75%);
  --info-40: hsl(0, 0%, 65%);
  --info-50: hsl(0, 0%, 50%);
  --info-60: hsl(0, 0%, 40%);
  --info-70: hsl(0, 0%, 28%);
  --info-80: hsl(0, 0%, 18%);
  --info-90: hsl(0, 0%, 11%);
  --error-10: hsl(0, 0%, 98%);
  --error-20: hsl(0, 0%, 85%);
  --error-30: hsl(0, 0%, 75%);
  --error-40: hsl(0, 0%, 65%);
  --error-50: hsl(0, 0%, 50%);
  --error-60: hsl(0, 0%, 40%);
  --error-70: hsl(0, 0%, 28%);
  --error-80: hsl(0, 0%, 18%);
  --error-90: hsl(0, 0%, 11%);
  --warning-10: hsl(0, 0%, 98%);
  --warning-20: hsl(0, 0%, 85%);
  --warning-30: hsl(0, 0%, 75%);
  --warning-40: hsl(0, 0%, 65%);
  --warning-50: hsl(0, 0%, 50%);
  --warning-60: hsl(0, 0%, 40%);
  --warning-70: hsl(0, 0%, 28%);
  --warning-80: hsl(0, 0%, 18%);
  --warning-90: hsl(0, 0%, 11%);
  --success-10: hsl(0, 0%, 98%);
  --success-20: hsl(0, 0%, 85%);
  --success-30: hsl(0, 0%, 75%);
  --success-40: hsl(0, 0%, 65%);
  --success-50: hsl(0, 0%, 50%);
  --success-60: hsl(0, 0%, 40%);
  --success-70: hsl(0, 0%, 28%);
  --success-80: hsl(0, 0%, 18%);
  --success-90: hsl(0, 0%, 11%);
  --purple-10: hsl(0, 0%, 98%);
  --purple-20: hsl(0, 0%, 85%);
  --purple-30: hsl(0, 0%, 75%);
  --purple-40: hsl(0, 0%, 65%);
  --purple-50: hsl(0, 0%, 50%);
  --purple-60: hsl(0, 0%, 40%);
  --purple-70: hsl(0, 0%, 28%);
  --purple-80: hsl(0, 0%, 18%);
  --purple-90: hsl(0, 0%, 11%);
  --white: hsl(0, 0%, 100%);
  --dark-background: hsl(0, 0%, 7%);
  --dark-surface: hsl(0, 0%, 11%);
  /* Blue */
  --tag-blue-50: hsl(203, 50%, 10%);
  --tag-blue-90: hsl(217, 50%, 90%);
  /* Green */
  --tag-green-50: hsl(145, 50%, 10%);
  --tag-green-90: hsl(145, 50%, 90%);
  /* Purple */
  --tag-purple-50: hsl(265, 50%, 10%);
  --tag-purple-90: hsl(265, 50%, 90%);
  /* Yellow */
  --tag-yellow-50: hsl(55, 50%, 10%);
  --tag-yellow-90: hsl(55, 50%, 90%);
  /* Teal */
  --tag-teal-50: hsl(175, 50%, 10%);
  --tag-teal-90: hsl(175, 50%, 90%);
  /* Gray */
  --tag-gray-50: hsl(0, 50%, 10%);
  --tag-gray-90: hsl(0, 50%, 90%);
  /* Extended Set */
  /* Dark Blue */
  --tag-dark-blue-50: hsl(224, 50%, 10%);
  --tag-dark-blue-90: hsl(224, 50%, 90%);
  /* Pink */
  --tag-pink-50: hsl(340, 50%, 10%);
  --tag-pink-90: hsl(340, 50%, 90%);
  /* Coral */
  --tag-coral-50: hsl(10, 50%, 10%);
  --tag-coral-90: hsl(10, 50%, 90%);
  /* Light Green */
  --tag-light-green-50: hsl(150, 50%, 10%);
  --tag-light-green-90: hsl(150, 50%, 90%);
  /* Indigo */
  --tag-indigo-50: hsl(288, 50%, 10%);
  --tag-indigo-90: hsl(288, 50%, 90%);
  /* Brown */
  --tag-brown-50: hsl(30, 50%, 10%);
  --tag-brown-90: hsl(30, 50%, 90%);
}

/* line 1, app/assets/stylesheets/shared/_color-schemes.scss */
:root,
body.light {
  --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,
    var(--lt-dk-neutral-10) 0%,
    var(--lt-dk-neutral-10) 45%,
    var(--lt-dk-neutral-20) 85%,
    var(--lt-dk-primary-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-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 1, 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 1, app/assets/stylesheets/shared/_color-schemes.scss */
  :root,
body.light {
    --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 249, app/assets/stylesheets/shared/_color-schemes.scss */
body.dark {
  color-scheme: dark;
  --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 */
}

/* line 461, 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 468, 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%
  );
}

@media (max-width: 768px) {
  /* line 481, 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 525, 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 568, app/assets/stylesheets/shared/_color-schemes.scss */
body.dark.v8 {
  color-scheme: dark;
  --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 744, 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 787, 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 831, 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);
}

@media (pointer: coarse) {
  /* line 831, 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 888, 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);
}

/* line 936, 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 948, 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 961, 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);
}

/* line 973, app/assets/stylesheets/shared/_color-schemes.scss */
body.dark.achromatopsia .site-inner-nav .site-inner-nav-items .nav-item .nav-link.active {
  color: var(--black) !important;
}

/* line 975, app/assets/stylesheets/shared/_color-schemes.scss */
body.dark.achromatopsia .site-inner-nav .site-inner-nav-items .nav-item .nav-link.active:hover, body.dark.achromatopsia .site-inner-nav .site-inner-nav-items .nav-item .nav-link.active:focus {
  color: var(--black) !important;
}

/* line 978, app/assets/stylesheets/shared/_color-schemes.scss */
body.dark.achromatopsia .site-inner-nav .site-inner-nav-items .nav-item .nav-link.active:hover i, body.dark.achromatopsia .site-inner-nav .site-inner-nav-items .nav-item .nav-link.active:focus i {
  color: var(--black) !important;
}

/* line 983, app/assets/stylesheets/shared/_color-schemes.scss */
body.dark.achromatopsia .dropdown-menu li .dropdown-item:hover,
body.dark.achromatopsia .dropdown-menu li .dropdown-item:focus {
  color: var(--black) !important;
}

/* line 986, app/assets/stylesheets/shared/_color-schemes.scss */
body.dark.achromatopsia .dropdown-menu li .dropdown-item:hover i,
body.dark.achromatopsia .dropdown-menu li .dropdown-item:focus i {
  color: var(--black) !important;
}

/* line 990, app/assets/stylesheets/shared/_color-schemes.scss */
body.dark.achromatopsia .mpcp-app #primary-navigation .nav-link.admin-logged-in:link,
body.dark.achromatopsia .mpcp-app #primary-navigation .nav-link.admin-logged-in:active,
body.dark.achromatopsia .mpcp-app #primary-navigation .nav-link.admin-logged-in:visited,
body.dark.achromatopsia .mpcp-app #primary-navigation .nav-link.admin-logged-in:hover,
body.dark.achromatopsia .mpcp-app #primary-navigation .nav-link.admin-logged-in:focus {
  color: var(--black) !important;
}

/* line 996, app/assets/stylesheets/shared/_color-schemes.scss */
body.dark.achromatopsia .mpcp-app #primary-navigation .nav-link.admin-logged-in:link i,
body.dark.achromatopsia .mpcp-app #primary-navigation .nav-link.admin-logged-in:active i,
body.dark.achromatopsia .mpcp-app #primary-navigation .nav-link.admin-logged-in:visited i,
body.dark.achromatopsia .mpcp-app #primary-navigation .nav-link.admin-logged-in:hover i,
body.dark.achromatopsia .mpcp-app #primary-navigation .nav-link.admin-logged-in:focus i {
  color: var(--black) !important;
}

/* line 4, 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 4, app/assets/stylesheets/security.scss */
  body#security {
    min-height: 100vh;
  }
}

/* line 21, 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 60, app/assets/stylesheets/security.scss */
body#security.dark.v8 .provider-icon.github-icon {
  filter: invert(1);
}

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

/* line 66, 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 71, app/assets/stylesheets/security.scss */
body#security p {
  color: var(--lt-neutral-70-dk-neutral-20);
}

/* line 74, 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 74, app/assets/stylesheets/security.scss */
  body#security .security-wrapper {
    max-width: 810px;
    height: 100vh;
  }
}

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

/* line 87, 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 94, 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 94, app/assets/stylesheets/security.scss */
  body#security .security-wrapper .security-content {
    padding: 50px;
  }
}

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

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

/* line 111, 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 111, 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 125, app/assets/stylesheets/security.scss */
body#security .security-wrapper aside {
  max-width: 100%;
}

@media only screen and (min-width: 769px) {
  /* line 125, 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 134, 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);
}

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

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

/* line 150, 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 162, app/assets/stylesheets/security.scss */
body#security .security-wrapper .row {
  width: 100%;
  margin: 0.5rem 0;
}

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

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

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

/* line 180, 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 188, app/assets/stylesheets/security.scss */
body#security .security-wrapper .forgot-password a {
  display: block;
  font-size: 0.9rem;
}

/* line 191, 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 196, 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 202, 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 209, 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 221, 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;
  min-width: 200px;
  font-size: 1em;
  margin-bottom: 1em;
  margin-right: 10px;
}

/* line 236, 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 244, app/assets/stylesheets/security.scss */
body#security .security-wrapper .change-password-btn input[type="submit"] {
  width: auto;
  margin-top: 10px;
}

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

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

/* line 260, 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 269, 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 273, app/assets/stylesheets/security.scss */
body#security .security-wrapper .auth-provider {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: auto;
  width: 100%;
  background-color: var(--lt-neutral-10-dk-primary-90);
  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 290, app/assets/stylesheets/security.scss */
body#security .security-wrapper .auth-provider:hover {
  color: var(--lt-dk-primary-50);
}

/* line 295, app/assets/stylesheets/security.scss */
body#security .security-wrapper .auth-provider > img {
  height: auto;
  margin-right: 10px;
  width: 100%;
  max-width: 24px;
}

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

/* line 305, 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 312, 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 319, app/assets/stylesheets/security.scss */
body#security .security-wrapper .not-a-customer h4 {
  padding-right: 10px;
}

/* line 322, 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 326, 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 333, 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 341, app/assets/stylesheets/security.scss */
body#security .security-wrapper .footer a {
  display: block;
  margin: 0 10px;
}

/* line 344, 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 349, 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 354, app/assets/stylesheets/security.scss */
body#security .security-wrapper .footer img {
  max-width: 74px;
}

/* line 358, 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 369, 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 375, 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 385, 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 389, 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 396, 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 400, 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 407, 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 414, 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 421, 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 428, 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 433, 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 437, 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 444, 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 451, 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 456, 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 461, 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 466, 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 473, 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 480, 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 490, 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 494, 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 501, 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 506, 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 513, 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 520, 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 527, 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 531, 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 538, 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 543, 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 550, 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 557, 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 562, 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 566, 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 573, 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 578, 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 585, 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 592, 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 597, 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 602, 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 607, 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 614, 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 621, 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 626, 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 630, 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 637, 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 644, 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 649, 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 653, 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 660, 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 672, app/assets/stylesheets/security.scss */
  body#security .security-wrapper {
    display: block;
    width: 100%;
  }
}

/* line 679, app/assets/stylesheets/security.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);
  border-color: #3647ff;
}

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

/* line 689, app/assets/stylesheets/security.scss */
#toast-container .toast {
  background-color: var(--lt-dk-primary-50);
}

/* line 691, app/assets/stylesheets/security.scss */
#toast-container .toast .toast-message {
  color: var(--lt-white-dk-primary-90);
  font-weight: bold;
}