/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/components/pages/CommunityInsights/InsightSection/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
.l0OigJs5BfkVBcW0Wag_ {
  margin-bottom: 15px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.0784313725);
  border: 1px solid #f0f0eb;
  border-radius: 8px;
  padding: 31px 28px 20px 28px;
}

.L3_BkuD4OhGa0MUygo6j {
  display: flex;
  justify-content: space-between;
  margin: 0px 0px 5px 0px;
}

.TTpUrxWY2SddgHgdXaXC {
  color: var(--primary-black);
  font-style: normal;
  font-weight: var(--font-medium);
  font-size: 15px;
  line-height: 15px;
  font-family: var(--font-suisse-neue);
}

.qV8_eRfGLYVu_iYSNSje {
  vertical-align: top;
  margin-right: 12px;
  width: 20px;
  height: 20px;
}

.YHQ9EDLYVWe5GTTwAEMi {
  font-weight: var(--font-normal);
  font-size: 15px;
  font-family: var(--font-suisse-intl);
}

.m2MeShZ9XIa7xSsTXy31 {
  margin: 0px;
  border: none;
  background: none;
  padding: 0px;
  color: var(--primary-magenta);
}

.VLVMyHVbbkRIkokQuH9n {
  margin: 10px 0px;
  padding: 0px;
  font-size: 15px;
  list-style: decimal inside;
}

.Kgkc0zAYA1aFbCy263QL {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.4375rem;
}

.Kgkc0zAYA1aFbCy263QL a {
  text-decoration: underline;
}

.uvYfqzPTLQJcNoff8fZZ {
  display: flex;
  justify-content: space-between;
  width: 4.5rem;
}

.xG30xAgVw4q9y34JrWJn {
  margin-top: 6px;
  border-radius: 10px;
  width: 10px;
  height: 10px;
}

@media screen and (max-width: 991px) {
  .l0OigJs5BfkVBcW0Wag_ {
    padding: 25px 15px 15px 15px;
  }
  .DaslLv7nNkqMtwVzUrom {
    max-width: 201px;
    max-height: 1.25rem;
    overflow: hidden;
  }
  .YHQ9EDLYVWe5GTTwAEMi {
    margin-top: 6px;
  }
}

@media (max-width: 767.98px) {
  .l0OigJs5BfkVBcW0Wag_ {
    padding: 25px 15px 15px 15px;
  }
  .DaslLv7nNkqMtwVzUrom {
    max-width: 181px;
    max-height: 1.25rem;
    overflow: hidden;
  }
  .YHQ9EDLYVWe5GTTwAEMi {
    margin-top: 6px;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/components/pages/CommunityInsights/UpdateProfileButton/styles.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
.wjtqRFD7ERUg1E57GCRQ {
  position: relative;
  margin: 15px 50px 0px 50px;
}

a.MYo0Ux8EbL2HfpLdALUG {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primary-magenta);
  padding: 0 var(--spacing-2);
  height: var(--spacing-10);
  color: var(--white);
  font-weight: var(--font-medium);
  font-size: 15px;
}

a.MYo0Ux8EbL2HfpLdALUG:hover {
  background-color: var(--primary-magenta);
}

a.MYo0Ux8EbL2HfpLdALUG:active {
  opacity: 0.75;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/components/pages/CommunityInsights/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.sYGwhh0oBl0pm132YjhQ {
  margin-top: 30px;
}

.JF7OGN68DcjY172FS6zH {
  border-bottom: 1px solid #f0f0eb;
  padding-bottom: 40px !important;
}

.QN_TI7oF8rlx5SWtyrxR {
  margin: 0px 0px 5px 0px;
  color: var(--primary-black);
  font-style: normal;
  font-weight: var(--font-medium);
  font-size: 25px;
  line-height: 30px;
  font-family: var(--font-suisse-neue);
}

.zLYJVpH7g7T4xisZC0Ky {
  margin: 0px;
  color: var(--grayscale-gray);
  font-style: normal;
  font-size: 18px;
  line-height: 19px;
  font-family: var(--font-suisse-neue);
}

.kmzYwGMV7RjT69NuJCIH {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 8px;
  background: var(--grayscale-beige);
  height: 132px;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .kmzYwGMV7RjT69NuJCIH {
    margin-top: 20px;
  }
}

.kT98cTDlfv2SCRubstZ6 {
  margin: 30px 0px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/components/pages/Forum/ForumPanel/styles.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.m7vNYGEjyfBggYbT1KIE {
  margin: var(--spacing-5) 0;
  border: 1px solid var(--grayscale-beige);
  border-radius: var(--spacing-1);
  background: var(--white);
  padding: var(--spacing-6) var(--spacing-4);
}
@media (min-width: 768px) {
  .m7vNYGEjyfBggYbT1KIE {
    padding: var(--spacing-12) var(--spacing-20);
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/components/pages/Forum/ForumPostPage/ForumPostScreenshot/styles.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
.VElrV0wBp0CpHM0D2Jyk {
  display: none;
  background-color: var(--white);
  padding: var(--spacing-8);
  width: 600px;
  color: var(--grayscale-charcoal);
}
.VElrV0wBp0CpHM0D2Jyk.TcQX91HFTmKBCm7CHwVN {
  background-color: var(--primary-black);
  color: var(--white);
}
.VElrV0wBp0CpHM0D2Jyk.WYc8rMGhmcoH2_C9oVLt {
  padding: var(--spacing-10);
  width: 650px;
}
.VElrV0wBp0CpHM0D2Jyk.q5XxLJvN6hTgInjRhJW1 {
  padding: var(--spacing-12);
  width: 700px;
}
.VElrV0wBp0CpHM0D2Jyk.sCaP4v2n46JEJOspqchm {
  padding: var(--spacing-12);
  width: 750px;
}
.VElrV0wBp0CpHM0D2Jyk.VEWSCsYhQj_3dDs__Tq8 {
  padding: var(--spacing-12);
  width: 800px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/components/pages/Forum/EditForumPostPage/styles.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.form.forum-post-form .form-group {
  flex-direction: column;
}
.form.forum-post-form .form-group label.input-label {
  display: block;
  min-width: 130px;
  line-height: 2.6;
  font-family: var(--font-suisse-screen);
}
.form.forum-post-form .form-group input.form-control, .form.forum-post-form .form-group textarea.form-control {
  border-color: var(--grayscale-gray);
  padding-top: var(--spacing-2);
  padding-bottom: var(--spacing-2);
  font-size: var(--text-sm);
  font-family: var(--font-suisse-intl);
}
.form.forum-post-form .form-group input.form-control::-moz-placeholder, .form.forum-post-form .form-group textarea.form-control::-moz-placeholder {
  color: var(--grayscale-gray);
}
.form.forum-post-form .form-group input.form-control::placeholder, .form.forum-post-form .form-group textarea.form-control::placeholder {
  color: var(--grayscale-gray);
}
.form.forum-post-form .form-group input.form-control {
  height: 44px;
}
.form.forum-post-form .form-group .field-container {
  flex: 1 1;
}
@media (min-width: 768px) {
  .form.forum-post-form .form-group {
    flex-direction: row;
  }
  .form.forum-post-form .form-group input.form-control, .form.forum-post-form .form-group textarea.form-control {
    font-size: var(--text-md);
  }
}
.form.forum-post-form .MultiValueAutocompleteField.form-group .react-select__control {
  border-radius: 2px;
}
.form.forum-post-form .MultiValueAutocompleteField.form-group .react-select__placeholder {
  color: var(--grayscale-gray);
  font-size: var(--text-sm);
  font-family: var(--font-suisse-intl);
}
.bdZXeUYRFK0Z4X4XZu4u {
  margin-top: 9px !important;
}
.GVpZAgykBieKcQKRFTvK {
  border-bottom: 1px solid var(--primary-black);
  padding-bottom: var(--spacing-2);
  font-weight: var(--font-normal);
  font-size: var(--text-xl);
  font-family: var(--font-suisse-works);
}
.j2W9E5L8aIJMJwj2iWvJ {
  display: flex;
  flex-direction: column;
  margin-top: var(--spacing-8);
  border-top: 1px solid var(--grayscale-gray);
  padding-top: var(--spacing-8);
}
@media (min-width: 768px) {
  .j2W9E5L8aIJMJwj2iWvJ {
    flex-direction: row;
    justify-content: space-between;
    align-items: top;
  }
}
.V4bp2vLY55MzG3HkdZ8U {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 0px;
}
.I3TAaG3yOo8fcBKHsmUk {
  color: gray;
  font-style: italic;
  font-size: 11px;
  text-align: center;
}
.lD76phHlpuK1nc_r6v6F {
  color: var(--primary-magenta);
}
.gU3Sq_ZzfKFwlqPPgIe5 {
  background: var(--primary-magenta);
  min-width: 230px;
  color: var(--white);
  font-weight: var(--font-normal);
  font-family: var(--font-suisse-intl);
}
.gU3Sq_ZzfKFwlqPPgIe5:hover {
  background: var(--primary-pink);
  color: var(--primary-magenta);
}
.C9L0vwZocPDkLSErE2F0 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-3);
  margin-top: var(--spacing-6);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/components/pages/Forum/ForumIndexFilters/styles.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.uc8J5_OqNEGRWurqa_PK {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--grayscale-gray);
  background-color: var(--white);
}

.MSbsdWQrnkEOlUsIISaA {
  display: flex;
  flex: 1 1;
  height: 60px;
}

.mRBzTmwWSoFrUox1UiQA {
  display: flex;
  flex: 1 1;
  align-items: stretch;
}

.IR3Ircvss4aafu0Yn66y {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: var(--spacing-3);
  border-bottom: 2px solid transparent;
  padding: 0 var(--spacing-2);
  color: var(--grayscale-gray);
  font-size: var(--text-md);
}

.IR3Ircvss4aafu0Yn66y:hover {
  border-color: var(--grayscale-gray);
}

@media (max-width: 767.98px) {
  .EpokQliCQktKMjwAhc7C {
    display: none;
  }
}

.w_P9UtYdTvBUcqYCSS9B {
  display: none;
  align-items: center;
}

@media (min-width: 768px) {
  .w_P9UtYdTvBUcqYCSS9B {
    display: flex;
  }
}

.b11saPqdakwjVZFwEH7A {
  width: 250px;
}

.ozo87HcoMcGRo0CdfeDO {
  border-color: var(--primary-magenta);
  color: var(--primary-black);
}

.ozo87HcoMcGRo0CdfeDO:hover {
  cursor: default;
  border-color: var(--primary-magenta);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/components/pages/Forum/NewForumPostButton/styles.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
.px9hcfRdEL5TpF4CznQP {
  position: relative;
}

a.Day4Ygx6n7gTSWW0A4he {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primary-magenta);
  padding: 0 var(--spacing-2);
  height: var(--spacing-10);
  color: var(--white);
  font-weight: var(--font-normal);
  font-size: var(--text-sm);
}

a.Day4Ygx6n7gTSWW0A4he:hover {
  background-color: var(--primary-pink);
  color: var(--primary-magenta);
}

a.Day4Ygx6n7gTSWW0A4he:active {
  opacity: 0.75;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/components/pages/Forum/ForumHeader/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.oR6OpsvFLB2OKz26dg1o {
  border-bottom: 1px solid var(--grayscale-gray);
  background-color: var(--white);
}

.vX5Y6aWvQoQlvzPJXlvU {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-4);
  padding-bottom: var(--spacing-8);
  color: var(--white);
}

@media (min-width: 768px) {
  .vX5Y6aWvQoQlvzPJXlvU {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
  }
}

.saoZfdgvY6_sMPr1a0Ih {
  margin-right: 10px;
  max-width: 650px;
}

@media (max-width: 767.98px) {
  .saoZfdgvY6_sMPr1a0Ih {
    margin-right: 0;
    text-align: center;
  }
}

.G3owY_out3XHRBvXnNO4 {
  color: var(--primary-magenta);
}

.mmdSYpjXDqsyTol5ZlqA {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  min-width: 220px;
}

.HTXOPJ4y00lzMrbMcO13 {
  position: relative;
}

.U9MgXnhG37pCvnDtdHwj {
  color: var(--primary-magenta);
}

.MqkUe_Oua2YeJQggIR2C {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 var(--spacing-2);
  height: var(--spacing-10);
  font-size: var(--text-sm);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/components/pages/Forum/ForumPostPage/styles.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
._1ZKf4grKFRcHUs2PGnUb {
  font-size: var(--text-lg);
}

.DbUTrqvPFkb5BQwP8anh {
  margin-top: 0;
  color: var(--primary-black);
  font-size: var(--text-lg);
  font-family: var(--font-suisse-works);
}

@media (min-width: 768px) {
  .DbUTrqvPFkb5BQwP8anh {
    font-size: var(--text-xl);
  }
}

.MuOxqQxZUHAZqgAfnwKJ {
  color: var(--grayscale-charcoal);
  font-size: var(--text-md);
}

@media (min-width: 768px) {
  .MuOxqQxZUHAZqgAfnwKJ {
    font-size: var(--text-lg);
  }
}

.iJhYtKLBhJHXpNRf0ksM {
  margin: var(--spacing-6) 0;
}

.TuZ6uz5RjP2_urGZplAs {
  overflow: hidden;
  color: var(--primary-magenta);
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .TuZ6uz5RjP2_urGZplAs {
    width: 60%;
  }
}

.NipuSlvwDWvHB5CCSNVQ {
  vertical-align: middle;
  margin: auto 5px auto 0;
}

a.a47PmQZkpH7Kn4La3UNv {
  color: var(--primary-magenta);
  font-weight: var(--font-normal);
  font-size: var(--text-md);
  line-height: var(--text-xl);
  word-break: break-all;
}

a.a47PmQZkpH7Kn4La3UNv:hover {
  color: var(--primary-magenta);
}

.Mvm0imHmAxutMvT4fwV8 {
  display: flex;
  align-items: flex-start;
}

@media (min-width: 768px) {
  .Mvm0imHmAxutMvT4fwV8 {
    align-items: center;
  }
}

.CcQkFgYeGQIpZ7paEIqQ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (max-width: 991.98px) {
  .CcQkFgYeGQIpZ7paEIqQ {
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 767.98px) {
  .CcQkFgYeGQIpZ7paEIqQ {
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.WhQ5xQd6drhZOtLncL7u {
  display: flex;
  align-items: center;
}

@media (max-width: 767.98px) {
  .WhQ5xQd6drhZOtLncL7u {
    margin-top: var(--spacing-1);
  }
  .WhQ5xQd6drhZOtLncL7u #FollowButton {
    width: 120px;
  }
}

.CaurZVhtDqIngs7Crey1 {
  text-align: right;
}

@media (min-width: 768px) {
  .ZK4anCWp8oLNTn7nMIXU .comment-avatar {
    width: 50px;
    height: 50px;
  }
}

.BSIQjyzp5Ug43_NOlbWA {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}

@media (min-width: 768px) {
  .BSIQjyzp5Ug43_NOlbWA {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
  }
}

.y312aPCHEPKuuKbvAchw {
  color: var(--grayscale-gray);
  font-size: var(--text-sm);
}

@media (min-width: 768px) {
  .y312aPCHEPKuuKbvAchw {
    font-size: var(--text-md);
  }
}

.SboKr0ERmjEkZEYRc9ZS {
  margin-top: var(--spacing-5);
  border-top: 1px solid var(--grayscale-gray);
  padding-top: var(--spacing-5);
}

.SboKr0ERmjEkZEYRc9ZS:last-of-type {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 768px) {
  .SboKr0ERmjEkZEYRc9ZS:last-of-type {
    flex-direction: row;
    justify-content: space-between;
  }
}

._UoTVoPSwCjtAJAJXoA5 {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  ._UoTVoPSwCjtAJAJXoA5 {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--spacing-20);
  }
}

.VOKpVAwtLST2KMONtHPn {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-5);
  font-size: var(--text-sm);
}

@media (min-width: 768px) {
  .VOKpVAwtLST2KMONtHPn {
    font-size: var(--text-md);
  }
}

.VSbxxLbJSVNLWCRk4aeN {
  position: relative;
}

.VSbxxLbJSVNLWCRk4aeN:last-child::after {
  display: none;
}

.VSbxxLbJSVNLWCRk4aeN::after {
  display: flex;
  position: absolute;
  top: 10px;
  right: -12px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: var(--grayscale-beige);
  width: 4px;
  height: 4px;
  content: "";
}

.v7Jk3tbzQwF3n0BgepAg,
a.v7Jk3tbzQwF3n0BgepAg {
  color: var(--primary-magenta);
}

.v7Jk3tbzQwF3n0BgepAg:hover,
a.v7Jk3tbzQwF3n0BgepAg:hover {
  opacity: 0.75;
}

.N1ZsLv8ohWi2FpHKjR3W {
  margin-bottom: 0;
  color: var(--grayscale-gray);
  font-style: italic;
  font-size: var(--text-sm);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/components/pages/PaymentStatus/styles.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.JVx46R9NfciM9Y4fHhDz {
  padding: var(--spacing-16) 0 var(--spacing-24);
}
.JVx46R9NfciM9Y4fHhDz .Ayyw7hSJ0g2pf4Fz15iq {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0px var(--spacing-3) var(--spacing-15) rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: var(--spacing-8) 0 var(--spacing-16);
}
.JVx46R9NfciM9Y4fHhDz .Ayyw7hSJ0g2pf4Fz15iq .ncRm6L6bOahRmQtUK5Ae {
  margin-top: var(--spacing-5);
  color: var(--grayscale-charcoal);
  font-size: var(--spacing-9);
  font-family: var(--font-suisse-neue);
}
.JVx46R9NfciM9Y4fHhDz .Ayyw7hSJ0g2pf4Fz15iq .l6Su4eTi2TcyNh6Lcqqw {
  margin-top: var(--spacing-3);
  color: var(--grayscale-gray);
  font-size: var(--spacing-5);
  font-family: var(--font-suisse-neue);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/components/pages/Settings/Nav/styles.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.AFS5QW_EfeBcuJG4_O38 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mqCLfGYTdLoiPjHwehS2 {
  margin: 0;
  padding-bottom: var(--spacing-6);
  font-weight: var(--font-normal);
  font-size: var(--spacing-10);
  font-family: var(--font-suisse-screen);
}

@media (max-width: 991.98px) {
  .mqCLfGYTdLoiPjHwehS2 {
    padding-bottom: 0;
  }
}

.low8ao9ZMl__tneettM1 {
  max-width: 200px;
}

@media (max-width: 991.98px) {
  .low8ao9ZMl__tneettM1 {
    display: none;
  }
}

.vpQavcaI4qHUJAkES6D5 {
  display: block;
  cursor: pointer;
  margin-top: var(--spacing-6);
  margin-left: -4px;
  border-left: var(--spacing-1) solid var(--grayscale-beige);
  border-color: var(--grayscale-beige);
  padding-left: var(--spacing-4);
  font-weight: var(--font-normal);
  font-family: var(--font-suisse-intl);
}

.vpQavcaI4qHUJAkES6D5:first-child {
  margin-top: 0;
}

.vpQavcaI4qHUJAkES6D5:last-child {
  padding-bottom: 0;
}

.vpQavcaI4qHUJAkES6D5:hover {
  border-color: var(--grayscale-gray);
  color: var(--grayscale-gray);
}

.WL3rnLQw0HOAc6hLM5DO,
.WL3rnLQw0HOAc6hLM5DO:hover {
  border-color: var(--primary-magenta);
  color: var(--primary-black);
}

.qMo902Zv47pnT3E9gq44 {
  display: none;
  width: 50%;
}

@media (max-width: 991.98px) {
  .qMo902Zv47pnT3E9gq44 {
    display: block;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./app/javascript/components/pages/Settings/SettingsPage/Account/styles.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.cLaBejhacW_iKCBpxfAL {
  margin-top: var(--spacing-12);
  margin-bottom: var(--spacing-8);
}

.BNhu4WXBipW4rhnk9LC3,
.ZKIkWFIRt5WzjlIsNONW {
  font-size: var(--text-sm);
  line-height: 1.35;
}

.BNhu4WXBipW4rhnk9LC3 a {
  display: block;
  margin-bottom: var(--spacing-4);
  font-family: var(--font-suisse-screen);
}

.BNhu4WXBipW4rhnk9LC3 a:hover {
    color: var(--primary-magenta);
  }

.ZKIkWFIRt5WzjlIsNONW a {
  display: inline-block;
  position: relative;
  text-decoration: none;
}

.ZKIkWFIRt5WzjlIsNONW a:after {
  display: inline-block;
  position: absolute;
  bottom: -1px;
  left: 0;
  background-color: var(--primary-black);
  width: 100%;
  height: 1px;
  content: '';
}

.ytJnO1D8bf8CM2RUIHlw .DropdownField {
  margin-top: 1.5rem;
}

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./app/javascript/components/pages/Settings/SettingsPage/Affiliate/styles.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
.YPwr2VXYSi8cJsDmebqc,
.Ujr7IaCKUDBfI3vgif89 {
  margin-bottom: var(--spacing-3);
  font-size: var(--spacing-4);
  font-family: var(--font-suisse-intl);
}

.OIpX1uj2De1rf5fHu0Qy {
  margin-bottom: var(--spacing-10);
  border: 1px solid var(--grayscale-gray);
  padding: var(--spacing-5);
  text-align: center;
}

.BkqRqbhzOg779BMN86SS {
  margin: 0 auto;
  max-width: 360px;
}

.zTGSCez46x3CAcPzEqqb {
  display: flex;
  justify-content: center;
  color: var(--primary-magenta);
  font-weight: var(--font-normal);
  font-size: var(--text-sm);
  font-family: var(--font-suisse-screen);
  text-align: center;
}

.zTGSCez46x3CAcPzEqqb:p {
    margin-top: var(--spacing-1);
    width: 90%;
  }

.RlQqN4GcZjG6QtoTmbhP {
  margin-top: var(--spacing-12);
}

.JBjI9nK4FVBvz4oPRhfa {
  color: var(--primary-magenta);
}

.JBjI9nK4FVBvz4oPRhfa:hover {
    opacity: 0.8;
    color: var(--primary-magenta);
  }

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/components/pages/Settings/SettingsPage/EmailPreferences/styles.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
.OOZqyOvw3wS1FywEjeM2 {
  font-size: var(--text-md);
  font-family: var(--font-suisse-screen);
}

.v3nX40QtHWo7IKuEkzZz {
  display: grid;
  grid-template-columns: repeat(2, 45%);
  grid-gap: 10px;
  gap: 10px;
  margin-bottom: var(--spacing-4);
}

@media (max-width: 991.98px) {
  .v3nX40QtHWo7IKuEkzZz {
    grid-template-columns: none;
  }
}

.OOZqyOvw3wS1FywEjeM2 {
  margin-bottom: var(--spacing-4);
}

.vSQIa7ZYhFce90Bdf4e1 {
  border: 1px solid var(--grayscale-gray);
  padding-top: var(--spacing-4);
  padding-right: var(--spacing-5);
  padding-bottom: 22px;
  padding-left: 20px;
  max-width: 230px;
}

@media (max-width: 991.98px) {
  .vSQIa7ZYhFce90Bdf4e1 {
    width: 100%;
    max-width: 100%;
    min-height: 200px;
  }
}

.SuoDSXYRc9Qh3FCtLnUi {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.wResTKehd_FEa1ZF11me {
  display: flex;
  align-items: center;
}

.YdCJNidGxBeANehg730O {
  bottom: 0;
  cursor: pointer;
  font-size: var(--text-sm);
}

.YdCJNidGxBeANehg730O a {
  cursor: pointer;
}

.m2hLYrCLQqzPSKPFsnbP {
  padding-top: var(--spacing-8);
}

.Mmq7Mh3VQew4F_wUmQRF {
  color: var(--grayscale-gray);
  font-size: 12px;
  font-family: var(--font-suisse-screen);
}

._Ee6Qy4Ma1iaS_ll0gSC {
  font-weight: var(--font-normal);
  font-size: var(--text-sm);
  font-family: var(--font-suisse-screen);
}

.Izj0gkIjXxVJVMhdOFYQ {
  font-size: 12px;
}

.fQg1S83NKTzXDISXmcSS {
  margin-top: var(--spacing-2);
  font-size: 11px;
  font-family: var(--font-suisse-screen);
}

@media (max-width: 991.98px) {
  .fQg1S83NKTzXDISXmcSS {
    font-size: 12px;
  }
}

.etMw_x1OVbu4gV46Tr27 {
  display: flex;
  margin-top: 2px;
  margin-left: 0.5625rem;
  font-size: var(--text-sm);
}

.MdzcceN4UOm0p2T51lCU {
  margin-top: 1.125rem;
}

._TXKDElrcbGWNi0J2ylv {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: var(--spacing-2);
  border-bottom: 1px solid var(--grayscale-beige);
  padding-top: 18px;
  padding-bottom: 18px;
  width: 100%;
}

._TXKDElrcbGWNi0J2ylv:last-child {
  border-bottom: none;
}

._TXKDElrcbGWNi0J2ylv .checkbox-fill {
  width: 18px !important;
  height: 18px !important;
}

._TXKDElrcbGWNi0J2ylv .checkbox-fill::after {
  top: 0 !important;
  left: 6px !important;
  border-width: 0 2px 2px 0 !important;
  width: 3px !important;
  height: 11px !important;
}

._TXKDElrcbGWNi0J2ylv input:checked ~ .checkbox-fill {
  border-color: var(--primary-magenta) !important;
  background-color: var(--primary-magenta) !important;
}

._TXKDElrcbGWNi0J2ylv input:checked ~ .checkbox-fill::after {
  background-color: var(--primary-magenta) !important;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/components/pages/Settings/SettingsPage/GroupSubscription/SubscriptionOverview/styles.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.sW9CrgzIW1l9b6o834Tk {
  width: 100%;
}

/* Step Overview */

.wJUIXvvYrgQ016Gw0b0w,
.jyTWZ7MGWpp1Zj339K26 {
  display: flex;
  flex-direction: column;
  margin: 1.6875rem 0;
  border: 1px solid var(--grayscale-beige);
  padding: var(--spacing-4) var(--spacing-5);
}

.jyTWZ7MGWpp1Zj339K26 .KPEqOq5hwgRFGB6WdPRg {
  justify-content: flex-end;
}

.KPEqOq5hwgRFGB6WdPRg,
.OsIaoAiRMP6MNMCBiJzB {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.DumNWxDd30bZDLZ_wwzc {
  margin-bottom: 5px;
  color: var(--primary-black);
  font-weight: var(--font-bold);
  font-size: var(--text-sm);
  line-height: var(--spacing-4);
  font-family: var(--font-suisse-screen);
}

.b6hVDsM415FRo4vDEWug {
  margin-top: 0.5625rem;
  color: var(--primary-black);
  font-size: var(--text-sm);
  line-height: var(--spacing-4);
}

.DOYVV7oK0vxlPNM6OXYr {
  margin-top: 0.5625rem;
  color: var(--grayscale-gray);
  font-size: var(--text-xs);
  line-height: 0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/components/FormErrors/styles.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.QNKi_Ck4eewd7WLrvxjq {
  margin-top: 5px;
  color: var(--primary-magenta);
  font-size: var(--text-sm);
}

/*# sourceMappingURL=app_components.css.map*/