:root {
  --fontSize: 1rem; /* font height = 16, slide height = 1025. 16/1025 = 0.015 */
  --colorOffBlack: #576169;
  --colorPeach: #ff8e83;

  --pinataGreen: #78ffe7;
  --pinataGreenDark: #009378;
  --pinataPurple: #e0d4fb;
  --pinataPurpleDark: #7c48ed;
  --pinataYellow: #ffc978;
  --pinataYellowDark: #ac6700;
  --pinataBlue: #94dbfb;
  --pinataBlueDark: #0783bb;

  --mobileWidth: 390px;
}

/* iPhone 7, 8, and SE - 750×1334 pixels at 326ppi */
@media (max-width: 375px) {
  :root{
    --mobileWidth: 375px;
  }
}



body{
  background: #292929;
  /* background: linear-gradient(180deg, rgba(226,226,248) 0%, rgba(248,231,229) 100%); */
  /* font-size: 1rem; */
  display: flex;
  font-size: var(--fontSize);
  height: 100%;
  justify-content: center;
  margin: 0rem;
  padding: 0rem;
  width: 100vw;
  overflow-y: hide; /* Hide vertical scrollbar */
}

h1, h2, span, b, i, li{
  color: var(--colorOffBlack);
  font-family: Helvetica, Ariel, sans-serif;
  margin: 0;
}

h1{
  font-size: 1.5rem;
}

h2{
  color: #40474d;
  font-size: 1.25rem;
}

h3{
  color: #40474d;
  font-family: Helvetica, Ariel, sans-serif;
  font-size: 1rem;
  margin: 0;
  white-space: normal;
}

p, label{
  color: #000;
  font-family: Helvetica, Ariel, sans-serif;
  /* font-size: var(--fontSize); */
  font-size: var(--fontSize);
  margin: 0;
  white-space: normal;
}

.text_center{
  text-align: center;
}
.text_center_last{
  text-align-last: center;
}

b{
  color: #474747;
  font-size: var(--fontSize);
}

.no_select{
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

ul{
  list-style-type: none; /* Remove bullets */
  margin: 0;
  padding: 0;
}

a{
  align-items: center;
  display: flex;
  /* padding: 0; */
  text-decoration: none;
}


.input_logo{
  align-items: center;
  background: #c0c0c0;
  border: 1px solid #8f8f9d;
  border-right: 0px;
  border-radius: 0.5rem 0 0 0.5rem;
  box-sizing: border-box;
  display: flex;
  height: 2rem;
  padding: 0 1rem;
}


input[type='text']{
  border: 1px solid #8f8f9d;
  border-left: 0px;
  border-radius: 0 0.5rem 0.5rem 0;
  box-sizing: border-box;
  height: 2rem;
  padding: 0 1rem;
  max-height: 2rem;

}

input[type='checkbox']{
  display: none;
  visibility: hidden;
}

input[type='radio']{
  display: none;
  visibility: hidden;
}

input[name='radio'] + label{
  align-items: center;
  border:2px solid #d0d0d0;
  border-radius: 1rem;
  cursor: pointer;
  display: flex;
  color: var(--colorOffBlack);
  font-weight: bold;
  padding: 0.5rem 1rem;
  margin: 0 1rem;
}
input[name='radio']:hover{
  background: #f0f0f0;
}
input[name='radio']:checked + label{
  background: var(--colorPeach);
  border: none;
  color: #fff;
}

label{
  align-items: center;
  border:2px solid #d0d0d0;
  border-radius: 1rem;
  cursor: pointer;
  display: flex;
  color: var(--colorOffBlack);
  font-weight: bold;
  justify-content: center;
  padding: 0.5rem 1rem;
  margin: 0 1rem;
}




/*
 ▄▄▄   ▄▄▄▄▄  ▄▄▄▄   ▄   ▄   ▄▄▄   ▄▄▄▄▄  ▄   ▄  ▄▄▄▄   ▄▄▄▄▄
█   █    █    █   █  █   █  █   █    █    █   █  █   █  █
▀▄▄▄     █    █▄▄▄▀  █   █  █        █    █   █  █▄▄▄▀  █▄▄▄
    █    █    █   █  █   █  █        █    █   █  █   █  █
    █    █    █   █  █   █  █        █    █   █  █   █  █
█   █    █    █   █  █   █  █   █    █    █   █  █   █  █
 ▀▀▀     ▀    ▀   ▀   ▀▀▀    ▀▀▀     ▀     ▀▀▀   ▀   ▀  ▀▀▀▀▀
findindex
*/

.block{
  display: inline-block;
  white-space: nowrap;
}

.nbsp,
.lace,
.join,
.pair{
  display: flex;
  flex-direction: row;
}

.together_center,
.nbsp_center,
.lace_center,
.join_center,
.pair_center{
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space: nowrap;
}

.together_center{
  width: auto;
}

.nbsp_center > *:not(:last-child),
.nbsp > *:not(:last-child){
  margin-right: 0.25rem !important;
}

.lace > *:not(:last-child),
.lace_center > *:not(:last-child){
  margin-right: 0.5rem !important;
}

.join > *:not(:last-child),
.join_center > *:not(:last-child){
  margin-right: 1rem !important;
}

.pair > *:not(:last-child),
.pair_center > *:not(:last-child){
  margin-right: 1.5rem !important;
}

.stack,
.stack_together,
.stack_short,
.stack_long{
  display: flex;
  flex-direction: column;
}

.stack_center_together,
.stack_center_short,
.stack_center,
.stack_center_long{
  align-items: center;
  display: flex;
  flex-direction: column;
}

.stack_left{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.stack_short > *:not(:last-child),
.stack_center_short > *:not(:last-child){
  margin-bottom: 0.5;
}

.stack > *:not(:last-child),
.stack_center > *:not(:last-child),
.stack_left > *:not(:last-child){
  margin-bottom: 1rem;
}

.stack_center_long > *:not(:last-child){
  margin-bottom: 2rem;
}

.stack_together > *:not(:last-child){
 margin-bottom: 0rem;
}
.stack_long > *:not(:last-child){
 margin-bottom: 2rem;
}

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

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


.right{
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}


.tab{
  margin-left: 2rem;
}

button{
  align-items: center;
  /* background: #ebebeb; */
  background: #fff;
  border: 2px solid #d0d0d0;
  /* border: 0; */
  border-radius: 2rem;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  color: var(--colorOffBlack);
  font-family: Helvetica, Ariel, sans-serif;
  /* font-size: 1.25rem; */
  font-weight: bold;
  justify-content: center;
  height: 3rem;
  padding: 0.5rem 1rem;
  /* margin: 2rem; */
}
button:hover{
  background: #f0f0f0;
}

.button_round{
  align-items: center;
  background: #ebebeb;
  border: 2px solid #d0d0d0;
  border-radius: 3rem;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 1rem;
  height: 2.5rem !important;
  width: 2.5rem !important;
}

.button_round:hover{
  background: #d0d0d0;
}

.button_square{
  align-items: center;
  background: #ebebeb;
  /* border: 2px solid #d0d0d0; */
  border: 0;
  border-radius: 0.75rem;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  color: var(--colorOffBlack);
  font-family: Helvetica, Ariel, sans-serif;
  font-weight: bold;
  justify-content: center;
  max-height: 2.5rem;
  max-width: 2.5rem;
  min-height: 2.5rem;
  min-width: 2.5rem;
  padding: 0.5rem;
}

.button_large{
  border: 0px;
  height: 3.5rem;
  width: 3.5rem;
}
.button_large > .notification{
  height: 1.5rem;
  width: 1.5rem;
}
.button_large > .notification > b{
  font-size: 0.85rem;
}

.button_back{
  background: #fff;
  border: 2px solid #d0d0d0;
  box-sizing: border-box;
}
.button_story{
  background: #ff9a62;
  color: #7d2c00;
}
.button_activity{
  background: #fede67;
  color: #7d2c00;
}
.button_chat{
  background: #cbefef;
}


.button_subtext{
  font-size: 0.5rem;
  font-weight: normal;
}

.icon_box{
  align-items: center;
  background: #ebebeb;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  height: 2rem;
  width: 2rem;
  min-height: 2rem;
  min-width: 2rem;
}


.icon_fit_vertical{
  object-fit: cover;
  height: 1rem;
}
.icon_fit_horizontal{
  object-fit: cover;
  width: 1rem;
}

.icon_16{
  height: 1rem;
  object-fit: contain;
}
.icon_24{
  height: 1.5rem;
  object-fit: contain;
}
.icon_32{
  height: 2rem;
  object-fit: contain;
}

.full_height{
  height: 100%;
}

.full_width{
  width: 100%;
}

.limit_width{
  width: 100vw;
  max-width: var(--mobileWidth);
  overflow: hidden;
  text-overflow: ellipsis;
}

.title{
  margin: 1.5rem !important;
}


.text_blue{
  color: #00ace6;
}
.text_peach{
  color: #ff8e83;
}
.text_grey{
  color: #a0a0a0;
}
.text_grey_light{
  color: #c0c0c0;
}



.background_green{
  background: #0db14b;
}
.background_red{
  background: #ff7f7f;
}


.background_peach{
  background: #ff8e83;
}
.background_toothpaste{
  background: #b1f4cd;
}

.background_rose{
  background: #eadcea;
}
/*
▄▄▄▄▄  ▄   ▄  ▄▄▄▄   ▄▄▄▄▄  ▄   ▄
  █    ██  █  █   █  █      █   █
  █    █ █ █  █   █  █▄▄▄    █ █
  █    █ █ █  █   █  █        █
  █    █ █ █  █   █  █       █ █
  █    █  ██  █   █  █      █   █
▀▀▀▀▀  ▀   ▀  ▀▀▀▀   ▀▀▀▀▀  ▀   ▀
findindex
*/



#wrap{
  background: #fff;
  display: flex;
  flex-direction: column;
  width: 100vw;
  max-width: var(--mobileWidth); /* testing iPhone 12/13 screen (height would be 844, but that smushes stuff) */
  overflow-x: hidden;
  overflow-y: scroll;
}

#homeControls{
  align-items: center;
  border-bottom: 3px solid #f0f0f0;
  display: flex;
  height: 50vh;
  justify-content: center;
  width: var(--mobileWidth);
  max-width: inherit;
}

.menu_button{
  align-items: center;
  background: #fff;
  border:var(--line) solid #d0d0d0;
  border-radius: 1rem;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  color: var(--colorOffBlack);
  font-family: Helvetica, Ariel, sans-serif;
  /* font-size: 1.25rem; */
  font-weight: bold;
  padding: 1rem;
}



#reportButton{
  background: #ff9a62;
}
#reportButton:hover{
  background: #ff792f;
}
#reportButton > p{
  color: #963500;
}

#activityButton{
  background: #fede67;
  padding: 1rem;
}

#activityButton:hover{
  background: #fed334;
}
/* #activityButton > p{
  color: #997901;
} */

#chatButton{
  background: #f0f0f0;
  /* position: relative; */
  padding: 1.5rem;
}

.notification_wrap{
  box-sizing: border-box;
  padding: 0.5rem;
  position: relative;
}

.notification{
  align-items: center;
  background: #ff0000;
  border: 2px solid #fff;
  border-radius: 2rem;
  display: flex;
  height: 1rem;
  justify-content: center;
  width: 1rem;
  position: absolute;
  right: 0;
  top: 0;
}
.notification > b{
  color: #fff;
  font-size: 0.75rem;
}






#feedMenu{
  align-items: center;
  background: #d0d0d0;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0.5rem 1rem;
}

#feed{
  background: #f5f5f5;
  padding: 0 1rem;
}



.filter_section{
  /* height: 0px; */
  /* height: 0px; */
  overflow: hidden;
  -webkit-transition: height 0.25s linear;
  -moz-transition: height 0.25s linear;
  transition: height 0.25s linear;
}

.filter_topic{
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
}

.filter_posts > *{
  margin-bottom: 1rem;
}

.post{
  background: #f0f0f0;
  border-radius: 1rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
/* .post > *:not(:last-child){
 margin-bottom: 0.5rem;
} */

.post_title{
  margin: 0 0 0.5rem 0 !important;
}

.feed_basics{
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 0 0.25rem 0;
}

.feed_user{
  align-items: center;
  background: linear-gradient( rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.07) );
  border-radius: 1rem;
  display: flex;
  padding: 0.5rem 0.75rem;
  white-space: nowrap;
}
.feed_user > *:not(:last-child){
  margin-right: 1rem;
}

.post_body{
  height: 15vh;
  max-height: 15vh;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: wrap;
  margin: 0.25rem 0 0 0;
}

.post_body:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255, 1) 90%);
  width: 100%;
  height: 4em;
}

.feed_footer{
  display: flex;
  justify-content: space-between;
  margin: 0rem 0 0 0 !important;
}




.post:nth-child(1){
  background: var(--pinataGreen);
}
.post:nth-child(1) > .post_title,
.post:nth-child(1) > .feed_basics > .join_center > p,
.post:nth-child(1) > .feed_footer > .lace_center > p{
  color: var(--pinataGreenDark);
}
.post:nth-child(1) > .post_body{
  /* background: #2cffd9; */
}
.post:nth-child(1) > .post_body::after{
  background-image: linear-gradient(to bottom, rgba(120, 255, 231, 0), rgba(120, 255, 231, 1) 90%);
}


.post:nth-child(2){
  background: var(--pinataPurple) !important;
}
.post:nth-child(2) > .post_title,
.post:nth-child(2) > .feed_basics > .join_center > p,
.post:nth-child(2) > .feed_footer > .lace_center > p{
  color: var(--pinataPurpleDark);
}
.post:nth-child(2) > .post_body{
  /* background: #e0d4fb; */
}
.post:nth-child(2) > .post_body::after{
  background-image: linear-gradient(to bottom, rgba(224, 212, 251, 0), rgba(224, 212, 251, 1) 90%);
}


.post:nth-child(3){
  background: var(--pinataYellow);
}
.post:nth-child(3) > .post_title,
.post:nth-child(3) > .feed_basics > .join_center > p,
.post:nth-child(3) > .feed_footer > .lace_center > p{
  color: var(--pinataYellowDark);
}
.post:nth-child(3) > .post_body::after{
  background-image: linear-gradient(to bottom, rgba(255, 201, 120, 0), rgba(255, 201, 120, 1) 90%);
}


.post:nth-child(4){
  background: #b6f36a;
}
.post:nth-child(4) > .post_title,
.post:nth-child(4) > .feed_basics > .join_center > p,
.post:nth-child(4) > .feed_footer > .nbsp_center > p{
  color: #7c48ed;
}
.post:nth-child(4) > .post_body::after{
  background-image: linear-gradient(to bottom, rgba(182, 243, 106, 0), rgba(182, 243, 106, 1) 90%);
}


.post:nth-child(5){
  background: #ff9a62;
}
.post:nth-child(5) > .post_title,
.post:nth-child(5) > .feed_basics > .join_center > p,
.post:nth-child(5) > .feed_footer > .nbsp_center > p{
  color: #7c48ed;
}
.post:nth-child(5) > .post_body::after{
  background-image: linear-gradient(to bottom, rgba(255, 154, 98, 0), rgba(255, 154, 98, 1) 90%);
}


.post:nth-child(6){
  background: var(--pinataBlue);
}
.post:nth-child(6) > .post_title,
.post:nth-child(6) > .feed_basics > .join_center > p,
.post:nth-child(6) > .feed_footer > .nbsp_center > p{
  color: var(--pinataBlueDark);
}
.post:nth-child(6) > .post_body::after{
  background-image: linear-gradient(to bottom, rgba(148, 219, 251, 0), rgba(148, 219, 251, 1) 90%);
}




.referral{
  background: #fff;
  border: 2px solid #ebebeb;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 0 0.5rem;
  padding: 2rem 1rem;
  /* width: calc(100vw - 4rem); // */
}



/*
▄▄▄▄   ▄▄▄▄▄  ▄▄▄▄    ▄▄▄   ▄▄▄▄   ▄▄▄▄▄
█   █  █      █   █  █   █  █   █    █
█▄▄▄▀  █▄▄▄   █   █  █   █  █▄▄▄▀    █
█   █  █      █▀▀▀   █   █  █   █    █
█   █  █      █      █   █  █   █    █
█   █  █      █      █   █  █   █    █
▀   ▀  ▀▀▀▀▀  ▀       ▀▀▀   ▀   ▀    ▀
findreport
*/

.menu{
  background: #f5f5f5;
  border-bottom: 2px solid #eaeaea;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  padding: 0.25rem;
  width: 100vw;
  max-width: var(--mobileWidth);
}

.subsection{
  align-items: center; /* aligns horizontal due to column */
  display: flex;
  flex-direction: column;
  margin: 0 0 2rem 0 !important;
  width: 100%;
  max-width: calc(100vw - 3rem);
}
.subsection > *:not(:last-child){
  margin-bottom: 1rem;
}

#reportDisclaimer{
  padding: 2rem;
}

#reportForm{
  margin: 0 1rem;
}
#reportForm > section{
  background: #f5f5f5;
  border: 2px solid #d0d0d0;
  border-radius: 1rem;
  padding: 1rem;
  box-sizing: border-box;
}

.section_title{
  border-bottom: 3px dashed #d0d0d0;
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem !important;
  width: 100%;
  padding-bottom: 1rem;
}

#reportSocials > *{
  margin: 0;
}
#reportSocials{
  display: flex;
  flex-direction: row;
  justify-content: space-around !important;
  width: 100%;
}


#reportImage{
  align-items: center;
  cursor: pointer;
  border: 3px dashed #c0c0c0;
  display: flex;
  justify-content: center;
  padding: 2rem;
  width: 80%;
  box-sizing: border-box;
}

.button_grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25em 1.25em;
  /* overflow: scroll; */
  padding: 1em;
  position: relative;

}


textarea[name='experience']{
  box-sizing: border-box;
  width: 100%;
  height: 30vh;
  padding: 0.25rem;
}

#buttonGenerate{
  background: #01beff;
  border: 0;
  color: #006081;
  font-size: 1rem;
  margin: 1rem 0 2rem 0;
  padding: 1rem;
}



/*
 ▄▄▄    ▄▄▄   ▄▄▄▄▄  ▄▄▄▄▄  ▄   ▄  ▄▄▄▄▄  ▄▄▄▄▄  ▄   ▄
█   █  █   █    █      █    █   █    █      █    █   █
█▄▄▄█  █        █      █    █   █    █      █     █ █
█   █  █        █      █    █   █    █      █      █
█   █  █        █      █     █ █     █      █      █
█   █  █   █    █      █      █      █      █      █
▀       ▀▀▀     ▀    ▀▀▀▀     ▀    ▀▀▀▀▀    ▀      ▀
findactivity
*/

.feature{
  align-items: center;
  /* border-bottom: 3px solid #f0f0f0; */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 50vh;
  justify-content: center;
  width: var(--mobileWidth);
  max-width: inherit;
  padding: 2rem;
}
.main_box{
  /* border: 1px solid #e0e0e0; */
  /* border-radius: 1rem; */
  padding: 1.5rem 2.5rem;
  box-sizing: border-box;
}

.full{

}

.able_box{
  align-items: center;
  border-radius: 0.25rem;
  display: flex;
  height: 1rem;
  justify-content: center;
  width: 1rem;
}
.able_box > p,
.able_box > b{
  color: #fff;
}


.feed{
  align-items: center;
  background: #f5f5f5;
  border-top: 2px solid #eaeaea;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100vw;
  max-width: var(--mobileWidth);
  padding: 0 1rem;
}

.activity_menu{
  /* background: #eaeaea; */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 0.75rem 0 0 0;
  width: 100%;
  max-width: calc( var(--mobileWidth) - 1.5rem); /* Wider than 'activity_section' because 'notification_wrap' sets button inward about 0.25rem */
}
.a_green,
.a_green:active{
  background: var(--pinataGreen);
}
.a_green > h2{
  color: var(--pinataGreenDark);
}
.a_green_body{
  border: 2px solid var(--pinataGreen);
}

.a_purple,
.a_purple:active{
  background: var(--pinataPurple);
}
.a_purple > h2{
  color: var(--pinataPurpleDark);
}
.a_purple_body{
  border: 2px solid var(--pinataPurple);
}

.a_yellow,
.a_yellow:active{
  background: var(--pinataYellow);
}
.a_yellow > h2{
  color: var(--pinataYellowDark);
}
.a_yellow_body{
  border: 2px solid var(--pinataYellow);
}

.a_blue,
.a_blue:active{
  background: var(--pinataBlue);
}
.a_blue > h2{
  color: var(--pinataBlueDark);
}
.a_blue_body{
  border: 2px solid var(--pinataBlue);
}

.activity_section{
  /* border: 2px solid #d0d0d0; */
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 2rem;
  width: 100vw;
  max-width: calc( var(--mobileWidth) - 2rem);
}

.activity_title{
  align-items: center;
  border-radius: 1rem 1rem 0 0;
  display: flex;
  justify-content: center;
  padding: 1rem;

}
.activity_title > *:not(:last-child){
  margin-right: 0.75rem;
}


.activity_body{
  background: #fff;
  border-radius: 0 0 1rem 1rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: inherit;
  padding: 1rem 0.5rem;
}
#activityFeed > .activity_section > .activity_body > *:not(:last-child){
  border-bottom: 1px solid #d0d0d0;
}

.one_line{
  white-space: nowrap;
}

.activity_item{
  align-items: center;
  display: flex;
  /* justify-content: space-between; */
  /* border-bottom: 1px solid #f0f0f0; */
  margin: 1rem 1rem;
  padding: 0rem 0 1.5rem 0;
  width: inherit;
}
.activity_item_title{
  max-width: inherit;
}

.item_date{
  background: #f5f5f5;
  border: 2px solid #d0d0d0;
  border-radius: 0.5rem;
  padding: 0.5rem;
  text-align: center;
}
.item_date > p {
  color: var(--colorOffBlack);
  margin: 0;
  max-width: 3.25rem;
}

.title_preview{
  max-width: calc( var(--mobileWidth) * 0.40 );
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text_preview{
  max-width: calc( var(--mobileWidth) * 0.80 );
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.no_activity{
  margin: 3rem;
}

.row_inactive{
  opacity: 0.75;
}

/*
▄▄▄▄    ▄▄▄    ▄▄▄   ▄▄▄▄▄
█   █  █   █  █   █    █
█▄▄▄▀  █   █  ▀▄▄▄     █
█      █   █      █    █
█      █   █      █    █
█      █   █  █   █    █
▀       ▀▀▀    ▀▀▀     ▀
findpost
*/