.trendHashtags_trendHashtags__vFSxW {
  display: flex;
  position: relative;
  width: 100%;
  justify-content: space-between;
}
.trendHashtags_trendHashtags__vFSxW {
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.1s ease;
}

.trendHashtags_trendHashtags__vFSxW.trendHashtags_show__dGd8D {
  max-height: 100%;
  opacity: 1;
}

.trendHashtags_searchandfilter__UBqiJ {
  position: relative;
  gap: var(--gap-8);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.trendHashtags_filter__c5Ce2 {
  position: relative;
  display: flex;
  gap: var(--gap-10);
  justify-content: space-between;
}
.trendHashtags_trendHashtags__vFSxW {
  height: 100%;
  align-content: space-between;
  flex-direction: column;
  gap: var(--gap-20);
}
.trendHashtags_searchbtn__ZNfv2 {
  height: 40px;
  background-color: var(--color-dark-blue);
  min-width: 60px;
  border-radius: 0px var(--br8) var(--br8) 0px;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.trendHashtags_searchbtn__ZNfv2 svg {
  transition: var(--transition2);
}
.trendHashtags_searchbtn__ZNfv2:hover svg {
  scale: 1.1;
}
.trendHashtags_searchContainer__p7_L7 {
  display: flex;
  position: relative;
  width: 100%;
  height: 40px;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}

.trendHashtags_searchInput__UaHvV {
  position: relative;
  width: 100%;
}

.trendHashtags_boxLiDiv__ark5V {
  height: 50px;
  color: var(--text-h1);
  text-decoration: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: left;
  padding-left: 10px;
  font-size: var(--font-14);

  font-weight: var(--weight-400);
  line-height: 20px;
}
.trendHashtags_borderLiDiv__etoJm {
  position: relative;
  border-bottom: 1px solid var(--content-box);
  height: 0 !important;
  width: 90px;
  left: 50%;
  transform: translateX(-50%);
}

/* hashtag title*/
.trendHashtags_hashtagUsed__nmaHS {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  gap: var(--gap-10);
  flex-direction: column;
  align-content: stretch;
  justify-content: flex-start;
}

.trendHashtags_trendhashtagTitleContainer__96H7O {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
}

.trendHashtags_hashtagtitle__zVULn,
.trendHashtags_symbol__bfjMi,
.trendHashtags_used__Q5d8N {
  color: var(--text-h2);
  font-size: var(--font-14);

  font-weight: var(--weight-400);

  position: relative;
}

.trendHashtags_symbol__bfjMi {
  width: 25px;
  -moz-text-align-last: center;
       text-align-last: center;
}

.trendHashtags_hashtagtitle__zVULn {
  width: 170px;
  -moz-text-align-last: start;
       text-align-last: start;
}

.trendHashtags_used__Q5d8N {
  width: 60px;
  -moz-text-align-last: center;
       text-align-last: center;
}

.trendHashtags_lineheader__PFii1 {
  position: relative;

  width: 100%;
  height: 2px;
  border-radius: var(--br5);
  background-color: var(--content-box);
}

.trendHashtags_swiperContent__cj4Td,
.trendHashtags_trendHashtagContainer__rYFyI {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--gap-20);
}
.trendHashtags_swiperContent__cj4Td > :last-child {
  top: 0px !important;
}

.trendHashtags_trendHashtagContainer__rYFyI {
  height: 45px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 10px;
  justify-content: space-around;
  border-bottom: 1px solid var(--color-gray30);
}

html[dir="rtl"] .trendHashtags_detail__PaaF_ {
  float: right !important;
}

.trendHashtags_detail__PaaF_,
.trendHashtags_div4__WDjqe {
  font-weight: var(--weight-400);
}

.trendHashtags_div4__WDjqe {
  position: relative;
  color: var(--text-h2);
  width: 25px;
  -moz-text-align-last: center;
       text-align-last: center;
}

.trendHashtags_detail__PaaF_ {
  gap: var(--gap-5);
  float: left;
  border-radius: var(--br8);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: var(--paddingtag);
  background-color: var(--color-light-blue30);
  color: var(--text-h1);
  font-size: var(--font-14);

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  transition: var(--transition2);
}

.trendHashtags_instagramer__pvm52 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}
.trendHashtags_k__rbp_O {
  width: 60px;
  -moz-text-align-last: center;
       text-align-last: center;
  color: var(--text-h1);
  font-size: var(--font-14);

  font-weight: var(--weight-400);
}

.trendHashtags_component9431__OdqYM {
  transition: var(--transition3);
  cursor: pointer;
  position: relative;
  width: 15px;
  height: 15px;
  overflow: hidden;
  flex-shrink: 0;
}

.trendHashtags_lineHashtag12__qrGje {
  border-bottom: 1px solid red;
  position: absolute;
  border-radius: var(--br5);
  top: 51px;

  width: 100%;
  height: 1px;
}

.trendHashtags_paginationvariant13Icon__o_F71 {
  position: absolute;
  z-index: 5;
  width: 21px;
  height: 20px;
  bottom: 10px;
  transition: var(--transition3);
  cursor: pointer;
}
.trendHashtags_paginationvariant14Icon__N3VWH {
  left: 80%;
  position: absolute;
  z-index: 5;
  width: 21px;
  height: 20px;
  bottom: 10px;
  transition: var(--transition3);
  cursor: pointer;
}

.trendHashtags_paginationvariant13Icon__o_F71 {
  right: 80%;
}

.trendHashtags_paginationvariant13Icon__o_F71:hover {
  transform: scale(1.1);
}

.trendHashtags_paginationvariant13Icon__o_F71:active {
  transform: scale(0.9);
}

.trendHashtags_paginationvariant14Icon__N3VWH:hover {
  transform: scale(1.1);
}

.trendHashtags_paginationvariant14Icon__N3VWH:active {
  transform: scale(0.9);
}

.trendHashtags_popupcopy__gJHKQ {
  position: absolute;
  background-color: var(--color-disable);
  width: calc(100% - 60px);
  border-radius: var(--br15);
  padding: var(--padding-10) var(--padding-14);
  border: 1px solid var(--color-gray30);
  display: flex;
  flex-direction: row-reverse;
  gap: var(--gap-5);
  color: var(--text-h1);
  z-index: 15;
  transition: var(--transition2);
  bottom: 25px;
  animation: trendHashtags_fade-in__QIz7z 0.3s ease-in-out both;
  justify-content: space-between;
  align-items: center;

  @media (max-width: 480px) {
    width: calc(100% - 42px) !important;
  }
}
@keyframes trendHashtags_fade-in__QIz7z {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.trendHashtags_popupbtn__6t8wX {
  display: flex;
  gap: var(--gap-10);
}

.winnerPicker_all__rsiVt {
  gap: var(--gap-20);
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  flex-direction: column;

  justify-content: space-between;
}
.winnerPicker_all__rsiVt {
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.1s ease;
}

.winnerPicker_all__rsiVt.winnerPicker_show__KgDnF {
  max-height: 100%;
  opacity: 1;
}

/* explicit class to satisfy CSS Modules lookup in TS/linters */
.winnerPicker_show__KgDnF {
  --noop: 1;
}

.winnerPicker_winnerPicker__4gTrd {
  position: relative;
  display: flex;
  gap: var(--gap-10);
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}

.winnerPicker_score__jJYi6,
.winnerPicker_most__6IYbn,
.winnerPicker_random__kXhf5 {
  position: relative;
  width: 100%;
  height: 70px;
  min-height: 70px;
  border: 1px solid var(--content-box);
  border-radius: var(--br15);
  gap: var(--gap-10);

  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: var(--padding-10);
  transition: var(--transition2);
  cursor: pointer;
}
.winnerPicker_score__jJYi6:hover,
.winnerPicker_most__6IYbn:hover,
.winnerPicker_random__kXhf5:hover {
  border: 1px solid var(--color-dark-blue);
}

.winnerPicker_icon__xZOHa {
  position: relative;
  width: 100%;
  max-width: 50px;
  max-height: 35px;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  cursor: pointer;
}
.winnerPicker_title__E5q28 {
  position: relative;
  font-size: var(--font-16);
  font-weight: var(--weight-600);
  color: var(--color-dark-blue);
}

.winnerPicker_frame__aEKEy {
  position: relative;
  width: 100%;
  display: flex;
  gap: var(--gap-5);
  flex-direction: column;
  align-items: flex-start;
}

.winnerPicker_lotteryresult__CgSRO {
  height: 100%;
  overflow-y: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
  transition: var(--transition3);
}

.winnerPicker_activeWinnerPickerlist__WzPra {
  height: 100%;
  width: 100%;
  display: flex;
  gap: var(--gap-20);
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
}
html[dir="rtl"] .winnerPicker_activeWinnerPickerlist__WzPra > div > div:nth-child(2) {
  left: -10% !important;
}

.winnerPicker_innerContainer__BJx5Y {
  max-height: 90px;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: var(--padding-10) var(--padding-8);
  border-bottom: 1px solid var(--color-gray30);
  transition: var(--transition3);
}

.winnerPicker_status__HhXlJ {
  color: var(--color-purple);
  background-color: var(--color-purple30);
  padding: var(--paddingtag);
  line-height: 14px;
  border-radius: var(--br8);
  font-size: var(--font-12);
  font-weight: var(--weight-600);
}

.winnerPicker_winnerInfoContainer__X5YEE {
  gap: var(--gap-8);
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  min-height: 50px;
}
.winnerPicker_winnermoreContainer__oZs9Y {
  gap: var(--gap-8);
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  min-height: 50px;
}

.winnerPicker_arrow__SUIw3,
.winnerPicker_notarrow__e5NT0 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.winnerPicker_winnerId__oGICW {
  position: relative;
  color: var(--text-h1);
  font-size: var(--font-16);
  font-weight: var(--weight-700);
}

.winnerPicker_winnerTimeContainer__wuZ4j {
  color: var(--text-h1);
  display: flex;
  gap: var(--gap-5);
  position: relative;
  font-size: var(--font-12);
  min-height: 20px;
  justify-content: flex-start;
  flex-direction: row;
}

.winnerPicker_winnerTime__mZQne {
  position: relative;
  color: var(--text-h1);
  font-size: var(--font-12);
  font-style: normal;
  font-weight: var(--weight-500);
}

.winnerPicker_error__mTeXv {
  min-width: 60px;
  border: 1px solid var(--color-dark-red30);
  color: var(--color-dark-red);
  background-color: var(--color-dark-red10);
  padding: var(--paddingtag);
  border-radius: var(--br10);
  font-size: var(--font-10);
  font-weight: var(--weight-500);
  line-height: 16px;
}

.winnerPicker_success__FgYvA {
  min-width: 60px;
  border: 1px solid var(--color-dark-green30);
  color: var(--color-dark-green);
  background-color: var(--color-dark-green10);
  padding: var(--paddingtag);
  border-radius: var(--br10);
  font-size: var(--font-10);
  font-weight: var(--weight-500);
  line-height: 16px;
}

.winnerPicker_pending__zOAIo {
  min-width: 60px;
  border: 1px solid var(--color-purple30);
  color: var(--color-purple);
  background-color: var(--color-purple10);
  padding: var(--paddingtag);
  border-radius: var(--br10);
  font-size: var(--font-10);
  font-weight: var(--weight-500);
  line-height: 16px;
}

.winnerPicker_date__BqtNS {
  color: var(--text-h2);
  font-weight: var(--weight-400);
  position: relative;
  display: flex;
  transition: all 0.3s ease-in-out;
  flex-direction: row;
  align-content: center;
  align-items: center;
}

.winnerPicker_day__vqjW2 {
  color: var(--text-h1);
  font-size: var(--font-12);
  font-weight: var(--weight-500);
}

.winnerPicker_hour__VCinL {
  color: var(--text-h2);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
}

/* Swiper styles for WinnerPicker */
.winnerPicker_swiperContent__qF34y {
  width: 100%;
  height: auto;
  position: relative;
}

.winnerPicker_Count__waWqp {
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  width: 20px;
  text-align: center;
}
.winnerPicker_swiperbuttonparent__9k0r3 {
  position: absolute;
  bottom: 0px;
  width: 80%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
/* Navigation icons for swiper */
.winnerPicker_paginationvariant14Icon__2eJqo {
  cursor: pointer;
  color: var(--text-h1);
  transition: all 0.3s ease;
}

.winnerPicker_paginationvariant13Icon__C7API {
  cursor: pointer;
  color: var(--text-h1);
  transition: all 0.3s ease;
}

/* Custom navigation buttons */

.winnerPicker_swiperbuttonprevcustom__hdYd9 {
  position: absolute !important;
  cursor: pointer;
  z-index: 2;
  bottom: 0px;
  right: 80%;
  width: 21px;
  height: 20px;
  transition: var(--transition3);
}

.winnerPicker_swiperbuttonnextcustom__AByyT {
  left: 80%;
  position: absolute !important;
  cursor: pointer;
  z-index: 2;
  bottom: 0px;
  width: 21px;
  height: 20px;
  transition: var(--transition3);
}

.winnerPicker_swiperbuttonnextcustom__AByyT:hover,
.winnerPicker_swiperbuttonprevcustom__hdYd9:hover {
  transform: scale(1.05);
}

html[dir="rtl"] .winnerPicker_swiperbuttonnextcustom__AByyT {
  position: absolute !important;
  transform: rotateY(180deg);
  cursor: pointer;
  z-index: 2;
  bottom: 0px;
  right: 80%;
  left: auto;
  width: 21px;
  height: 20px;
  transition: var(--transition3);
}

html[dir="rtl"] .winnerPicker_swiperbuttonprevcustom__hdYd9 {
  transform: rotateY(180deg);
  left: 80%;
  right: auto;
  position: absolute !important;
  cursor: pointer;
  z-index: 2;
  bottom: 0px;
  width: 21px;
  height: 20px;
  transition: var(--transition3);
}

/* ── Modal container ── */
.createEventIdea_modal__Snh9V {
  display: flex;
  flex-direction: column;
  gap: var(--gap-30);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

/* ── Header ── */
.createEventIdea_header__c2rFP {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-10);
  padding-bottom: var(--padding-16);
  border-bottom: 1px solid var(--content-box);
  text-align: center;
}

.createEventIdea_icon___HIJk {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  background-color: var(--color-white);
  border-radius: 50%;
  padding: 11px;
  box-sizing: border-box;
  border: 1px solid var(--content-box);
}

.createEventIdea_title__GGs9W {
  font-size: var(--font-17);
  font-weight: var(--weight-600);
  color: var(--text-h1);
}

/* ── Body ── */
.createEventIdea_wrapper__1gSXb {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
  flex: 1;
  width: 100%;
}

.createEventIdea_optional__FMQMH {
  font-size: var(--font-11);
  font-weight: var(--weight-400);
  color: var(--text-h3);
  background-color: var(--color-white);
  padding: 1px 8px;
  border-radius: 20px;
  border: 1px solid var(--content-box);
}

.createEventIdea_textarea__8TomJ {
  width: 100%;
  min-height: 100px;
  box-sizing: border-box;
}

/* ── Footer ── */
.createEventIdea_footer__v5UeI {
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  align-items: center;
  padding-top: var(--padding-16);
  border-top: 1px solid var(--content-box);
}

.createEventIdea_submitBtn__QI7XG {
  width: 100%;
  height: 44px;
  padding: 0 var(--padding-20);
  border-radius: var(--br8);
  background-color: var(--color-dark-blue);
  color: var(--color-ffffff);
  font-size: var(--font-15);
  font-weight: var(--weight-500);
  cursor: pointer;
  border: none;
  transition: var(--transition2);
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.createEventIdea_submitBtn__QI7XG:hover {
  opacity: 0.9;
}

.createEventIdea_submitBtn__QI7XG:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.createEventIdea_cancelBtn__rfe21 {
  width: 100%;
  height: 44px;
  padding: 0 var(--padding-20);
  border-radius: var(--br8);
  background-color: transparent;
  color: var(--text-h2);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  cursor: pointer;
  border: 1px solid var(--content-box);
  transition: var(--transition2);
  white-space: nowrap;
  text-align: center;
}

.createEventIdea_cancelBtn__rfe21:hover {
  border-color: var(--color-dark-blue);
  color: var(--text-h1);
}

.createEventIdea_cancelBtn__rfe21:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ── Field group: label on top, full-width control below ── */
.createEventIdea_field__JZtfS {
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
  width: 100%;
}

.createEventIdea_label__V6liG {
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  color: var(--text-h2);
}
.createEventIdea_dateBtn__clHte {
  display: flex;
  align-items: center;
  gap: var(--gap-8);
  padding: var(--padding-8) var(--padding-14);
  height: 44px;
  border-radius: var(--br8);
  background-color: var(--color-white);
  color: var(--text-h1);
  font-size: var(--font-14);
  cursor: pointer;
  border: 1px solid var(--content-box);
  transition: var(--transition2);
  width: 100%;
  text-align: start;
}

.createEventIdea_dateBtn__clHte:hover {
  border-color: var(--color-dark-blue);
}

.createEventIdea_dateBtn__clHte svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--text-h3);
}

.createEventIdea_select__X2bks {
  width: 100%;
  height: 44px;
  padding: 0 var(--padding-14);
  border-radius: var(--br8);
  background-color: var(--color-white);
  color: var(--text-h1);
  font-size: var(--font-14);
  border: 1px solid var(--content-box);
  cursor: pointer;
  outline: none;
  transition: var(--transition2);
}

.createEventIdea_select__X2bks:hover,
.createEventIdea_select__X2bks:focus {
  border-color: var(--color-dark-blue);
}

.createEventIdea_input__76qul {
  width: 100%;
  height: 44px;
  padding: 0 var(--padding-14);
  border-radius: var(--br8);
  background-color: var(--color-white);
  color: var(--text-h1);
  font-size: var(--font-14);
  border: 1px solid var(--content-box);
  outline: none;
  transition: var(--transition2);
}

.createEventIdea_input__76qul:focus {
  border-color: var(--color-dark-blue);
  border-radius: var(--br15);
}

.createEventIdea_input__76qul::-moz-placeholder {
  color: var(--text-h3);
}

.createEventIdea_input__76qul::placeholder {
  color: var(--text-h3);
}

/* Toggle row */
.createEventIdea_toggleRow__t1_Dp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-8) var(--padding-14);
  height: 44px;
  border-radius: var(--br8);
  background-color: var(--color-white);
  border: 1px solid var(--content-box);
}

.createEventIdea_toggleLabel__p4qhV {
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  color: var(--text-h2);
}

/* Toggle switch */
.createEventIdea_toggle__aum0u {
  position: relative;
  width: 44px;
  height: 24px;
  border-radius: var(--br100);
  background-color: var(--color-gray30);
  border: none;
  cursor: pointer;
  transition: background-color 0.25s ease;
  flex-shrink: 0;
  padding: 0;
}

.createEventIdea_toggleOn__4HRvu {
  background-color: var(--color-dark-green);
}

.createEventIdea_toggleThumb__EqYe_ {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--color-ffffff);
  transition: transform 0.25s ease;
}

.createEventIdea_toggleOn__4HRvu .createEventIdea_toggleThumb__EqYe_ {
  transform: translateX(20px);
}

.createEventIdea_error__GsoWU {
  font-size: var(--font-12);
  color: var(--color-dark-red);
  padding: var(--padding-8) var(--padding-12);
  border-radius: var(--br8);
  background-color: var(--color-dark-red10);
  border: 1px solid var(--color-dark-red30);
}

.event_eventCard__MuJ8T {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  flex-direction: column;
  gap: var(--gap-20);
  max-height: 0;
  opacity: 0;
  transition:
    max-height 0.5s ease,
    opacity 0.1s ease;
}

.event_show__CfDZa {
  max-height: 100%;
  opacity: 1;
}

.event_controls__4TQqE {
  display: flex;
  flex-direction: column;
  gap: var(--gap-12);
  width: 100%;
}

.event_row__LVoBs {
  display: flex;
  gap: var(--gap-10);
  align-items: center;
  flex-wrap: wrap;
}

.event_label__eVaDO {
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  color: var(--text-h2);
  min-width: 80px;
}

.event_dateBtn__A9ntF {
  display: flex;
  align-items: center;
  gap: var(--gap-5);
  padding: var(--padding-8) var(--padding-14);
  border-radius: var(--br8);
  background-color: var(--content-box);
  color: var(--text-h1);
  font-size: var(--font-14);
  cursor: pointer;
  border: 1px solid var(--color-gray30);
  transition: var(--transition2);
  white-space: nowrap;
}

.event_dateBtn__A9ntF:hover {
  border-color: var(--color-light-blue);
}

.event_dateBtn__A9ntF svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.event_languageSelect__AthB9 {
  padding: var(--padding-8) var(--padding-14);
  border-radius: var(--br8);
  background-color: var(--content-box);
  color: var(--text-h1);
  font-size: var(--font-14);
  border: 1px solid var(--color-gray30);
  cursor: pointer;
  outline: none;
  transition: var(--transition2);
  min-width: 120px;
}

.event_languageSelect__AthB9:hover,
.event_languageSelect__AthB9:focus {
  border-color: var(--color-light-blue);
}

.event_searchBtn__u5pwG {
  padding: var(--padding-8) var(--padding-20);
  border-radius: var(--br8);
  background-color: var(--color-dark-blue);
  color: var(--color-ffffff);
  font-size: var(--font-14);
  font-weight: var(--weight-500);
  cursor: pointer;
  border: none;
  transition: var(--transition2);
  white-space: nowrap;
}

.event_searchBtn__u5pwG:hover {
  opacity: 0.9;
}

.event_searchBtn__u5pwG:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.event_eventList__y2F0d {
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
  width: 100%;
  max-height: 500px;
  overflow-y: auto;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: var(--color-gray30) transparent;
}

.event_eventList__y2F0d::-webkit-scrollbar {
  width: 4px;
}

.event_eventList__y2F0d::-webkit-scrollbar-track {
  background: transparent;
}

.event_eventList__y2F0d::-webkit-scrollbar-thumb {
  background-color: var(--color-gray30);
  border-radius: 4px;
}

.event_eventItem__mXvIh {
  display: flex;
  flex-direction: column;
  gap: var(--gap-8);
  padding: var(--padding-14) var(--padding-14) var(--padding-10) var(--padding-14);
  border-radius: var(--br8);
  background-color: var(--content-box);
  border: 1px solid var(--color-gray30);
  border-left: 3px solid var(--color-light-blue);
  transition: var(--transition2);
  position: relative;
}

.event_eventItem__mXvIh:hover {
  border-color: var(--color-light-blue);
  border-left-color: var(--color-dark-blue);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}

.event_eventTitle__hd1PL {
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  color: var(--text-h1);
  line-height: 1.4;
}

.event_eventDescription__8b2YY {
  font-size: var(--font-13);
  font-weight: var(--weight-400);
  color: var(--text-h2);
  line-height: 1.6;
  padding-bottom: var(--padding-4);
  border-bottom: 1px dashed var(--color-gray30);
}

.event_eventMeta__d9KZs {
  display: flex;
  gap: var(--gap-8);
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.event_eventTags__BnYzW {
  display: flex;
  gap: var(--gap-5);
  align-items: center;
  flex-wrap: wrap;
}

.event_tag__zlNSC {
  font-size: var(--font-10);
  font-weight: var(--weight-500);
  padding: 3px 10px;
  border-radius: 20px;
  background-color: rgba(var(--color-light-blue-rgb, 59, 130, 246), 0.12);
  color: var(--color-light-blue);
  letter-spacing: 0.3px;
  border: 1px solid rgba(var(--color-light-blue-rgb, 59, 130, 246), 0.25);
}

.event_tagReligious__weUBQ {
  background-color: rgba(var(--color-dark-green-rgb, 34, 197, 94), 0.12);
  color: var(--color-dark-green);
  border-color: rgba(var(--color-dark-green-rgb, 34, 197, 94), 0.25);
}

.event_tagCountry__UTO2L {
  background-color: var(--color-gray10);
  color: var(--text-h2);
  border-color: var(--color-gray30);
  font-weight: var(--weight-600);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.event_eventDate__KAzJ1 {
  font-size: var(--font-12);
  color: var(--text-h3);
  display: flex;
  align-items: center;
  gap: 4px;
}

.event_eventDate__KAzJ1::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  opacity: 0.7;
}

.event_emptyState__cMr7f {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px var(--padding-20);
  font-size: var(--font-14);
  color: var(--text-h3);
  gap: var(--gap-10);
  opacity: 0.7;
}

.event_emptyState__cMr7f::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3Cline x1='8' y1='15' x2='16' y2='15'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.5;
}

.event_loaderContainer__9Y6Xl {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  width: 100%;
}
.event_score__xnAg5 {
  position: relative;
  width: 100%;
  height: 70px;
  min-height: 70px;
  border: 1px solid var(--content-box);
  border-radius: var(--br15);
  gap: var(--gap-10);

  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: var(--padding-10);
  transition: var(--transition2);
  cursor: pointer;
}
.event_score__xnAg5:hover {
  border: 1px solid var(--color-dark-blue);
}

.event_icon__7Zx0v {
  position: relative;
  width: 100%;
  max-width: 50px;
  max-height: 35px;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  cursor: pointer;
}
.event_title__w_I8j {
  position: relative;
  font-size: var(--font-16);
  font-weight: var(--weight-600);
  color: var(--color-dark-blue);
}

.event_frame__h3InG {
  position: relative;
  width: 100%;
  display: flex;
  gap: var(--gap-5);
  flex-direction: column;
  align-items: flex-start;
}

/* ── EventIdea specific ───────────────────── */

.event_ideaSlider__HvbwN {
  height: 560px;
  width: 100%;
}

/* Shrink sliderWrapper to leave room for 30px pagination overlay */
.event_ideaSlider__HvbwN > div:first-child {
  height: calc(100% - 50px);
}

.event_ideaSlide__Mdc1D {
  height: 100%;
  padding: var(--padding-14);
  border-radius: var(--br8);
  background-color: var(--content-box);
  border: 1px solid var(--color-gray20);
  border-left: 3px solid var(--color-light-blue);
  display: flex;
  flex-direction: column;
  gap: var(--gap-8);
  transition: var(--transition2);
  box-sizing: border-box;
  overflow: hidden;
}

.event_ideaSlide__Mdc1D:hover {
  border-color: var(--color-light-blue);
  border-left-color: var(--color-dark-blue);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.event_ideaHeader__DYG06 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-4);
  flex-shrink: 0;
}

.event_ideaTextBlock__ACWta {
  font-size: var(--font-13);
  line-height: 1.8;
  color: var(--text-h1);
  padding: var(--padding-8) 0;
  border-top: 1px dashed var(--color-gray30);
  overflow-y: auto;
  flex: 1;
  min-height: 0;
  scrollbar-width: thin;
  scrollbar-color: var(--color-gray30) transparent;
}

.event_ideaTextBlock__ACWta::-webkit-scrollbar {
  width: 4px;
}

.event_ideaTextBlock__ACWta::-webkit-scrollbar-track {
  background: transparent;
}

.event_ideaTextBlock__ACWta::-webkit-scrollbar-thumb {
  background-color: var(--color-gray30);
  border-radius: 4px;
}

.event_ideaMeta__dZeZk {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-8);
  flex-wrap: wrap;
  flex-shrink: 0;
  padding-top: var(--padding-6);
  border-top: 1px solid var(--color-gray10);
}

.event_ideaInfoList__szSc9 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-6);
  flex-shrink: 0;
  padding: var(--padding-10) 0;
  border-top: 1px solid var(--color-gray10);
}

.event_ideaInfoRow__ZbgQt {
  display: flex;
  align-items: center;
  gap: var(--gap-8);
  font-size: var(--font-13);
}

.event_ideaInfoLabel__h5PmX {
  font-size: var(--font-11);
  font-weight: var(--weight-600);
  color: var(--text-h3);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  min-width: 72px;
  flex-shrink: 0;
}

.event_ideaInfoValue__bwEic {
  font-size: var(--font-13);
  font-weight: var(--weight-500);
  color: var(--text-h1);
  background-color: var(--color-gray10);
  border: 1px solid var(--color-gray20);
  padding: 2px 10px;
  border-radius: 20px;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ── CreateEventIdea modal ────────────────── */

.event_createModal__F8KnB {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow-y: auto;
}

.event_createModalHeader__c4b_M {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-10);
  padding-bottom: var(--padding-16);
  border-bottom: 1px solid var(--color-gray20);
  text-align: center;
}

.event_createModalIcon__9sS5A {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  background-color: var(--color-gray10);
  border-radius: 50%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid var(--color-gray20);
}

.event_createModalTitle__79o_Z {
  font-size: var(--font-17);
  font-weight: var(--weight-600);
  color: var(--text-h1);
}

.event_createModalBody__MdJUy {
  display: flex;
  flex-direction: column;
  gap: var(--gap-14);
  flex: 1;
}

.event_createField__3_yJl {
  display: flex;
  flex-direction: column;
  gap: var(--gap-6);
}

.event_createField__3_yJl .event_languageSelect__AthB9,
.event_createField__3_yJl .event_dateBtn__A9ntF {
  width: 100%;
}

.event_createLabel__PNLGz {
  font-size: var(--font-13);
  font-weight: var(--weight-500);
  color: var(--text-h2);
  display: flex;
  align-items: center;
  gap: var(--gap-6);
}

.event_createOptional__I4asU {
  font-size: var(--font-11);
  font-weight: var(--weight-400);
  color: var(--text-h3);
  background-color: var(--color-gray10);
  padding: 1px 8px;
  border-radius: 20px;
  border: 1px solid var(--color-gray20);
}

.event_createTextarea__SuGes {
  width: 100%;
  min-height: 100px;
  box-sizing: border-box;
}

.event_createModalFooter__Z_b3D {
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
  align-items: center;
  padding-top: var(--padding-16);
  border-top: 1px solid var(--color-gray20);
}

.event_createModalFooter__Z_b3D .event_searchBtn__u5pwG {
  width: 100%;
  padding: var(--padding-10) var(--padding-20);
  font-size: var(--font-15);
}

.event_createCancelBtn__JXmx_ {
  width: 100%;
  padding: var(--padding-10) var(--padding-20);
  border-radius: var(--br8);
  background-color: transparent;
  color: var(--text-h2);
  font-size: var(--font-14);
  font-weight: var(--weight-500);
  cursor: pointer;
  border: 1px solid var(--color-gray20);
  transition: var(--transition2);
  white-space: nowrap;
  text-align: center;
}

.event_createCancelBtn__JXmx_:hover {
  border-color: var(--color-gray30);
  color: var(--text-h1);
}

.event_createCancelBtn__JXmx_:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.iconToggleButton_switchTab2x__vLuiE {
  padding: var(--padding-5);

  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 50px;
  max-height: 50px;
  text-align: center;
  border-radius: var(--br15);
  background-color: var(--background-root);
  transition: var(--transition3);
  justify-content: space-between;
  box-shadow: 0px 2px 10px 0px #00000040 inset;
  @media (max-width: 800px) {
    min-height: 45px !important;
    max-height: 45px !important;
  }
}

.iconToggleButton_active__mzvBs {
  cursor: pointer;
  position: relative;
  border-radius: var(--br10);
  background-color: var(--color-light-green);
  color: var(--color-white);
  transition: var(--transition3);
  width: 45%;
  height: 38px;
  display: flex;
  gap: var(--gap-10);
  justify-content: center;
  align-items: center;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  @media (max-width: 800px) {
    height: 34px !important;
  }
}
.iconToggleButton_deactive__dCj6f {
  display: flex;
  cursor: pointer;
  position: relative;
  width: 45%;
  height: 38px;
  border-radius: var(--br10);
  color: var(--text-h2);
  align-items: center;
  justify-content: center;
  align-content: center;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  @media (max-width: 800px) {
    font-size: var(--font-14) !important;
  }
}

.iconToggleButton_buttonContainer__Kuhdr {
  justify-content: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  font-size: var(--font-14);
  font-weight: var(--weight-400) !important;
  width: 140px;
  gap: var(--gap-5);
  @media (max-width: 800px) {
    font-size: var(--font-12) !important;
  }
}
.iconToggleButton_buttonContainer__Kuhdr svg {
  height: 20px;
  @media (max-width: 800px) {
    height: 18px !important;
  }
}
.iconToggleButton_icon__dhTY_ {
  position: relative;
  width: 20px;
}

.followers_NonFollowers_followerAndNonFollowersContainer__5dDYi {
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}

.followers_NonFollowers_comment__H11OY {
  position: relative;
  width: 100%;
  display: flex;
  gap: var(--gap-20);
  margin-bottom: 15px;
}
.followers_NonFollowers_profilepicture__Whe8E {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.followers_NonFollowers_commentdetail__YhDOI {
  position: relative;
  width: 100%;
  display: flex;
  gap: var(--gap-5);
  flex-direction: column;
}
.followers_NonFollowers_username__pVojC {
  max-width: 200px;
  width: 100%;
  color: var(--text-h1);
  text-align: left;
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  @media (max-width: 800px) {
    font-size: var(--font-12) !important;
  }
}
.followers_NonFollowers_commenttext__eFR06 {
  position: relative;
  text-align: left;
  color: var(--text-h2);
  font-size: var(--font-12);

  font-weight: var(--weight-400);
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  width: 100%;
  max-height: 60px;
  -webkit-box-orient: vertical;
  @media (max-width: 800px) {
    font-size: var(--font-10) !important;
  }
}
.followers_NonFollowers_swiperContent__YmGDZ {
  position: relative;
  width: 100%;
  height: 100%;
}

/* ___General ___ */
@media (max-width: 500px) {
  .showPost_commentbox__URZH7 {
    padding: var(--padding-10) !important;
  }

  .showPost_commentreply__7AWLg {
    font-size: var(--font-10) !important;
    font-weight: var(--weight-400) !important;
  }
}
@media (max-width: 800px) {
  .showPost_postdetail__FH5HY,
  .showPost_commenttext___lK6M {
    font-size: var(--font-12) !important;
    font-weight: var(--weight-400) !important;
  }
  .showPost_replytext__YJ38u {
    font-size: var(--font-12) !important;
    font-weight: var(--weight-400) !important;
  }
}

html[dir="rtl"] .showPost_captionfiled__0XZUk {
  border-radius: var(--br15) 0 var(--br15) var(--br15) !important;
}
html[dir="rtl"] .showPost_tophashtagfield__q1nkm {
  border-radius: var(--br15) 0 var(--br15) var(--br15) !important;
}
html[dir="rtl"] .showPost_commentbox__URZH7 {
  border-radius: var(--br15) 0 var(--br15) var(--br15) !important;
}
html[dir="rtl"] .showPost_shortcut__6_RGl {
  transform: rotateY(180deg) !important;
}

.showPost_ToggleButton__WFteQ {
  position: relative;
  width: 250px;
}

.showPost_headerIconcontainer__xX_4N {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--color-white) !important;
  width: 40px;
  height: 40px;
  border-radius: var(--br10);
  align-items: center;
  cursor: pointer;
  transition: var(--transition3);
  padding: var(--padding-10);
}

.showPost_headerIconcontainer__xX_4N:hover {
  scale: 1.1;
}
.showPost_titleCard__p9Fiy {
  position: relative;
  display: flex;
  gap: var(--gap-20);
  color: var(--text-h1);
  font-size: var(--font-18);
  font-weight: var(--weight-800);
  text-align: left;
  text-transform: capitalize;
  align-items: center;
}

.showPost_container__4GSNn {
  position: relative;
  transition: var(--transition3);
  display: flex;
  min-width: 260px;
  width: 100%;
  flex: 1 1 300px;
  max-width: 420px;
  min-height: -moz-max-content;
  min-height: max-content;
  gap: var(--gap-30);
  flex-direction: column;
  justify-content: flex-start;
  animation: var(--top04);
}

/* Container variant: post media (image + stats) — fixed base width, does not grow */
.showPost_containerMedia__eAEsE {
  flex: 0 1 320px;
  max-width: 400px;
}

/* Container variant: caption & hashtags panel */
.showPost_containerMeta__tLXJm {
  flex: 1 1 340px;
  max-width: 420px;
}

/* Container variant: full comments list — gets the most horizontal space */
.showPost_containerComments__ciMci {
  flex: 2 1 380px;
  max-width: 420px;
}

/* Container variant: insights engagement / reach data */
.showPost_containerInsight__W1uWT {
  flex: 1 1 290px;
  max-width: 420px;
}

/* Tablet: comments wrap to full width so the comment box is fully usable
@media (max-width: 1100px) {
  .containerMedia {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .containerComments {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .containerInsight {
    flex: 1 1 100%;
    max-width: 100%;
  }
} */

/* Small tablet / large phone: all columns stack */
@media (max-width: 650px) {
  .showPost_container__4GSNn,
  .showPost_containerMedia__eAEsE,
  .showPost_containerMeta__tLXJm,
  .showPost_containerComments__ciMci,
  .showPost_containerInsight__W1uWT {
    flex: 1 1 100%;
    max-width: 100%;
    min-width: unset;
  }
}

.showPost_Section__NvMPq {
  position: relative;
  width: 100%;
  height: 90px;
  overflow-x: auto;
  gap: var(--gap-10);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5px;
  align-items: center;
  transition: var(--transition3);
}

/* ___left ___ */

.showPost_icon__qrRZB {
  display: flex;
  width: 17px;
  height: 17px;
  line-height: 1px;
  background-color: var(--color-light-blue);
  color: var(--color-ffffff);
  border-radius: var(--br5);
  text-align: center;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  align-content: center;
  justify-content: center;
  align-items: center;
}

.showPost_picture__oz74_ {
  position: relative;
  max-height: 600px;
  height: 520px;
  width: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border: 1px solid var(--box-border);
  border-radius: var(--br25);
  @media (max-width: 720px) {
    max-height: 450px !important;
    height: 450px !important;
  }
}

.showPost_postpreview__N34sb {
  position: relative;
  width: 100%;
  padding: var(--padding-5);
  display: flex;
  gap: var(--gap-15);
  flex-direction: row;
  overflow-y: hidden;
  overflow-x: auto;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}

.showPost_posts1__vUfnX {
  position: relative;
  width: 58px;
  aspect-ratio: 1/1;
  border: 2px solid transparent;
  background-color: var(--color-disable);
  border-radius: var(--br15);
  cursor: pointer;
  transition: var(--transition3);
}

.showPost_posts1__vUfnX:hover {
  box-shadow: 0 0 0 3px var(--color-dark-blue60);
}

.showPost_postdetail__FH5HY {
  font-size: var(--font-14);
  font-weight: var(--weight-500);
  color: var(--text-h1);
  gap: var(--gap-5);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.showPost_postpicture__xFEx5 {
  position: relative;
  width: 58px;
  height: 58px;
  aspect-ratio: 1/1;
  min-width: 58px;
  min-height: 58px;
  border-radius: var(--br15);
  border: 2px solid transparent;
  transition: var(--transition3);
  box-shadow: 0 0 0 1px var(--color-dark-blue60);
  cursor: pointer;
}

.showPost_postpicture__xFEx5:hover {
  box-shadow: 0 0 0 3px var(--color-dark-blue60);
  cursor: pointer;
}

/* ___middle ___ */
.showPost_captionfiled__0XZUk {
  display: flex;
  padding: var(--padding-10);
  position: relative;
  border-radius: 0 var(--br15) var(--br15) var(--br15);
  border: 1px solid var(--content-box);
  background-color: var(--color-gray30);
  width: 100%;
  height: 200px;
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  color: var(--text-h2);
  font-size: var(--font-12);
  width: 100%;
  gap: var(--gap-3);
  line-height: normal;
  font-weight: var(--weight-400);
  position: relative;
  display: flex;
  flex-direction: column;
  @media (max-width: 720px) {
    height: 100% !important;
    min-height: 80px;
  }
}
.showPost_timeandreply__alt2_ {
  display: flex;
  gap: var(--gap-5);
}
.showPost_tophashtagfield__q1nkm {
  border: 1px solid var(--content-box);
  padding: var(--padding-10);
  border-radius: 0 var(--br15) var(--br15) var(--br15);
  width: 100%;
  min-height: 155px;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--gap-10);
  overflow-y: scroll;
  align-content: flex-start;
  height: 155px;
  @media (max-width: 720px) {
    height: 100% !important;
    min-height: 80px;
    max-height: 280px;
  }
}

/* ___Hashtags___ */

.showPost_tagHashtag__47pYB {
  height: 23px;
  float: left;
  padding: var(--paddingtag);
  position: relative;
  border-radius: var(--br8);
  flex-direction: row;
  gap: var(--gap-5);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-light-blue30);
  color: var(--text-h1);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
}

.showPost_hashtagicon__v3YUh {
  position: relative;
  width: 15px;
}

.showPost_usecount__57eHg {
  color: var(--color-light-blue);
  font-size: var(--font-10);
  font-weight: var(--weight-400);
}

/* ___right ___ */
.showPost_commentbox__URZH7 {
  display: flex;
  gap: var(--gap-10);
  padding: var(--padding-20);
  border: 1px solid var(--content-box);
  border-radius: 0 var(--br15) var(--br15) var(--br15);
  width: 100%;
  height: 700px;
  flex-direction: column;
  transition: var(--transition3);
}
.showPost_shortcut__6_RGl {
  position: relative;
  width: 25px;
  transition: var(--transition2);
  cursor: pointer;
}

.showPost_shortcut__6_RGl:hover {
  transform: scale(1.1);
}

.showPost_shortcut__6_RGl:active {
  transform: scale(0.95);
}

.showPost_Giveaway__gqJn0 {
  position: relative;
  width: 25px;
  transition: var(--transition2);
  cursor: pointer;
}

.showPost_Giveaway__gqJn0:hover {
  transform: scale(1.1);
}

.showPost_Giveaway__gqJn0:active {
  transform: scale(0.95);
}
.showPost_Giveaway__gqJn0::after {
  content: "Giveaway";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  color: var(--color-ffffff);
  background-color: var(--color-dark-red);
  border-radius: var(--br5);
  opacity: 0;
  transition: var(--transition2);
}

.showPost_comment__nnc9V {
  position: relative;
  width: 100%;
  display: flex;
  gap: var(--gap-8);
  min-height: 100px;
  max-height: 100px;
}

.showPost_commentdetail__sqaMu {
  position: relative;
  width: 100%;
  display: flex;
  gap: var(--gap-5);
  flex-direction: column;
}

.showPost_commenttext___lK6M {
  position: relative;
  text-align: left;
  color: var(--text-h1);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-box;
  line-height: 16px;
}
.showPost_replytext__YJ38u {
  position: relative;
  text-align: left;
  color: var(--text-h1);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  width: 100%;
}

.showPost_commentreply__7AWLg {
  color: var(--color-light-blue);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  text-wrap: nowrap;
  text-transform: capitalize;
  cursor: pointer;
  display: flex;
  transition: var(--transition2);
}
.showPost_commentreply__7AWLg:hover {
  color: var(--text-h1);
}

.showPost_Tableheader__JtEKI {
  display: flex;
  width: 100%;
  position: relative;
  background-color: var(--color-light-blue30);
  border-radius: var(--br8) var(--br8) var(--br8) 0;
  padding: var(--padding-8) var(--padding-20);
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-800);
  justify-content: space-between;
  align-items: center;
}
.showPost_watchtimeheader__NpN3_ {
  letter-spacing: 1px;
  position: relative;
  display: flex;
  gap: var(--gap-10);
  align-items: center;
  flex-direction: row;
  color: var(--text-h2);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  justify-content: space-around;
  transition: var(--transition3);
}
.showPost_watchtime__IsgAd {
  letter-spacing: 1px;
  position: relative;
  display: flex;
  gap: var(--gap-10);
  align-items: center;
  flex-direction: row;
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  justify-content: flex-end;
  transition: var(--transition3);
}
.showPost_row__uYlPw {
  position: relative;
  padding: 0px 23px 0px 20px;
  display: flex;
  gap: var(--gap-10);
  align-items: center;
  flex-direction: row;
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  justify-content: space-between;
  transition: var(--transition3);
}
.showPost_rowheader__xss5g:before {
  content: "";
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: var(--br5);
  background-color: var(--color-light-blue60);
  transition: var(--transition2);
}
.showPost_row__uYlPw:hover .showPost_rowheader__xss5g:before {
  background-color: var(--color-light-blue);
}
.showPost_rowheader__xss5g {
  position: relative;
  display: flex;
  gap: var(--gap-10);
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
}

/* ___ */
.showPost_noresult__Gv6SV {
  display: flex;
  gap: var(--gap-30);
  width: 100%;
  height: 80%;
  color: var(--text-h2);
  font-weight: var(--weight-400);
  font-size: var(--font-16);
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* ___show comments replies___ */

.showPost_popupContent__ed39r {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 116;
  border-radius: var(--br20);
  color: var(--text-h1);
  background: var(--color-white);
  padding: var(--paddingboxmobile);
  justify-content: flex-start;
  width: 100%;
  max-width: calc(100% - 40px);
  aspect-ratio: 1/1;
  max-height: calc(100% - 40px);
  gap: var(--gap-20);
  animation: var(--fadeIn3);
  box-shadow: var(--box-shadow);
  transition: var(--transition2);
}

.showPost_commentall__LTweg {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  gap: var(--gap-20);
}

.showPost_profileimagebig__NwR0g {
  position: relative;
  box-sizing: border-box;
  border-radius: var(--br15);
  width: 100%;
  aspect-ratio: 1/1;
}

.showPost_containergraph__zdIA7 {
  position: relative;
  display: flex;
  flex: 1 1 300px;
  min-width: 260px;
  max-width: 420px;
  min-height: -moz-max-content;
  min-height: max-content;
  gap: var(--gap-20);
  flex-direction: column;
  justify-content: flex-start;
  animation: var(--top04);

  @media (max-width: 720px) {
    flex: 1 1 100%;
    max-width: 100%;
    min-width: unset;
  }
}

.showPost_containergraph__zdIA7:nth-child(2) > div > div > div:nth-child(3),
.showPost_containergraph__zdIA7:nth-child(2) > div > div > div:nth-child(4),
.showPost_containergraph__zdIA7:nth-child(3) > div > div > div:nth-child(3),
.showPost_containergraph__zdIA7:nth-child(3) > div > div > div:nth-child(4) {
  display: none;
}
.showPost_containergraph__zdIA7:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(1),
.showPost_containergraph__zdIA7:nth-child(3) > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
  top: -25px;
}


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