/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Article/styles.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.EKoUBlVVA44dujJTtuXD {
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 46%, 86% 0);
}

.plg9SmUhmvw858TpM3RT {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%);
}

.plg9SmUhmvw858TpM3RT br {
  margin-bottom: 1rem;
  display: block;
  --tw-content: "";
  content: "";
  content: var(--tw-content);
}

.plg9SmUhmvw858TpM3RT p,
.plg9SmUhmvw858TpM3RT span,
.plg9SmUhmvw858TpM3RT li,
.plg9SmUhmvw858TpM3RT h1,
.plg9SmUhmvw858TpM3RT h2,
.plg9SmUhmvw858TpM3RT h3,
.plg9SmUhmvw858TpM3RT h4,
.plg9SmUhmvw858TpM3RT h5,
.plg9SmUhmvw858TpM3RT h6 {
  color: white !important;
}

.plg9SmUhmvw858TpM3RT a {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.plg9SmUhmvw858TpM3RT a {
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}

@media print {

  .SE2jANfgnguT1IMXb9i2 h2 {
    font-size: 1.625rem;
    line-height: 1.4;
    font-weight: 400;
  }
}

.SE2jANfgnguT1IMXb9i2 p {
  margin-bottom: 27px;
  margin-top: 0;
  font-family: Noto Serif, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 1.1875rem;
  line-height: 1.7;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / 1);
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.SE2jANfgnguT1IMXb9i2 p {
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
}

@media print {

  .SE2jANfgnguT1IMXb9i2 p {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    font-size: 1rem;
    line-height: 1.5;
  }
}

.SE2jANfgnguT1IMXb9i2 p img {
  height: auto;
  max-width: 100%;
}

.SE2jANfgnguT1IMXb9i2 a {
  text-decoration-line: underline;
}

.SE2jANfgnguT1IMXb9i2 a:hover {
  --tw-text-opacity: 1;
  color: rgb(243 42 82 / 1);
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.SE2jANfgnguT1IMXb9i2 a:hover {
    color: rgb(243 42 82 / var(--tw-text-opacity));
  }
}

.SE2jANfgnguT1IMXb9i2 ul,
.SE2jANfgnguT1IMXb9i2 ol {
  margin-bottom: 27px;
  margin-top: 0;
  font-family: Noto Serif, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 1.1875rem;
  line-height: 1.7;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / 1);
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.SE2jANfgnguT1IMXb9i2 ul,
.SE2jANfgnguT1IMXb9i2 ol {
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
}

.SE2jANfgnguT1IMXb9i2 ul li,
.SE2jANfgnguT1IMXb9i2 ol li {
  margin-bottom: 1rem;
}

.SE2jANfgnguT1IMXb9i2 ul li:last-child,
.SE2jANfgnguT1IMXb9i2 ol li:last-child {
  margin-bottom: 0;
}

.SE2jANfgnguT1IMXb9i2 figure {
  margin: auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

@media (min-width: 992px) {

  .SE2jANfgnguT1IMXb9i2 figure {
    margin-left: -60px;
  }
}

@media (min-width: 1350px) {

  .SE2jANfgnguT1IMXb9i2 figure {
    margin-left: -84px;
  }
}

.SE2jANfgnguT1IMXb9i2 figure img {
  height: auto;
  width: 100%;
}

@media print {

  .SE2jANfgnguT1IMXb9i2 figure img {
    width: 66.666667%;
  }
}

.SE2jANfgnguT1IMXb9i2 figure figcaption {
  font-family: "Suisse Int’l Mono", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0.025em;
  font-size: 0.875rem;
  line-height: 1.7;
  --tw-text-opacity: 1;
  color: rgb(109 104 110 / 1);
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.SE2jANfgnguT1IMXb9i2 figure figcaption {
    color: rgb(109 104 110 / var(--tw-text-opacity));
  }
}

@media print {

  .SE2jANfgnguT1IMXb9i2 figure figcaption {
    font-size: 1rem;
    line-height: 1.7;
  }
}

@media (min-width: 768px) {

  .SE2jANfgnguT1IMXb9i2 figure figcaption {
    font-size: 1rem;
    line-height: 1.7;
  }
}

@media (min-width: 992px) {

  .SE2jANfgnguT1IMXb9i2 figure figcaption {
    font-size: 1.125rem;
    line-height: 1.7;
  }
}

.SE2jANfgnguT1IMXb9i2 iframe {
  max-width: 100%;
}

.SE2jANfgnguT1IMXb9i2 .section-break {
  margin-top: 3rem;
  margin-bottom: 3rem;
  height: 0.625rem;
  width: 3rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 42 82 / 1);
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.SE2jANfgnguT1IMXb9i2 .section-break {
    background-color: rgb(243 42 82 / var(--tw-bg-opacity));
  }
}

.SE2jANfgnguT1IMXb9i2 .embedded-timeline p {
  margin-top: 0;
  margin-bottom: 0;
  text-wrap: pretty;
  font-family: "Suisse Int’l", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.SE2jANfgnguT1IMXb9i2 .embedded-timeline p + p {
  margin-top: 1.25rem;
}

.SE2jANfgnguT1IMXb9i2 .embedded-timeline br {
  display: none;
}

.b3DNjCk6zlBdDx2bbpep > p:last-of-type {
  position: relative;
}

.b3DNjCk6zlBdDx2bbpep > p:last-of-type::after {
  position: absolute;
  margin-left: 0.5rem;
  margin-top: 7px;
  display: inline-block;
  height: 17px;
  width: 13px;
  background-image: url("https://tii.imgix.net/logos/theinformation/the-information-rebrand-logo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  --tw-content: "";
  content: "";
  content: var(--tw-content);
}

.newFromOurReporters article {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(254 198 204 / 1);
  padding-bottom: 1.5rem;
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.newFromOurReporters article {
    border-color: rgb(254 198 204 / var(--tw-border-opacity));
  }
}

.newFromOurReporters article:last-child {
  border-width: 0px;
  padding-bottom: 0;
}

@media (min-width: 768px) {

  .newFromOurReporters article {
    flex-direction: row;
    gap: 1rem;
  }
}

.newFromOurReporters article > a {
  flex-shrink: 0;
}

.newFromOurReporters article h4 a {
  text-decoration-line: none;
}

.newFromOurReporters img {
  margin-bottom: 1rem;
  display: block;
  width: 100%;
}

@media (min-width: 768px) {

  .newFromOurReporters img {
    margin-bottom: 0;
    max-width: 168px;
  }
}

.whatWereReading div {
  margin-bottom: 1.5rem;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(254 198 204 / 1);
  padding-bottom: 1.5rem;
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.whatWereReading div {
    border-color: rgb(254 198 204 / var(--tw-border-opacity));
  }
}

.whatWereReading div:last-child {
  margin-bottom: 0;
  border-width: 0px;
  padding-bottom: 0;
}

.upcomingEvents h3 {
  margin-bottom: 1rem;
  margin-top: 0;
  font-family: Suisse Works, fallback-ui-sans-serif, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.625rem;
  line-height: 1.4;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / 1);
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.upcomingEvents h3 {
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
}

.upcomingEvents section {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(254 198 204 / 1);
  padding-bottom: 1.5rem;
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.upcomingEvents section {
    border-color: rgb(254 198 204 / var(--tw-border-opacity));
  }
}

.upcomingEvents section:first-child {
  margin-top: 0;
}

.upcomingEvents section:last-child {
  border-width: 0px;
  padding-bottom: 0;
}

.upcomingEvents section img {
  margin-bottom: 1rem;
  display: block;
  width: 100%;
}

.upcomingEvents section h4 + a {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Suisse Int’l", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / 1);
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.upcomingEvents section h4 + a {
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
}

.upcomingEvents section p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-family: "Suisse Int’l", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / 1);
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.upcomingEvents section p {
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
}

.upcomingEvents section div > a {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(243 42 82 / 1);
  text-decoration-line: underline;
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.upcomingEvents section div > a {
    color: rgb(243 42 82 / var(--tw-text-opacity));
  }
}

.upcomingEvents section div > a:hover {
  --tw-text-opacity: 1;
  color: rgb(254 198 204 / 1);
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.upcomingEvents section div > a:hover {
    color: rgb(254 198 204 / var(--tw-text-opacity));
  }
}

@keyframes eSoAq78bqeWcOwOHRXoj {
  0% {
    opacity: 0.1;
  }
  100% {
    opacity: 0.3;
  }
}

.slickcarousel {
  position: relative;
  margin-bottom: 1.5rem;
  margin-top: 2rem;
  max-height: 700px;
  min-height: 500px;
  width: 100%;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(109 104 110 / 1);
  opacity: 0.1;
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.slickcarousel {
    background-color: rgb(109 104 110 / var(--tw-bg-opacity));
  }
}

@media (min-width: 768px) {

  .slickcarousel {
    margin-bottom: 2rem;
    margin-top: 3rem;
    min-height: 600px;
    max-width: 100%;
  }
}

@media (min-width: 992px) {

  .slickcarousel {
    max-width: calc(100vw - 383px);
  }
}

@media (min-width: 1200px) {

  .slickcarousel {
    max-width: calc(100vw - 392px - (100vw - 1060px));
  }
}

@media (min-width: 1350px) {

  .slickcarousel {
    max-width: 800px;
  }
}

.slickcarousel {
  animation: 0.7s infinite alternate eSoAq78bqeWcOwOHRXoj;
}

.slickcarousel img {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.slickcarousel img.is-vertical {
  height: 100%;
  max-height: 480px;
  width: auto;
}

@media (min-width: 768px) {

  .slickcarousel img.is-vertical {
    max-height: 700px;
  }
}

.slickcarousel img.is-horizontal {
  height: auto;
  width: 100%;
}

@media (min-width: 768px) {

  .slickcarousel img.is-horizontal {
    max-width: 800px;
  }
}

.slickcarousel .slick-prev,
.slickcarousel .slick-next {
  z-index: 50;
  height: 2rem;
  width: 2rem;
  touch-action: manipulation;
}

@media (min-width: 768px) {

  .slickcarousel .slick-prev,
.slickcarousel .slick-next {
    height: 3.5rem;
    width: 3.5rem;
  }
}

.slickcarousel .slick-prev, .slickcarousel .slick-prev:focus,
.slickcarousel .slick-next,
.slickcarousel .slick-next:focus {
  transition: background 0.15s ease-in-out;
  border-radius: 50%;
  background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxNiI+PHBhdGggZD0iTTEuMDg1IDcuMDQzYTEgMSAwIDAgMCAwIDEuNDE0bDYuMzY0IDYuMzY0YTEgMSAwIDEgMCAxLjQxNC0xLjQxNEwzLjIwNiA3Ljc1bDUuNjU3LTUuNjU3QTEgMSAwIDEgMCA3LjQ1LjY4TDEuMDg1IDcuMDQzWm0yMy45NzctLjI5M0gxLjc5MnYyaDIzLjI3di0yWiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) var(--primary-magenta) no-repeat 50% 50%/16px;
}

@media screen and (min-width: 768px) {
  .slickcarousel .slick-prev, .slickcarousel .slick-prev:focus,
  .slickcarousel .slick-next,
  .slickcarousel .slick-next:focus {
    background-size: 25px;
  }
}

.slickcarousel .slick-prev:hover, .slickcarousel .slick-prev:active,
.slickcarousel .slick-next:hover,
.slickcarousel .slick-next:active {
  background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxNiI+PHBhdGggZD0iTTEuMDg1IDcuNTE1YTEgMSAwIDAgMCAwIDEuNDE0bDYuMzY0IDYuMzY0YTEgMSAwIDEgMCAxLjQxNC0xLjQxNEwzLjIwNiA4LjIyMmw1LjY1Ny01LjY1N0ExIDEgMCAxIDAgNy40NSAxLjE1MUwxLjA4NSA3LjUxNVptMjMuOTc3LjcwN3YtMUgxLjc5MXYySDI1LjA2MWwuMDAxLTFaIiBmaWxsPSIjRjMyQTUyIi8+PC9zdmc+) var(--primary-pink) no-repeat 50% 50%/16px;
}

@media screen and (min-width: 768px) {
  .slickcarousel .slick-prev:hover, .slickcarousel .slick-prev:active,
  .slickcarousel .slick-next:hover,
  .slickcarousel .slick-next:active {
    background-size: 25px;
  }
}

.slickcarousel .slick-prev::before,
.slickcarousel .slick-next::before {
  display: none;
}

.slickcarousel .slick-prev {
  left: 4px !important;
}

.slickcarousel .slick-next {
  right: 4px !important;
  transform: rotate(180deg) translate3d(0, 16px, 0);
}

@media screen and (min-width: 768px) {
  .slickcarousel .slick-next {
    transform: rotate(180deg) translate3d(0, 28px, 0);
  }
}

.slickcarousel .slick-dots {
  display: none !important;
}

.slickcarousel h3 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: none;
  text-align: center;
  font-family: "Suisse Int’l Mono", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.75rem;
  line-height: 1.3;
  --tw-text-opacity: 1;
  color: rgb(109 104 110 / 1);
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.slickcarousel h3 {
    color: rgb(109 104 110 / var(--tw-text-opacity));
  }
}

@media (min-width: 768px) {

  .slickcarousel h3 {
    font-size: 0.875rem;
    line-height: 1.7;
  }
}

.slickcarousel.is-loaded {
  display: block;
  max-height: 100%;
  min-height: 0px;
  overflow: auto;
  background-color: transparent;
  opacity: 1;
}

@media (min-width: 768px) {

  .slickcarousel.is-loaded {
    min-height: 0px;
  }
}

.slickcarousel.is-loaded {
  animation: none;
}

.slickcarousel.is-loaded img,
.slickcarousel.is-loaded h3 {
  display: block;
}

.slick-dotted.slick-slider.slick-dotted.slick-slider {
  margin-bottom: 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/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/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/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;
}

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