/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Events/EventShowPage/styles.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.events-show-page {
  scroll-behavior: smooth;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Spinner/styles.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.TZE4_bIAB7pbWW8CpsIw {
  margin-top: var(--spacing-2);
  margin-bottom: var(--spacing-2);
}

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

.jex1tEwDmsOSsL8rpdwp {
  margin-top: var(--spacing-6);
  margin-bottom: 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/Nav/SideNav/styles.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.animated-expandable-menu {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s ease-in-out 0s, max-height 0s ease-in-out 0.49s;
  will-change: max-height;
  max-height: 0;
}
.animated-expandable-menu.is-open {
  grid-template-rows: 1fr;
  transition: grid-template-rows 0.5s ease-in-out 0s, max-height 0.5s ease-in-out 0s;
  max-height: 100%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/SocialLinks/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.w6SfuXOqiknUR8DkPmZg {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 3px;
}

.w6SfuXOqiknUR8DkPmZg.uE7IlGpDxPRM44ZxREtA {
  display: flex;
  gap: 0;
  margin: 0;
  padding: 0;
}

.bgU6X7TaynuJc4fkC42R {
  /* This should transition the svg to be very close to $grayscale-gray */
  filter: invert(72%) sepia(0%) saturate(25%) hue-rotate(148deg) brightness(96%) contrast(92%);
  padding: 3px;
}

.vJYrO6rLeVsuhF9bzE5D {
  display: flex;
  flex: 0 0 25%;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--grayscale-gray);
  max-width: 25%;
}

.vJYrO6rLeVsuhF9bzE5D:not(:first-child) {
  border-left: none;
}

.bgU6X7TaynuJc4fkC42R.uE7IlGpDxPRM44ZxREtA {
  display: flex;
  justify-content: center;
  align-items: center;
  /* This should transition the svg to be very close to #000000 */
  filter: none;
  margin: 0;
  padding: 16px 0.5625rem;
  width: 100%;
}

.bgU6X7TaynuJc4fkC42R.uE7IlGpDxPRM44ZxREtA:hover {
  /* This should transition the svg to be very close to #6d686e */
  filter: invert(72%) sepia(0%) saturate(25%) hue-rotate(148deg) brightness(96%) contrast(92%);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Divider/styles.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.AT6BNikgEe4MNyCIMma_ {
  margin-top: var(--spacing-2);
  margin-bottom: var(--spacing-2);
}

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

._JnnwBpFlhUSy0nJHbsA {
  margin-top: var(--spacing-6);
  margin-bottom: 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/EmailConfirmation/styles.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.MnOXmVtujdOcCb5DjM9n {
  margin-top: var(--spacing-12);
  font-family: var(--font-suisse-neue);
  text-align: center;
}

.UauAmVwhAp54SCReb4TV {
  margin-top: var(--spacing-5);
}

.UauAmVwhAp54SCReb4TV h2 {
  font-weight: var(--font-bold);
  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/Benefits/styles.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.blAj6pvuJlTWPr9vgKcK {
  margin-top: var(--spacing-8);
}

.GAu68dgYlZDIbpgDw6NB {
  margin-top: var(--spacing-6);
}

@media (max-width: 767.98px) {
  .GAu68dgYlZDIbpgDw6NB {
    margin-top: var(--spacing-4);
  }
}

.y1ugnk42P6eTwz8eHunu {
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-2);
}

.m5xel9j9lXi91APkbS75 {
  display: flex;
}

.WQpyuIdBG37PVdYUOhZQ {
  /* This should transition the svg to be very close to #cccccc */
  filter: invert(100%) sepia(0%) saturate(5663%) hue-rotate(55deg) brightness(124%) contrast(60%);
  max-width: 100%;
}

.tebrC695PU4lhTeUkwbM {
  margin-left: var(--spacing-2);
  border-bottom: 1px solid var(--grayscale-gray);
  width: 100%;
  font-size: var(--text-md);
}

@media (max-width: 767.98px) {
  .p2qj0LYqd6iOY9lbKfn6 {
    font-size: 14px;
    line-height: 20px;
  }
}

.y1ugnk42P6eTwz8eHunu:last-child .tebrC695PU4lhTeUkwbM {
  border-bottom: none;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ButtonLegacy/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.fVegAfxL5oFa7gkKtAOg {
  display: block;
  /* TI Magenta is default */
  background: var(--primary-magenta);
  padding: var(--spacing-2) var(--spacing-4);
  color: var(--white);
  font-style: normal;
  font-weight: var(--font-normal);
  font-size: 14px;
  line-height: 1.5;
  font-family: var(--font-suisse-intl);
  text-align: center;
  /* Need to specify color again to overwrite the a:visited, a:hover color of black that overwrites all links in base/_normalize.
  TODO: Remove that! once tried and it messed up a whole bunch of links. */
}
.fVegAfxL5oFa7gkKtAOg:disabled {
  background: var(--grayscale-gray);
  pointer-events: none;
  color: var(--white);
}
.fVegAfxL5oFa7gkKtAOg:hover, .fVegAfxL5oFa7gkKtAOg:focus {
  background: var(--primary-pink);
  color: var(--primary-magenta);
}
.f65fFivkR9bswagS1HO8 {
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--primary-black);
}
.f65fFivkR9bswagS1HO8:hover {
  color: var(--primary-black);
}
/* magenta */
.PjXGPbBlpfhkXLvjLORi {
  border-color: transparent;
  background: var(--primary-magenta);
  color: var(--white);
}
.PjXGPbBlpfhkXLvjLORi:hover, .PjXGPbBlpfhkXLvjLORi:focus {
  background: var(--primary-pink);
  color: var(--primary-magenta);
}
/* red */
.SfAe_0APvroi8iLouvHg {
  border-color: transparent;
  background: var(--primary-magenta);
  color: var(--white);
}
.SfAe_0APvroi8iLouvHg:hover, .SfAe_0APvroi8iLouvHg:focus {
  color: var(--white);
}
/* white */
.eqxbwB5t6NcjfX3OZXEg {
  background: var(--white);
  color: var(--primary-black);
}
.eqxbwB5t6NcjfX3OZXEg:hover, .eqxbwB5t6NcjfX3OZXEg:focus {
  color: var(--primary-black);
}
/* light grey */
.lumQzdOIoz1gx77ppOZw {
  border-color: var(--grayscale-gray);
  background: var(--white);
  color: var(--grayscale-gray);
}
.lumQzdOIoz1gx77ppOZw:hover, .lumQzdOIoz1gx77ppOZw:focus {
  color: var(--grayscale-gray);
}
/* grey */
.o3wFvaISvkES60DrW8Su {
  border-color: transparent;
  background: var(--grayscale-beige);
  color: var(--grayscale-gray);
}
.o3wFvaISvkES60DrW8Su:hover, .o3wFvaISvkES60DrW8Su:focus {
  color: var(--grayscale-gray);
}
/* outline */
.hKPUdg0leXKaKia96gJa {
  border-color: var(--primary-magenta);
  background: var(--white);
  color: var(--primary-magenta);
}
.hKPUdg0leXKaKia96gJa:hover, .hKPUdg0leXKaKia96gJa:focus {
  background: var(--primary-pink);
  color: var(--primary-magenta);
}
.zSW2MMHCvMDm1FIa_JGL {
  border: 1px solid;
}
.AfKtXg9H51MC64HMbJdH {
  border: 2px solid;
}
.C7wJkuInbdTSQcJnqg7j {
  cursor: none;
  pointer-events: none;
}
.A2fDVJ4JCv_6Iwyz9KQA {
  width: 100%;
}
.KVYRNs63uwWiY5POiH6P {
  width: 360px;
}
.T2vLXmdJL1g_8oNKWSJ5 {
  width: 139px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Tooltip/styles.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.WS7NMdw24BRsiS4TirPX {
  right: auto;
  left: 0;
}
.WS7NMdw24BRsiS4TirPX:after {
  right: auto;
  bottom: calc(100% - 2px);
  left: 10%;
  transform: rotate(180deg);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/FollowButton/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.cUAn6Kpcb8EoU6uzgLyE.LN9CZOFb6dxrzaJjly1Z {
  display: flex;
  justify-content: center;
  margin-left: 0px;
  padding: var(--spacing-2) var(--spacing-5);
  min-width: 122px;
  font-weight: var(--font-normal);
  line-height: 1.5;
  font-family: var(--font-suisse-intl);
  letter-spacing: normal;
}
.cUAn6Kpcb8EoU6uzgLyE.LN9CZOFb6dxrzaJjly1Z:hover {
  background-color: var(--primary-pink);
  color: var(--primary-magenta);
}
.cUAn6Kpcb8EoU6uzgLyE.LN9CZOFb6dxrzaJjly1Z.NV3yFbsfwfq6Ys9LkKKj {
  border: 1px solid var(--primary-magenta);
  background-color: var(--white);
  padding-right: 13px;
  padding-left: 13px;
  color: var(--primary-magenta);
}
.cUAn6Kpcb8EoU6uzgLyE.LN9CZOFb6dxrzaJjly1Z .M2cKOB7aN8Lr0GYeGDDu {
  margin-right: 5px;
}
.cUAn6Kpcb8EoU6uzgLyE.UhEVGhNJpvuOT1VA3BOK.vXeH1DhKSKnKDorx5Rp6 {
  background-color: var(--grayscale-gray) !important;
  color: var(--white) !important;
}
.cUAn6Kpcb8EoU6uzgLyE.Mh4ZqXiolQ2waCiS8Jld {
  font-size: 0.875rem;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/MessageUserButton/styles.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.zypLsPCqYNXeuo28iMjy {
  margin-right: var(--spacing-2);
  width: 15px;
}

.B_hnziuElg4SejaN3eLi.SO_KEA5pgZ06Pmq7YdaA {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: var(--spacing-2);
  border-color: transparent;
  padding: var(--spacing-2) var(--spacing-4);
  width: 100%;
  min-width: 122px;
  font-weight: var(--font-normal);
  font-size: 14px;
  line-height: 1.5;
  font-family: var(--font-suisse-intl);
  letter-spacing: normal;
}

@media (max-width: 767.98px) {
  .B_hnziuElg4SejaN3eLi.SO_KEA5pgZ06Pmq7YdaA {
    width: 120px;
  }
}

.B_hnziuElg4SejaN3eLi.OxXeHGMNeJOTyTxKOPAn {
  font-size: 0.875rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/TITVPopout/styles.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.SlYncHXbQUKzS3eBhXRq {
  animation: H6o1VBx4rSqA3uKtqykQ 2s ease-in-out infinite;
}

@keyframes H6o1VBx4rSqA3uKtqykQ {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/User/UserAvatar/styles.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.Xlgx4Hs_AMR3lRKjogli {
  margin-right: 10px;
}

.P0etC9n_5r1bU2Dy8uTO {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  background: #555;
  font-size: var(--text-sm); /* for alt text size */
}

.nEebafkQQZpcypHLEwzy {
  width: 30px;
  height: 30px;
}

.S0_w3oeBRDHyaCSobHES {
  width: 40px;
  height: 40px;
}

.dcoV_99fNnS3vYALbTyU {
  width: 50px;
  height: 50px;
}

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

.gVguhfPGeyFCTcRfPmZ1 {
  padding-top: 2px;
  color: var(--white);
  font-weight: var(--font-bold);
  font-size: 13px;
  line-height: 1;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/SubscribeTest/styles.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.juhwgaWZIs5BObwFiYnm span {

font-style: italic;

--tw-text-opacity: 1;

color: rgb(243 42 82 / 1)
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.juhwgaWZIs5BObwFiYnm span {

color: rgb(243 42 82 / var(--tw-text-opacity))
}
}

.i_n5UTqaET6BJmH0u18F span {

margin-top: 1.5rem;

display: block
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Pagination/styles.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.vrL0X4jLDjrq5wSI1hal {
  border-top: 1px solid var(--grayscale-gray);
  background-color: var(--grayscale-beige);
  padding: var(--spacing-3) 0;
  font-size: var(--text-sm);
  font-family: var(--font-suisse-screen);
  list-style: none;
  text-align: center;
}

.tpSzqHnLxWAQlC79ZfNc {
  display: inline;
  margin: 0 var(--spacing-2);
}

.bNg_PBi0bk4MZyioEHV3 {
  font-weight: var(--font-bold);
}

.meru1RM2lIMPphKZeqSb {
  padding: var(--spacing-2);
}

@media (max-width: 575.98px) {
  .vrL0X4jLDjrq5wSI1hal {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }
  .tpSzqHnLxWAQlC79ZfNc {
    margin: 0;
  }
  .meru1RM2lIMPphKZeqSb {
    padding: 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/pages/Forum/ShareModal/styles.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.N0oM9UWXFBRhpIO26Yh7 {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  padding: var(--spacing-8) 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  text-align: center;
}
.N0oM9UWXFBRhpIO26Yh7 .form .form-group {
  margin-top: var(--spacing-4);
}
.N0oM9UWXFBRhpIO26Yh7 .form .form-control {
  background: var(--white);
  color: var(--grayscale-gray);
}
.MlMfm8fpfAXQOcw67Wbq {
  margin-bottom: var(--spacing-6);
  font-size: var(--text-xl);
  font-family: var(--font-suisse-neue);
}
.mAx3_HG_wyzw3a84W_8D {
  width: 600px;
  max-width: 100%;
  max-height: 660px;
  overflow-y: scroll;
}
.mAx3_HG_wyzw3a84W_8D .modal-container {
  height: 100%;
}
.mAx3_HG_wyzw3a84W_8D .wrapper {
  max-width: 100% !important;
  height: calc(100% - 54px);
}
.mYH_uRMXhcbfuFZ7TRjH {
  margin: 0 auto var(--spacing-3) auto;
  width: 80px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/SuperPinModal/styles.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.leeex_kg_HitC3lEr4vm {
  width: 600px;
  max-width: 100%;
  height: auto;
  overflow: auto;
}
.leeex_kg_HitC3lEr4vm .modal-container .wrapper {
  max-width: 100%;
}
.leeex_kg_HitC3lEr4vm .form .form-group {
  display: flex;
  flex-direction: column;
  margin: var(--spacing-4) 0;
  text-transform: capitalize;
}
.tIrsRnrydxuTKbu9ylg2 {
  display: block;
  margin-bottom: var(--spacing-5);
  font-weight: var(--font-bold);
}
.pwTcaBObuoGIxRWVlCmF {
  margin-top: var(--spacing-10);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ForumPostActions/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
.h9rN8icIqVhcF4i2tfkU {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: var(--text-md);
}
@media (min-width: 768px) {
  .h9rN8icIqVhcF4i2tfkU {
    padding-right: var(--spacing-2);
  }
}
.rEFXDGfSdpA1UKTt4jOX {
  font-size: var(--text-sm);
}
.rEFXDGfSdpA1UKTt4jOX .UkXwmcUdG_Q2jpCCtevw {
  margin-right: var(--spacing-5);
}
.rEFXDGfSdpA1UKTt4jOX .UkXwmcUdG_Q2jpCCtevw::after {
  display: none;
}
.exHlEk8hkKo5QXhbPdcH {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
  height: 30px;
}
.exHlEk8hkKo5QXhbPdcH:hover {
  color: var(--primary-black);
}
.RJ1waKirurBqiujTiZWv {
  color: var(--primary-magenta);
}
.d0BycSVdJwhjzZLIhJmN {
  display: flex;
  position: relative;
  align-items: center;
  margin-right: var(--spacing-8);
}
.d0BycSVdJwhjzZLIhJmN:last-child {
  margin-right: 0;
}
.d0BycSVdJwhjzZLIhJmN:last-child::after {
  display: none;
}
.d0BycSVdJwhjzZLIhJmN::after {
  display: flex;
  position: absolute;
  right: -20px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: var(--grayscale-beige);
  width: 4px;
  height: 4px;
  content: "";
}
@media (min-width: 768px) {
  .d0BycSVdJwhjzZLIhJmN {
    margin-right: var(--spacing-10);
  }
}
.wzZCdSX4y5KkZBZQJRVs {
  display: flex;
  position: relative;
  align-items: center;
  gap: var(--spacing-1);
  border: 0;
  background: transparent;
  padding: var(--spacing-2) 0;
  color: var(--grayscale-charcoal);
}
.wzZCdSX4y5KkZBZQJRVs:hover:not(:disabled) {
  color: var(--primary-magenta);
}
.wzZCdSX4y5KkZBZQJRVs:hover:not(:disabled) img {
  /* This should transition the svg to be very close to --red (#f32a52) */
  filter: invert(34%) sepia(34%) saturate(3428%) hue-rotate(339deg) brightness(86%) contrast(87%);
}
.wzZCdSX4y5KkZBZQJRVs:disabled {
  opacity: 0.7;
}
@media (max-width: 767.98px) {
  .wzZCdSX4y5KkZBZQJRVs {
    font-size: var(--text-sm);
  }
  .XeG62IXMcXmLJiTXq3yy {
    display: none;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ForumTags/styles.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.gXnDqJYk9zZLDzDYSOvK {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-5);
  color: var(--primary-magenta);
  font-size: var(--text-md);
}
.gXnDqJYk9zZLDzDYSOvK.ptDm8wF5tTcOwug1xwDd {
  gap: var(--spacing-3);
  font-size: var(--text-sm);
}
a.Xucm1_G_S3X6Pdj_1DoG {
  color: var(--primary-magenta);
}
a.Xucm1_G_S3X6Pdj_1DoG:hover {
  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/ForumPostListItem/styles.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.fpFusPZTzd0wQ6gOrBW3 {
  border: 1px solid var(--grayscale-beige);
  border-radius: var(--spacing-1);
  background-color: var(--white);
  padding: var(--spacing-3) var(--spacing-3) var(--spacing-1);
}

.rv4iGEozbveSzebRmGFK {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-3);
}

.aKak6Gb6Ts8NSCquxWbR {
  margin-top: 2px;
  min-width: var(--spacing-20);
  color: var(--grayscale-gray);
  font-size: var(--text-sm);
  text-align: right;
}

.iZ4yUsIZlZ4cjki0C8US {
  display: block;
  padding-bottom: var(--spacing-1);
  font-weight: var(--font-medium);
  font-size: var(--text-md);
  font-family: var(--font-suisse-neue);
}

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

.CXVguoq2q1viygmvz3i4 {
  display: flex;
  gap: var(--spacing-1);
  margin-bottom: var(--spacing-2);
  color: var(--grayscale-gray);
  font-size: var(--text-sm);
}

.SACC55zWWI0GZZAdtVPc {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  color: var(--primary-black);
}

.FdODC6CEkSjdj3jgMwsK {
  margin-top: -1px;
  border-radius: 4px;
  background-color: var(--primary-black);
  width: 4px;
  height: 4px;
}

a.UTOr6zhaIPU0FaQBt2xf {
  line-clamp: 3;
  -webkit-box-orient: vertical;
  display: flex;
  margin-bottom: var(--spacing-2);
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: var(--text-sm);
}

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

a.UTOr6zhaIPU0FaQBt2xf:hover {
  color: var(--grayscale-gray);
}

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

@media (min-width: 768px) {
  .CZxYVsMCXFVie0opC0oE {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 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/pages/Forum/ForumPostList/styles.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.qKe9oFkGxMPrs02dOkag {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  margin-top: var(--spacing-5);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/TopicForumPosts/TopicPostAuthor/styles.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
.KKPmQPr6oTWiKpv2L_TQ {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
@media (min-width: 750px) {
  .KKPmQPr6oTWiKpv2L_TQ {
    padding-right: 30px;
  }
}
.KKPmQPr6oTWiKpv2L_TQ:last-child {
  padding-right: 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/TopicForumPosts/TopicPostAuthors/styles.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
.hdcLoK_kN_6ZruSxjSy9 {
  width: 100%;
  font-size: 1.125rem;
}

.TNpXTmSwV7ZdchiVWoYN {
  margin-bottom: 10px;
  padding: 5px 0 12px 2px;
  width: 100%;
}

.gg2jaRvd4mCGTC0T5dis {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 750px) {
  .gg2jaRvd4mCGTC0T5dis {
    justify-content: flex-start;
  }
}

@media (max-width: 750px) {
  .gg2jaRvd4mCGTC0T5dis {
    flex-direction: column;
    align-items: flex-start;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Team/styles.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
.lqsiqtNnqm3Q8OwyrmJJ {
  font-size: var(--text-sm);
}

.GtHz64QjRLjc8DfRSEwN {
  display: flex;
  justify-content: space-between;
  font-weight: var(--font-bold);
  font-family: var(--font-suisse-intl-mono);
}

.xWVxWd7ErSBHyujI8pHb {
  margin-top: var(--spacing-2);
  border: none;
  background: transparent;
  padding: 0;
  color: var(--primary-magenta);
  font-size: var(--text-sm);
}

.codhkdQdsKGvJWqQWOq4 {
  margin-top: var(--spacing-7);
  font-size: var(--text-sm);
}

.SyqVtK_k9UWX3xt_IgzS {
  display: flex;
  justify-content: space-between;
  font-weight: var(--font-bold);
  font-family: var(--font-suisse-intl-mono);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Gift/styles.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
.J7TzOjOdpY__KVhknHuu {
  display: flex;
  margin: var(--spacing-4) 0px var(--spacing-2) 0px;
  width: 100%;
}

.lg_LE6QBpqiuJ_npxPMr {
  flex-grow: 0;
  color: var(--primary-magenta);
  font-size: var(--spacing-4);
  font-family: var(--font-suisse-intl-mono);
}

.ut8MpEPj6oQJcREIxYYD {
  flex-grow: 1;
  margin-left: var(--spacing-2);
  background-image: linear-gradient(to left, var(--primary-magenta), var(--primary-magenta));
  background-position: center center;
  background-size: 100% 2px;
  background-repeat: no-repeat;
}

.ICa__RK4GK4yKvmsDaEl {
  width: 100%;
  font-family: var(--font-suisse-neue);
  text-align: left;
}

.ftwrklI_S6m2rHBHW0mi {
  width: 100%;
  font-size: var(--spacing-4);
  font-family: var(--font-suisse-intl);
  text-align: left;
}

/* Gift Form */

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

.Y_14nVDEU40Laqt6Hmnu {
  margin: 0;
  margin-bottom: var(--spacing-3);
  background-color: var(--primary-magenta);
  color: var(--white);
}

/* Confirmation Step */

.mIBzvdSSgJLADIq__OpB {
  margin-top: var(--spacing-4);
}

.sRWXWR4JYBL76bfGdek0 {
  display: flex;
  justify-content: space-between;
  color: var(--primary-black);
  font-weight: var(--font-bold);
  font-size: var(--text-md);
  font-family: var(--font-suisse-screen);
}

.d_85fo9B0SqH4jlEa6MK {
  display: flex;
  justify-content: space-between;
  font-weight: var(--font-bold);
  font-family: var(--font-suisse-intl-mono);
}

.xWJQ651GIolphyBwD06x:disabled {
  opacity: 0.5;
}

.zxCNpb1KzF_gLeHI6b53 {
  margin-top: var(--spacing-3);
  margin-bottom: var(--spacing-3);
  width: 100%;
}

.IPRCWgXGr4EMC9gnIg4P {
  display: flex;
  align-items: center;
  margin-top: var(--spacing-4);
}

.OrMqIj7qH_tzsP5a8Ilu {
  color: var(--primary-black);
  font-size: var(--text-sm);
  line-height: var(--spacing-4);
  font-family: var(--font-suisse-screen);
}

.E6w2fzCgBPpwhNatMSZr {
  font-size: var(--text-sm);
  font-family: var(--font-suisse-intl);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/AnonymousPostBlock/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/
.PSrTlg2jkpTIbDCy54G2 {
  display: flex;
  margin-bottom: 0px;
}

.xCzxeFv0NfferjsEWW5K {
  justify-content: left;
  text-align: left;
}

.Ar8fp19jBBIb408FUvas {
  justify-content: center;
  text-align: center;
}

.I4snLR_JeKsBE9FB3vMM {
  justify-content: right;
  text-align: right;
}

.Mxg1H6cdVSxzNv8zlDKW {
  color: var(--grayscale-gray);
  font-style: italic;
  font-size: var(--text-xs);
}

.ekaaYeDZJzH14pktjATF {
  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/FeaturedPartnerAd/styles.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.sqNU9HfQAPx9ApBy1I8P {
  clip-path: polygon(0 0, 20% 100%, 100% 100%, 100% 0, 100% 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/NoResultsMessage/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.u377jviNeQ9miqy9tHoR {
  margin-top: 20px;
  text-align: center;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/FollowStatusBanner/styles.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.dcwCWO56Zxnf3xBG3eqy {
  width: 600px;
  min-height: 600px;
}
.dcwCWO56Zxnf3xBG3eqy .modal-container {
  flex-direction: row-reverse;
}
.dcwCWO56Zxnf3xBG3eqy .close-button {
  top: var(--spacing-6) !important;
  color: var(--primary-magenta) !important;
  font-family: var(--font-suisse-neue);
}
.dcwCWO56Zxnf3xBG3eqy .wrapper {
  padding-top: var(--spacing-5);
}
@media (max-width: 450px) {
  .dcwCWO56Zxnf3xBG3eqy #FollowButton {
    padding: 5px var(--spacing-3);
  }
}
.dcwCWO56Zxnf3xBG3eqy .pagination {
  min-width: 40%;
}
.dcwCWO56Zxnf3xBG3eqy .pagination a {
  cursor: pointer;
}
.dcwCWO56Zxnf3xBG3eqy .pagination a.active.item {
  color: var(--primary-magenta);
}
.vGun6BWykB7BWOcfy4UJ {
  width: 75%;
  height: var(--spacing-8);
}
.dnIyEmZrE7D5nyoFhhAO {
  display: flex;
  position: absolute;
  justify-content: space-around;
  width: 75%;
}
.dnIyEmZrE7D5nyoFhhAO .d5QX9AXf6Tl2fUULAkH3 {
  color: var(--primary-black);
}
.W4sdpUPG6NIHvS050vHd {
  cursor: pointer;
  border-bottom: var(--spacing-1) solid var(--grayscale-gray);
  height: var(--spacing-10);
  color: var(--grayscale-gray);
}
.PFtoNpdfGumP804HNJiX {
  border-bottom: var(--spacing-1) solid var(--primary-magenta);
}
.PgEF8mmg8hzD0hqYUduj {
  color: var(--grayscale-gray);
}
.gWcPbePf1fNVzJJPCUtd {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: var(--spacing-2);
  border-top: 1px solid var(--grayscale-gray);
  padding-top: var(--spacing-6);
  padding-bottom: var(--spacing-6);
  width: 100%;
  max-height: 540px;
  overflow: auto;
}
@media (max-width: 991.98px) {
  .gWcPbePf1fNVzJJPCUtd {
    padding-right: var(--spacing-2);
    padding-left: var(--spacing-2);
  }
}
.lT2aHeEnjXWmqFMq00yu {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--grayscale-gray);
  padding-top: var(--spacing-2);
  padding-bottom: var(--spacing-2);
  width: 80%;
}
@media (max-width: 991.98px) {
  .lT2aHeEnjXWmqFMq00yu {
    width: 100%;
  }
}
.EzrCIgAiQeTqySM378Gc {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 75%;
}
.FcOG7CtjEm4z4sHTp4y9 {
  margin-right: var(--spacing-4);
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.BYNlJ5cDnbWkox_onrUP {
  font-weight: var(--font-normal);
  font-size: var(--text-md);
  line-height: var(--spacing-7);
  font-family: var(--font-suisse-neue);
  letter-spacing: 0px;
  text-align: left;
}
.XbEfaWmn_a70Up8XARr3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: var(--grayscale-gray);
  font-weight: var(--font-normal);
  font-size: var(--text-sm);
  line-height: var(--spacing-5);
  font-family: var(--font-suisse-screen);
  letter-spacing: 0px;
  text-align: left;
}
.dDSi4QWZlKT2iIyufTex {
  margin-right: 5px;
  margin-bottom: 10px;
  margin-left: 5px;
  font-size: var(--text-xl);
  line-height: 0;
}
.wzwbtNW3q5l6kTtaYHOC {
  display: flex;
  justify-content: flex-end;
  width: 25%;
}
.z3u76kYm5NF7wKGLQezs {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media (max-width: 991.98px) {
  .z3u76kYm5NF7wKGLQezs {
    align-items: center;
    width: 100%;
  }
}
.z3u76kYm5NF7wKGLQezs .Divider {
  margin-top: var(--spacing-2);
  margin-bottom: var(--spacing-3);
  width: 100%;
}
.PpuPq27bVf5loP_ojy3c {
  cursor: none;
  border: none;
  background: none;
  pointer-events: none;
  text-decoration: none;
}
.DWsuoJEwuz17mQauySzo {
  display: flex;
}
.D4gjpznqrxYD3_lsSa6C {
  display: flex;
  justify-content: space-evenly;
  width: 250px;
}
.ppiIfYUfS576AQ4WNCz5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-3);
}
.kcQbGQQB_KmompV_YMcz {
  width: 100%;
}
.esxmgahQ13xXqlsX3fMQ {
  display: flex;
  justify-content: flex-end;
  max-width: 80%;
  color: var(--grayscale-gray);
  font-style: normal;
  font-weight: var(--font-normal);
  font-size: var(--text-sm);
  font-family: var(--font-suisse-screen);
  text-align: left;
}
.esxmgahQ13xXqlsX3fMQ .LjPFfjVfqMh2QKvigABS {
  color: var(--primary-magenta);
}
.KsRNezY_AQjM8nPnx01w {
  cursor: pointer;
  min-width: 110px;
  height: var(--spacing-9);
  color: var(--grayscale-gray);
  font-style: normal;
  font-weight: var(--font-normal);
  font-size: var(--text-md);
  line-height: 35px;
  font-family: var(--font-suisse-screen);
  text-align: center;
}
.KsRNezY_AQjM8nPnx01w .d5QX9AXf6Tl2fUULAkH3 {
  color: var(--primary-black);
}
.KsRNezY_AQjM8nPnx01w:hover {
  border-radius: 100px;
  background: var(--grayscale-beige);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/OverlayAvatars/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.DOAXxKsxzb4ibgrpABAP {
  margin-left: -12px;
}
.DOAXxKsxzb4ibgrpABAP img {
  display: inline-block;
  border: 0.5px solid var(--white);
  border-radius: 50%;
  width: var(--spacing-6);
  height: var(--spacing-6);
}
.DOAXxKsxzb4ibgrpABAP:last-child {
  margin-left: 0;
}
.g3K8xrgU4vN5ZN0eA_GI {
  display: inline-flex;
  flex-direction: row-reverse;
  margin-top: var(--spacing-1);
  width: 100%;
}

/*# sourceMappingURL=common-app_javascript_components_AutoSave_tsx-app_javascript_components_EmailConfirmation_ind-6d15e4.css.map*/