/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/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/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/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/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/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/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
}

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