@media (max-width: 950px) {
  .ingageInfo_followers__Ee0AW,
  .ingageInfo_lastPost__wjG_E,
  .ingageInfo_newlikes__iRNDA,
  .ingageInfo_newCommnet__Nf__m,
  .ingageInfo_friendrequest__HXwGb {
    width: 180px !important;
    height: 180px !important;
  }
}

@media (max-width: 450px) {
  .ingageInfo_followers__Ee0AW,
  .ingageInfo_lastPost__wjG_E,
  .ingageInfo_newlikes__iRNDA,
  .ingageInfo_newCommnet__Nf__m,
  .ingageInfo_friendrequest__HXwGb,
  .ingageInfo_totaltile__2Hap0 {
    width: 150px !important;
    height: 150px !important;
  }
  .ingageInfo_totaltilesvg__jPXWX {
    width: 40px !important;
    height: 30px !important;
  }
  .ingageInfo_div__rAzd2 {
    font-size: var(--font-20) !important;
    min-height: 20px !important;
  }
}
.ingageInfo_totaltilesvg__jPXWX {
  width: 50px;
  height: 40px;
}
.ingageInfo_upgradeicon__NHw6n {
  cursor: pointer;
  transition: var(--transition3);
}
.ingageInfo_upgradeicon__NHw6n:hover {
  transform: scale(1.1);
}
.ingageInfo_personalinfosection__1XUMY {
  position: relative;
  width: 395px;
  height: 185px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  padding: var(--paddingbox);
  border-radius: var(--br25);
  background-color: var(--color-white);
}
.ingageInfo_totaltile__2Hap0 {
  gap: var(--gap-10);
  text-align: center;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--color-white);
  width: 185px;
  height: 185px;
  position: relative;
  border-radius: var(--br25);
  padding: var(--padding-20);
  overflow: hidden;
}

.ingageInfo_followers__Ee0AW {
  gap: var(--gap-10);
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 185px;
  height: 185px;
  position: relative;
  border-radius: var(--br25);
  padding: var(--padding-32);

  overflow: hidden;
}
.ingageInfo_animation1__kz7Oq,
.ingageInfo_animation2__ay60x {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
}
.ingageInfo_animation1__kz7Oq {
  animation: 60s ingageInfo_move__OEFOP linear infinite;
}
.ingageInfo_animation2__ay60x {
  animation: 50s ingageInfo_move__OEFOP linear infinite;
}
.ingageInfo_animation1__kz7Oq::before,
.ingageInfo_animation2__ay60x::before {
  content: "";
  position: absolute;
  top: -300px;
  right: -300px;
  bottom: -300px;
  left: -300px;
  background: conic-gradient(
    from 180deg at 50% 50%,
    #2ff2eb -97.5deg,
    #1761ff 14.05deg,
    #4545ff 54.01deg,
    #8000ff 113.42deg,
    #ff2c8e 185.62deg,
    #ffa133 262.5deg,
    #979797 374.05deg
  );
  filter: blur(100px) brightness(1.3);
}
.ingageInfo_animation1__kz7Oq::before {
  animation: 45s ingageInfo_move__OEFOP linear infinite;
}
.ingageInfo_animation2__ay60x::before {
  animation: 30s ingageInfo_move__OEFOP linear infinite;
}

@keyframes ingageInfo_move__OEFOP {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.ingageInfo_gooli1__ltFCu,
.ingageInfo_gooli5__Gt2M_ {
  border-radius: var(--br100);
  filter: blur(20px);
  background-color: #2ff2eb;
  position: absolute;
  right: 0;
  top: 10px;
  height: 70px;
  width: 70px;

  display: flex;
}
.ingageInfo_gooli1__ltFCu {
  animation: ingageInfo_gooli1__ltFCu 16s infinite ease-in-out;
}
.ingageInfo_gooli5__Gt2M_ {
  animation: ingageInfo_gooli2__n4VZx 16s infinite ease-in-out;
}

.ingageInfo_gooli2__n4VZx,
.ingageInfo_gooli6__Qa_UK {
  border-radius: var(--br100);
  filter: blur(20px);
  background-color: #4545ff;
  position: absolute;
  top: 10px;
  left: 100px;
  height: 70px;
  width: 70px;

  display: flex;
}
.ingageInfo_gooli2__n4VZx {
  animation: ingageInfo_gooli2__n4VZx 18s infinite ease-in-out;
}
.ingageInfo_gooli6__Qa_UK {
  animation: ingageInfo_gooli1__ltFCu 18s infinite ease-in-out;
}

.ingageInfo_gooli3__nzsII,
.ingageInfo_gooli7__1FIyg {
  border-radius: var(--br100);
  filter: blur(20px);
  background-color: #b443ff;
  position: absolute;
  top: 10px;
  right: -20px;
  height: 70px;
  width: 70px;

  display: flex;
}
.ingageInfo_gooli3__nzsII {
  animation: ingageInfo_gooli3__nzsII 14s infinite ease-in-out;
}
.ingageInfo_gooli7__1FIyg {
  animation: ingageInfo_gooli4__MAA0W 14s infinite ease-in-out;
}

.ingageInfo_gooli4__MAA0W,
.ingageInfo_gooli8__Sv5PB {
  border-radius: var(--br100);
  filter: blur(20px);
  background-color: #ffa133;
  position: absolute;
  top: 10px;
  right: -20px;
  height: 70px;
  width: 70px;

  display: flex;
}
.ingageInfo_gooli4__MAA0W {
  animation: ingageInfo_gooli4__MAA0W 20s infinite ease-in-out;
}
.ingageInfo_gooli8__Sv5PB {
  animation: ingageInfo_gooli3__nzsII 20s infinite ease-in-out;
}

@keyframes ingageInfo_gooli2__n4VZx {
  0% {
    top: -10px;
    left: 50px;
    transform: scale(1);
  }
  20% {
    top: 20px;
    left: -10px;
    transform: scale(1.2);
  }
  40% {
    top: 60px;
    left: 80px;
    transform: scale(1.1);
  }
  60% {
    top: 90px;
    left: 70px;
    transform: scale(1.3);
  }
  80% {
    top: 30px;
    left: 30px;
    transform: scale(1.4);
  }
  100% {
    top: -10px;
    left: 50px;
    transform: scale(1);
  }
}

@keyframes ingageInfo_gooli3__nzsII {
  0% {
    top: 0px;
    left: 0px;
    transform: scale(1.2);
  }
  20% {
    top: 40px;
    left: 90px;
    transform: scale(1.1);
  }
  40% {
    top: 70px;
    right: 100px;
    transform: scale(1.3);
  }
  60% {
    top: 100px;
    right: 60px;
    transform: scale(1.4);
  }
  80% {
    top: 50px;
    right: 20px;
    transform: scale(1.5);
  }
  100% {
    top: 0px;
    left: 0px;
    transform: scale(1.2);
  }
}

@keyframes ingageInfo_gooli1__ltFCu {
  0% {
    top: 0px;
    right: 0px;
    transform: scale(1);
  }
  20% {
    top: 50px;
    right: 100px;
    transform: scale(1.3);
  }
  40% {
    top: 100px;
    right: 30px;
    transform: scale(1.6);
  }
  60% {
    top: 70px;
    right: 50px;
    transform: scale(1.8);
  }
  80% {
    top: 20px;
    right: 70px;
    transform: scale(1.4);
  }
  100% {
    top: 0px;
    right: 0px;
    transform: scale(1);
  }
}

@keyframes ingageInfo_gooli4__MAA0W {
  0% {
    top: 0px;
    right: 0px;
    transform: scale(1);
  }
  20% {
    top: 50px;
    right: 100px;
    transform: scale(1.4);
  }
  40% {
    top: 100px;
    right: 30px;
    transform: scale(1.7);
  }
  60% {
    top: 80px;
    right: 40px;
    transform: scale(1.9);
  }
  80% {
    top: 30px;
    right: 20px;
    transform: scale(1.5);
  }
  100% {
    top: 0px;
    right: 0px;
    transform: scale(1);
  }
}

.ingageInfo_title__2ZCtF {
  position: relative;
  text-transform: uppercase;
  font-weight: var(--weight-600);
  font-size: var(--font-14);
  color: var(--color-white);
  text-align: center;
}
.ingageInfo_title__2ZCtF span {
  font-weight: var(--weight-600);
  font-size: var(--font-14);
}

.ingageInfo_div__rAzd2 {
  position: relative;
  font-size: var(--font-30);
  text-transform: uppercase;
  font-weight: var(--weight-600);
  text-align: center;
  color: var(--color-white);
  text-decoration: none;
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ingageInfo_newCommnet__Nf__m {
  padding: var(--padding-10);
  gap: var(--gap-10);
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-radius: var(--br25);
  background: linear-gradient(130deg, var(--color-light-green) 0%, var(--color-dark-green) 60%);
  width: 185px;
  height: 185px;
  flex-shrink: 0;
  overflow: hidden;
  text-align: left;
  font-size: var(--font-12);
}

.ingageInfo_lastPost__wjG_E {
  position: relative;
  border-radius: var(--br25);
  background-color: var(--color-gray);
  width: 185px;
  height: 185px;
  flex-shrink: 0;
  overflow: hidden;
  text-align: center;
  font-size: var(--font-12);
}
.ingageInfo_lastPost__wjG_E:hover .ingageInfo_maskimage__JVfE5 {
  scale: 1.05;
}
.ingageInfo_lastPostFollowerGrop__D9czt {
  display: flex;
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.ingageInfo_lastPostTitle__wPtU4 {
  position: absolute;
  top: 50px;
  left: 30%;
  text-transform: uppercase;
  font-weight: var(--weight-800);
  font-size: var(--font-14);
}

.ingageInfo_maskimage__JVfE5 {
  height: 100%;
  position: absolute;
  width: 100%;
  filter: blur(2px);
  transition: var(--transition6);
  -o-object-fit: cover;
  object-fit: cover;
}

.ingageInfo_rectangleImage__pQc_e {
  background: linear-gradient(180deg, var(--color-light-blue60) 0%, var(--color-dark-blue60) 60%);
  background-color: transparent;
  border-radius: var(--br15);
  height: 190px;
  /* left: 0px; */
  opacity: 0.8;
  position: absolute;
  /* top: -190px; */
  width: 185px;
  filter: blur(2px);
}

.ingageInfo_newlikes__iRNDA {
  padding: var(--padding-10);
  position: relative;
  text-align: center;
  width: 100%;
  gap: var(--gap-10);
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-radius: var(--br25);
  background: linear-gradient(230deg, var(--color-light-yellow) 0%, var(--color-dark-yellow) 60%);
  width: 185px;
  height: 185px;
  flex-shrink: 0;
  overflow: hidden;
}

.ingageInfo_friendrequest__HXwGb {
  padding: var(--padding-10);
  gap: var(--gap-10);
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-radius: var(--br25);
  background: linear-gradient(220deg, var(--color-light-blue) 0%, var(--color-dark-blue) 60%);
  width: 185px;
  height: 185px;
  flex-shrink: 0;
  overflow: hidden;
}

/* Overlay and Modal */
.featurelist_overlay__P0gaX {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.featurelist_modal__919nY {
  background: var(--background-root);
  border-radius: var(--br25);
  padding: var(--paddingbox);
  width: 100vw;
  height: 100vh;
  max-width: 950px;
  max-height: 95%;
  position: fixed;
  animation: featurelist_slideIn__O_nW9 0.3s ease-out;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  @media (max-width: 860px) {
    padding: 130px 10px 40px 10px !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: none !important;
    max-height: none !important;
    bottom: 0 !important;
    top: 0 !important;
    left: 0px !important;
    border-radius: 0 !important;
    animation: var(--slide-in);
  }
}

.featurelist_animatingOut__349MF {
  animation: featurelist_slideOut___l95P 0.6s cubic-bezier(0.23, 1, 0.32, 1) both !important;
}

@keyframes featurelist_slideIn__O_nW9 {
  from {
    transform: scale(0.9);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes featurelist_slideOut___l95P {
  from {
    transform: translateY(0) scaleY(1);
    transform-origin: 50%;

    opacity: 0.6;
  }
  to {
    transform: translateY(1000px) scaleY(2.5);
    transform-origin: 50%;

    opacity: 0;
  }
}

.featurelist_closeButton__PPnBt {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  z-index: 10;
  transition: all 0.2s ease;
}

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

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

/* Main Container */
.featurelist_container__43Kyc {
  width: 100%;
  min-width: 900px;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: calc(90vh - 40px);
  overflow: hidden;
}

/* Header with Plans */
.featurelist_header__qXCUY {
  display: flex;
  gap: var(--gap-8);
  z-index: 1;
}
.featurelist_planCarddesktop__DmeFp {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 250px;
  padding: 15px;
  border-radius: var(--br15) var(--br15) 5px 5px;
  min-height: 100px;
  position: relative;
  @media (max-width: 860px) {
    display: none;
  }
}
.featurelist_planCard__Uom6x {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 100px;
  justify-content: space-around;
  padding: var(--padding-8);
  border-radius: var(--br15) var(--br15) 5px 5px;
  min-height: 100px;
  position: relative;
  @media (max-width: 860px) {
    max-width: 100%;
    min-height: 50px;
    border-radius: var(--br10) var(--br10) var(--br5) var(--br5);
  }
}
.featurelist_planLevel__uNjyJ {
  font-size: var(--font-18);
  font-weight: var(--weight-700);
  @media (max-width: 768px) {
    position: absolute;
    font-size: var(--font-14);
    font-weight: var(--weight-800);
  }
}
.featurelist_planInfo___1axI {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  @media (max-width: 860px) {
    display: none;
  }
}
.featurelist_planName__zf6Qt {
  font-size: var(--font-14);
  font-weight: var(--weight-500);
  color: #000;
  text-wrap: nowrap;
}
.featurelist_planPrice__F3BBk {
  font-size: var(--font-12);
  color: #000;
  font-weight: var(--weight-700);
  text-wrap: nowrap;
}
.featurelist_planInfomobile__ad5qE {
  position: absolute;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  top: -70px;
  gap: 3px;
  max-width: 90px;
  min-width: 90px;
  transform: rotate(90deg);
  @media (min-width: 860px) {
    display: none;
  }
}
html[dir="rtl"] .featurelist_planInfomobile__ad5qE {
  align-items: flex-start;
}

.featurelist_planNamemobile__yl_Pj {
  font-size: var(--font-14);
  font-weight: var(--weight-500);
  color: var(--text-h1);
  text-wrap: nowrap;
}
.featurelist_planPricemobile__0lrQp {
  font-size: var(--font-12);
  font-weight: var(--weight-700);
  color: var(--text-h1);
  text-wrap: nowrap;
}

.featurelist_background__Pc0BE {
  width: calc(100% - 64px);
  height: 100%;
  position: absolute;
  top: 30px;
  left: 32px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-8);
  z-index: 0;
  @media (max-width: 860px) {
    top: 130px;
    width: calc(100% - 20px);
    left: 10px;
  }
}

.featurelist_background__Pc0BE > div {
  width: 100%;
  max-width: 100px;
  height: 100%;
  border-radius: var(--br15) var(--br15) 0 0;
  @media (max-width: 860px) {
    max-width: 100%;
  }
}
.featurelist_backgroundfade__I8kPh {
  background: var(--color-white);
  max-width: 250px !important;
  @media (max-width: 860px) {
    display: none;
  }
}
.featurelist_backgroundfade6__tNNPd {
  background: linear-gradient(to bottom, #ffb08a40, #ffb08a00);
}
.featurelist_backgroundfade5__sbJlD {
  background: linear-gradient(to bottom, #ffb3d640, #ffb3d600);
}
.featurelist_backgroundfade4__XmONO {
  background: linear-gradient(to bottom, #ddb3ff40, #ddb3ff00);
}
.featurelist_backgroundfade3__1KkpM {
  background: linear-gradient(to bottom, #c3b3ff40, #c3b3ff00);
}
.featurelist_backgroundfade2__QrOrW {
  background: linear-gradient(to bottom, #b3e5ff40, #b3e5ff00);
}
.featurelist_backgroundfade1__pa2B7 {
  background: linear-gradient(to bottom, #b3ffd640, #b3ffd600);
}

/* Features Container */
.featurelist_featuresContainer__ICF7Q {
  z-index: 1;
  width: 100%;
  height: calc(100vh - 200px);
  display: flex;
  flex-direction: column;

  overflow-x: hidden;
  overflow-y: auto;
  flex: 1;
  @media (max-width: 860px) {
    height: calc(100vh - 150px);
  }
}
.featurelist_featuresContainer__ICF7Q::-webkit-scrollbar {
  display: none;
}

/* Category Styles */
.featurelist_categoryContainer__ObmHX {
  width: calc(100% - 2px);
  margin-top: 20px;
  transition: var(--transition3);
  max-height: 10000px;
  border-radius: var(--br15);
  overflow: hidden;
  flex-shrink: 0;
  background-color: var(--color-gray10);
  backdrop-filter: blur(5px);
}

.featurelist_categoryHeader___4V3_ {
  backdrop-filter: blur(5px);
  padding: var(--padding-10) var(--padding-12);
  background: var(--color-gray10);
  transition: var(--transition3);
  cursor: pointer;
  /* border-bottom: 1px solid var(--color-gray30); */
  transition: background-color 0.2s ease;
}

.featurelist_categoryTitle__o4Jn_ {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-8);
  font-size: var(--font-16);
  font-weight: var(--weight-700);
  color: var(--text-h1);
}

.featurelist_chevron__SweEM {
  transition: transform 0.3s ease;
  color: var(--text-h1);
  transform: rotate(-90deg);
}

.featurelist_chevronOpen__NEqZm {
  transform: rotate(90deg);
}

.featurelist_categoryFeatures__PqWfM {
  animation: featurelist_slideDown__sHapo 0.3s ease-out;
  transform-origin: top;
  display: flex;
  flex-direction: column;

  padding-block: var(--padding-10);
}

@keyframes featurelist_slideDown__sHapo {
  from {
    opacity: 0;
    transform: translateY(-10px);
    max-height: 0;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    max-height: 1000px;
  }
}
.featurelist_featureName__ck7Hi {
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  color: var(--text-h1);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-top: 1px solid var(--color-gray30);
  max-width: 240px;
  width: 100%;
  margin: 0;
  @media (max-width: 768px) {
    max-width: 100%;
    padding: var(--padding-5) var(--padding-10) var(--padding-5) var(--padding-5);
  }
}

.featurelist_categoryFeatures__PqWfM .featurelist_featureName__ck7Hi:first-child {
  border-top: none;
}
.featurelist_featureflex__jA4u8 {
  padding-block: 10px;
  border-bottom: 1px solid var(--color-gray30);
  gap: var(--gap-8);
  align-items: center;
  display: flex;
  flex-direction: row;
  @media (max-width: 860px) {
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
  }
}
.featurelist_featureNameContent__CJqlq {
  text-align: start;
  text-wrap: nowrap;
  min-width: 200px;
  /* max-width: 100px; */
  padding-inline-start: 10px;
  display: flex;
  text-wrap: wrap;
  align-items: center;
  gap: var(--gap-10);
  width: 100%;
  justify-content: space-between;
  @media (max-width: 860px) {
    text-wrap: nowrap;
    justify-content: flex-start;
  }
}

.featurelist_tooltip__ecanh {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  font-size: 12px;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

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

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

.featurelist_tooltipActive__IBu_W {
  color: white;
}

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

.featurelist_tooltipContent__p_KkN {
  width: 100%;
  display: flex;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  color: var(--text-h1);
  text-align: start;
  line-height: 16px;
  text-rendering: optimizeSpeed;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: var(--transition3);
  transform: translateY(-10px);
}

.featurelist_tooltipVisible__eGVzu {
  opacity: 1;
  max-height: 200px;
  padding: var(--padding-10);
  transform: translateY(0);
  @media (max-width: 860px) {
    padding: var(--padding-5) var(--padding-16) 0 var(--padding-5);
  }
}

/* Adjust the featureName container to accommodate tooltip */
.featurelist_featureRow__qorOP .featurelist_featureName__ck7Hi {
  overflow: visible;
}

.featurelist_featureChecks___0O0_ {
  gap: var(--gap-8);
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.featurelist_checkCell__CLuAg {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100px;
  width: 100%;
  font-size: 20px;
}
.featurelist_checkmark__rgb9O {
  width: 24px;
}
.featurelist_cross__x8txI {
  width: 24px;
}
.featurelist_checkmark__rgb9O > path:nth-child(1) {
  fill: var(--color-light-green30);
  @media (max-width: 860px) {
    fill: none;
  }
}
.featurelist_cross__x8txI > path:nth-child(1) {
  fill: var(--color-light-red30);
  @media (max-width: 860px) {
    fill: none;
  }
}
.featurelist_checkmark__rgb9O > path:nth-child(2) {
  stroke: var(--color-light-green);
}
.featurelist_cross__x8txI > path:nth-child(2) {
  stroke: var(--color-light-red);
}

.page9_page9__JLf9s {
  place-self: center;
  transition: var(--transition2);
  color: var(--text-h1);
  /* scroll-snap-align: start; - حذف شده برای جلوگیری از اسکرول خودکار */
  position: relative;
  padding: var(--padding-40) 0;
  width: calc(100vw - 40px);
  max-width: calc(1480px - 40px);
  display: flex;
  gap: var(--gap-50);
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.1'/%3E%3C/svg%3E"),
    radial-gradient(75% 67% at 70% 60%, #193496cb 0, #081130a6 70%), #071538;
  border-radius: var(--br50);
  margin-block: 60px;
  margin-inline: 40px;
}

@media (max-width: 768px) {
  .page9_page9__JLf9s {
    gap: var(--gap-30) !important;
    padding: var(--padding-30) 0 !important;
    border-radius: var(--br30) !important;
    margin-inline: 20px !important;
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }

  .page9_headerandinput__ZuuGc {
    padding-inline: 20px !important;
  }

  .page9_durationSwitch__wkntJ {
    max-width: 95% !important;
  }

  .page9_planCard__0Ww4B {
    min-width: 190px !important;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }

  .page9_planCard__0Ww4B.page9_highlighted__f4qot {
    min-width: 190px !important;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .page9_pricingCard__dkuR_ {
    gap: var(--gap-20) !important;
  }
}
.page9_header__mfGkE {
  gap: var(--gap-10);
  align-items: center;
  padding-inline: var(--padding-20);
  align-self: center;
  font-size: clamp(24px, 5vw, 48px);
  font-weight: var(--weight-800);
  text-transform: capitalize;
  color: var(--color-ffffff);
  display: flex;
  flex-direction: column;
  text-align: center;
  flex-wrap: nowrap;
  justify-content: center;
  contain: layout;
}
.page9_title__wFHlv {
  margin-block: 20px;
  font-size: clamp(12px, 2vw, 16px);
  font-weight: var(--weight-600);
  color: #fff;
  text-transform: capitalize;
}
.page9_explain__AuVYQ {
  font-size: clamp(12px, 2vw, 16px);
  font-weight: var(--weight-400);
  color: var(--text-h2);
  text-transform: capitalize;
}
.page9_header__mfGkE span {
  background: linear-gradient(to right, var(--color-dark-blue), var(--color-light-blue));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  contain: content;
  padding-bottom: 5px;
}

.page9_planshowmore__KZpv5 {
  position: relative;
  font-size: clamp(14px, 2vw, 16px);
  color: var(--color-light-blue);
  font-weight: var(--weight-500);
  cursor: pointer;
  border: none;
  background: none;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration: 400ms;
  transition-property: color;
  display: flex;
  gap: var(--gap-10);
  align-items: center;
  justify-content: center;
}
.page9_planshowmore__KZpv5:focus:after,
.page9_planshowmore__KZpv5:hover:after {
  width: 100%;
  left: 0%;
}

.page9_planshowmore__KZpv5:after {
  content: "";
  pointer-events: none;
  bottom: -10px;
  left: 50%;
  position: absolute;
  width: 0%;
  height: 2px;
  background-color: var(--color-light-blue60);
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration: 400ms;
}

.page9_container__CZBNT {
  width: 100%;
  min-height: 100vh;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* ------------------------------------- */
.page9_headerandinput__ZuuGc {
  padding-inline: 40px;
}

/* تولتیپ اسلایدر */
.page9_sliderContainer__oRmwC {
  position: relative;
  width: 100%;
}

.page9_sliderTooltip__NoL_G {
  position: absolute;
  top: -45px;
  background: rgba(0, 0, 0, 0.9);
  color: white;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 500;
  white-space: nowrap;
  transform: translateX(-50%);
  pointer-events: none;

  backdrop-filter: blur(10px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  /* transition: left 0.2s ease-out; */
}

.page9_sliderTooltip__NoL_G::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent;
}

/* بازه فعال اسلایدر */
/* .activeSegment {
  position: absolute;
  top: 7px;
  height: 6px;
  border-radius: 3px;
  z-index: 1;
  box-shadow: 0 2px 8px var(--color-gray60);
  backdrop-filter: blur(5px);
}
*/
.page9_pricingCard__dkuR_ {
  width: 100%;

  display: flex;
  flex-direction: column;
  gap: var(--gap-30);
}
/* ------------------------------------- */

.page9_slider__0lhIE {
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: #fff;
  outline: none;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;

  /* اضافه کردن نقاط استپ روی track */
  background-image: radial-gradient(circle at 0%, var(--color-black80) 2px, transparent 2px),
    radial-gradient(circle at 16.67%, var(--color-black80) 2px, transparent 2px),
    radial-gradient(circle at 33.33%, var(--color-black80) 2px, transparent 2px),
    radial-gradient(circle at 50%, var(--color-black80) 2px, transparent 2px),
    radial-gradient(circle at 66.67%, var(--color-black80) 2px, transparent 2px),
    radial-gradient(circle at 83.33%, var(--color-black80) 2px, transparent 2px),
    radial-gradient(circle at 100%, var(--color-black80) 2px, transparent 2px),
    linear-gradient(to right, var(--color-gray10), var(--color-gray60));
}
.page9_labelContainer__8_YUg {
  display: flex;
  gap: var(--gap-5);
}
/* html[dir="rtl"] .labelContainer {
  flex-direction: row-reverse;
} */
.page9_slider__0lhIE:hover {
  opacity: 1;
}

.page9_slider__0lhIE:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.page9_slider__0lhIE::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 30px;
  background: #fff;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(103, 126, 234, 0.4);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  position: relative;
}

.page9_slider__0lhIE::-webkit-slider-thumb:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 16px rgba(103, 126, 234, 0.6);
}

.page9_slider__0lhIE::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  border: none;
  box-shadow: 0 4px 12px rgba(103, 126, 234, 0.4);
}

.page9_sliderMarks__QK4cu {
  position: relative;
  width: 100%;
  height: 20px;
  font-size: var(--font-14);
  color: #fff;
}

.page9_sliderMarks__QK4cu span {
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
}

.page9_durationSwitch__wkntJ {
  border: 1px solid var(--color-gray60);
  display: flex;
  background: var(--color-gray30);
  border-radius: var(--br20);
  backdrop-filter: blur(10px);
  padding: var(--padding-5);
  gap: var(--gap-5);
  justify-content: center;
  max-width: 600px;
  width: 100%;
  overflow-x: auto;
  margin: 0 auto;
}

.page9_switchButton__wADsC {
  flex: 1;
  padding: var(--padding-8) var(--padding-10);
  background: transparent;
  border: none;
  border-radius: var(--br15);
  color: #fff;
  cursor: pointer;
  transition: var(--transition3);
  font-weight: var(--weight-400);
  font-size: var(--font-14);

  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid transparent;
}

.page9_discountLabel__XEEe5 {
  position: absolute;
  top: -5px;
  right: 5px;
  background-color: var(--color-dark-blue);
  color: #fff;
  z-index: 1;
  padding: 1px 3px 1px 3px;
  border-radius: var(--br8);
  font-size: var(--font-10);
  font-weight: var(--weight-500);
}
html[dir="rtl"] .page9_discountLabel__XEEe5 {
  right: auto;
  left: 5px;
}
.page9_switchButton__wADsC:hover {
  background: var(--color-gray30);
  color: #fff;
}
.page9_switchButton__wADsC.page9_active__f9UJc {
  background: #fff;
  color: #000;
  font-weight: var(--weight-700);
  transform: scale(1.02);
}

.page9_switchButton__wADsC.page9_disabled__2qMrE {
  opacity: 0.3;
  cursor: not-allowed;
}

.page9_switchButton__wADsC.page9_disabled__2qMrE:hover {
  background: none;
}
/* -----------------plan card ------------------------ */
.page9_planCards__gr04a {
  display: flex;
  overflow-x: auto;
  gap: 10px;
  padding: 20px;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  justify-content: flex-start;
}
html[dir="rtl"] .page9_planCards__gr04a {
  flex-direction: row-reverse;
}

.page9_planCard__0Ww4B {
  min-width: 220px;
  max-width: -moz-fit-content;
  max-width: fit-content;

  padding: var(--padding-5);
  flex-shrink: 0;
  background: var(--background-root);
  border: 1px solid transparent;
  border-radius: var(--br20);
  transition: var(--transition3);
  box-shadow: var(--box-shadow);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
  overflow: hidden;
  scroll-snap-align: center;
}

.page9_planCard__0Ww4B.page9_highlighted__f4qot {
  min-width: 260px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background-color: var(--background-root);
  border: 1px solid var(--color-dark-blue);
  transform: translateY(-4px);
  box-shadow: var(--box-shadow);
  scale: 1.02;
}

.page9_planCard__0Ww4B.page9_unsuitable__P7JVE {
  /* opacity: 0.4; */
  filter: brightness(0.8);
  scale: 0.95;
  cursor: not-allowed;
}

.page9_planCard__0Ww4B.page9_dimmed__TWdta {
  /* opacity: 0.4; */
  filter: brightness(0.8);
  scale: 0.95;
  border: 1px solid transparent;
  transform: none;
  position: relative;
}
/* -----------------plan card ------------------------ */

.page9_planHeader__Jq2LU {
  background-color: var(--color-white);
  display: flex;

  padding: var(--padding-10);
  justify-content: space-between;
  align-items: flex-start;
  min-height: 160px;
  flex-direction: column;
  gap: var(--gap-20);
  border-radius: var(--br15) var(--br15) var(--br20) var(--br20);
  transition: var(--transition3);
}
.page9_planHeader__Jq2LU.page9_highlighted__f4qot {
  box-shadow: var(--box-shadow);
}

.page9_planModel__quT6U {
  display: flex;
  gap: var(--gap-5);
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  padding: var(--padding-5) var(--padding-10);
  border-radius: var(--br10);
  color: var(--text-h1);
  align-items: center;
  @media (max-width: 860px) {
    font-size: var(--font-12);
    padding: var(--padding-4) var(--padding-5);
  }
}
/* html[dir="rtl"] .planModel {
  flex-direction: row-reverse;
} */
.page9_planCards__gr04a > article:nth-child(1) > header > h4 {
  background: linear-gradient(135deg, var(--color-light-green30), var(--color-light-green60));
  color: var(--color-light-green);
}
.page9_planCards__gr04a > article:nth-child(2) > header > h4 {
  background: linear-gradient(135deg, var(--color-firoze30), var(--color-firoze60));
  color: var(--color-firoze);
}
.page9_planCards__gr04a > article:nth-child(3) > header > h4 {
  background: linear-gradient(135deg, var(--color-purple30), var(--color-purple60));
  color: var(--color-purple);
}

.page9_planCards__gr04a > article:nth-child(4) > header > h4 {
  background: linear-gradient(135deg, var(--color-light-yellow30), var(--color-light-yellow60));
  color: var(--color-light-yellow);
}
.page9_planCards__gr04a > article:nth-child(5) > header > h4 {
  background: linear-gradient(135deg, var(--color-light-red30), var(--color-light-red60));
  color: var(--color-dark-red);
}
.page9_planCards__gr04a > article:nth-child(6) > header > h4 {
  background: linear-gradient(135deg, var(--color-dark-blue30), var(--color-dark-blue60));
  color: var(--color-dark-blue);
}

.page9_planLevel__LgHVR {
  background: rgba(255, 255, 255, 0.12);
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.page9_planExplain__yKePV {
  font-size: 10px;
}

.page9_planFollowerRange__Aj6K2 {
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 20px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  letter-spacing: 0.01em;
}
/* ----------------- plan price section ------------------------ */
.page9_planPriceSection__0ZSCW {
  text-align: center;
  display: flex;
  flex-direction: column;
}

.page9_planDiscount__YUgMZ {
  background-color: var(--color-dark-red30);
  color: var(--color-light-red);
  padding: var(--paddingtag);
  border-radius: var(--br10);
  font-size: var(--font-12);
  font-weight: var(--weight-500);
}

.page9_originalPrice___VF6p {
  display: flex;
  flex-direction: row;
  color: var(--text-h2);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  align-items: flex-start;
  text-decoration: line-through;
  line-height: 23px;
  animation: var(--fadeIn3);
  transition: var(--transition3);
}
.page9_originalPrice___VF6p > div > div {
  font-size: var(--font-12);
  font-weight: var(--weight-400);
}
.page9_finalPrice__nCDS3 > div {
  line-height: 14px;
  align-items: flex-start;
  width: -moz-fit-content;
  width: fit-content;
}
.page9_finalPrice__nCDS3 > div > div {
  font-weight: var(--weight-700);
}

.page9_planUnavailable__dU5hO {
  color: var(--text-h2);
  font-weight: var(--weight-400);
  font-style: italic;
  font-size: var(--font-14);
}
/* ----------------- plan price section ------------------------ */

.page9_planFeatures__A_keF {
  display: flex;
  flex-direction: column;
  text-wrap: nowrap;
  gap: var(--gap-10);
  padding-inline: var(--padding-5);
  padding-bottom: var(--padding-10);
}

.page9_planFeature__vL3AC {
  display: flex;
  align-items: center;
  gap: var(--gap-5);
  font-size: var(--font-12);
  transition: var(--transition3);
  font-weight: var(--weight-400);
  line-height: 14px;
}

.page9_planFeature__vL3AC.page9_active__f9UJc {
  color: var(--text-h1);
}

.page9_planFeature__vL3AC.page9_inactive__5PpPc {
  color: var(--text-h2);
  opacity: 0.6;
}

.page9_featureIcon__kWxEK {
  height: 14px;
  transition: color var(--transition3);
}
.page9_featureIcon__kWxEK > svg {
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
}
/* ------------------------------- */

/* ___main container___ */
.index_maincontainer__TPKBs {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  /* scroll-behavior: smooth; - حذف شده برای جلوگیری از اسکرول خودکار */
  scroll-snap-stop: always;
  align-items: center;
}

/* ___page styles___ */
.index_page1__RzJua {
  line-height: normal;
  color: var(--text-h1);
  scroll-snap-align: start;
  position: relative;
  padding-top: 80px;
  width: 100%;
  height: 100vh;
  display: flex;
  gap: var(--gap-50);
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-image: linear-gradient(to bottom, var(--color-gray60) 1px, transparent 1px),
    linear-gradient(to right, var(--color-gray60) 1px, transparent 1px);
  background-size: 80px 80px;
}

.index_page1__RzJua::before {
  content: " ";
  position: absolute;
  background-color: transparent;
  opacity: 1;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(
    ellipse at center,
    transparent 0%,
    var(--background-root) 75%,
    var(--background-root) 100%
  );
}

@media (max-width: 1024px) {
  .instagramerupgrade_upgradeContainer__mFCHu {
    flex-direction: column !important;
    gap: var(--gap-20) !important;
  }
  .instagramerupgrade_freecard__swcFZ {
    width: 100% !important;
    gap: var(--gap-10) !important;
  }
  .instagramerupgrade_cardsparent__1duXO {
    width: 100% !important;
    gap: var(--gap-10) !important;
  }
  .instagramerupgrade_cardshopper__fh_FW,
  .instagramerupgrade_cardadvertiser__F_q0J {
    gap: var(--gap-10) !important;
  }
}
@media (max-width: 600px) {
  .instagramerupgrade_title__4nW_k {
    flex-direction: row !important;
    gap: var(--gap-5) !important;
  }
  .instagramerupgrade_title__4nW_k > strong {
    font-size: var(--font-18) !important;
    font-weight: var(--weight-600) !important;
  }
  .instagramerupgrade_cardsparent__1duXO {
    flex-direction: column !important;
    gap: var(--gap-10) !important;
  }
  .instagramerupgrade_cardshopper__fh_FW,
  .instagramerupgrade_cardadvertiser__F_q0J {
    width: 100% !important;
    gap: var(--gap-10) !important;
  }
  .instagramerupgrade_buttonContainer__H0hsD {
    justify-content: center !important;
  }
  .instagramerupgrade_upgradeBtn__n0iwf {
    padding: var(--padding-5) var(--padding-16) !important;
    font-size: var(--font-12) !important;
  }
  .instagramerupgrade_cardheadertitle__X_Rog {
    font-size: var(--font-16) !important;
    font-weight: var(--weight-600) !important;
  }
}
.instagramerupgrade_upgradeContainer__mFCHu {
  position: relative;
  width: calc(100% - 40px);
  max-width: 1650px;
  min-height: 200px;
  margin: 0px 20px 20px 20px;
  padding: var(--padding-16);
  border-radius: var(--br30);
  justify-content: space-between;
  gap: var(--gap-10);
  flex-wrap: wrap;
  display: flex;
  animation: var(--top14);
  background-color: var(--color-white);
}

.instagramerupgrade_title__4nW_k {
  font-size: var(--font-18);
  font-weight: var(--weight-500);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
  text-align: start;
  color: var(--color-dark-red);
}
.instagramerupgrade_title__4nW_k > strong {
  font-size: var(--font-24);
  font-weight: var(--weight-700);
}
.instagramerupgrade_subtitle__Ux5Np {
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-5);
  justify-content: space-around;
  text-align: start;
  color: var(--text-h2);
}
.instagramerupgrade_freecard__swcFZ {
  width: calc(40% - 10px);
  max-width: 600px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  text-align: flex-start;
}
.instagramerupgrade_cardsparent__1duXO {
  width: 60%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--gap-20);
  flex-wrap: nowrap;
  align-items: center;
}
.instagramerupgrade_buttonContainer__H0hsD {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--gap-20);
  color: var(--color-dark-blue);
  font-size: var(--font-14);
  font-weight: var(--weight-600);
}
.instagramerupgrade_buttonContainer__H0hsD > span:nth-child(1) {
  padding-inline-end: 20px;
  border-inline-end: 2px solid var(--color-gray60);
}
.instagramerupgrade_buttonContainer__H0hsD > span {
  cursor: pointer;
}
.instagramerupgrade_cardshopper__fh_FW {
  background: var(--background-root);
  border-radius: var(--br20);
  padding: var(--padding-14);
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  text-align: start;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='68' height='66' viewBox='0 0 68 66'><defs><linearGradient id='g' x1='0' y1='66' x2='0' y2='0' gradientUnits='userSpaceOnUse'><stop offset='0%' stop-color='%238f9bb380'/><stop offset='100%' stop-color='%238f9bb320'/></linearGradient></defs><g><g><path d='M9.2 31.6q-3.6-.5-5.2-2.1-1.8-1.7-2.2-5.2a54 54 0 0 1-.4-7.8q-.1-4.3.4-7.9.5-3.5 2.1-5.2 1.8-1.6 5.3-2.1 3.7-.5 8-.5t7.9.5c1.93.27 4.08.88 5.5 2.3q1.5 1.7 2 5 .3 3.5.4 7.8 0 4.3-.4 7.9-.5 3.5-2.2 5.2T25 31.6c-2.4.27-5 .4-8 .4s-5.22-.05-7.8-.4Z' fill='transparent' stroke-width='0.8' stroke='url(%23g)'/></g><g transform='translate(34,30)'><path d='M9.2 31.6q-3.6-.5-5.2-2.1-1.8-1.7-2.2-5.2a54 54 0 0 1-.4-7.8q-.1-4.3.4-7.9.5-3.5 2.1-5.2 1.8-1.6 5.3-2.1 3.7-.5 8-.5t7.9.5c1.93.27 4.08.88 5.5 2.3q1.5 1.7 2 5 .3 3.5.4 7.8 0 4.3-.4 7.9-.5 3.5-2.2 5.2T25 31.6c-2.4.27-5 .4-8 .4s-5.22-.05-7.8-.4Z' fill='transparent' stroke-width='0.8' stroke='url(%23g)'/></g></g></svg>");
  background-size: 68px 66px;
  background-repeat: repeat;
  background-position: 20px 20px;
  position: relative;
}
.instagramerupgrade_cardshopper__fh_FW::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(180deg, var(--background-root) 30%, #8f9bb300 100%);
}
.instagramerupgrade_cardadvertiser__F_q0J {
  background: var(--background-root);
  border-radius: var(--br20);
  padding: var(--padding-14);
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  text-align: start;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='68' height='66' viewBox='0 0 68 66'><defs><linearGradient id='g' x1='0' y1='66' x2='0' y2='0' gradientUnits='userSpaceOnUse'><stop offset='0%' stop-color='%238f9bb380'/><stop offset='100%' stop-color='%238f9bb320'/></linearGradient></defs><g><g><path d='M21.4 32.2H11.3a4 4 0 0 1-2.6-1L1.5 24a4 4 0 0 1-1-2.6V11.3q0-1.5 1-2.6l7.2-7.1A4 4 0 0 1 11.3.5h10.1q1.6 0 2.6 1l7.2 7.2a4 4 0 0 1 1 2.6v10.1a4 4 0 0 1-1 2.6L24 31.2a4 4 0 0 1-2.6 1Z' fill='transparent' stroke-width='1.2' stroke='url(%23g)'/></g><g transform='translate(34,30)'><path d='M21.4 32.2H11.3a4 4 0 0 1-2.6-1L1.5 24a4 4 0 0 1-1-2.6V11.3q0-1.5 1-2.6l7.2-7.1A4 4 0 0 1 11.3.5h10.1q1.6 0 2.6 1l7.2 7.2a4 4 0 0 1 1 2.6v10.1a4 4 0 0 1-1 2.6L24 31.2a4 4 0 0 1-2.6 1Z' fill='transparent' stroke-width='1.2' stroke='url(%23g)'/></g></g></svg>");
  background-size: 68px 66px;
  background-repeat: repeat;
  background-position: 20px 20px;
  position: relative;
}
.instagramerupgrade_cardadvertiser__F_q0J::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(180deg, var(--background-root) 30%, #8f9bb300 100%);
}
.instagramerupgrade_cardheader___7fRT {
  width: 100%;
  align-items: center;
  gap: var(--gap-10);
  display: flex;
  flex-direction: row;
  justify-content: center;
  z-index: 2;
}
.instagramerupgrade_cardheader___7fRT > svg {
  padding: 1px;
  width: 60px;
  height: 60px;
}
.instagramerupgrade_cardheadertitle__X_Rog {
  font-size: var(--font-16);
  font-weight: var(--weight-700);
  color: var(--text-h1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
}
.instagramerupgrade_cardheadersubtitle__K8A_R {
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  color: var(--text-h2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
}
.instagramerupgrade_upgradeBtn__n0iwf {
  background: var(--text-h1);
  color: var(--background-root);
  border: none;
  border-radius: var(--br25);
  padding: var(--padding-8) var(--padding-20);
  cursor: pointer;
  transition: var(--transition3);
  z-index: 2;
  font-size: var(--font-12);
  font-weight: var(--weight-600);
  align-self: end;
}
.instagramerupgrade_upgradeBtn__n0iwf:hover {
  transform: scale(1.05);
}

.lastMessage_contactBox__WEX2D {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-content: space-between;
  flex-direction: column;
  gap: var(--gap-30);
}

.lastMessage_frameContainer__fCQke {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--gap-15);
  position: relative;
  width: 100%;
  height: 100%;
  font-size: var(--font-14);
  color: var(--text-h1);
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease;
  will-change: max-height, opacity;
  contain: layout style;
}
.lastMessage_tooBigCard__grxnJ {
  overflow: hidden;
  grid-row-end: span 75;
  contain: layout style;
}

.lastMessage_toobigcardclose__5j_gd {
  grid-row-end: span 10;
  padding: 15px !important;
  transition: all 0.3s ease;
  contain: layout style;
}
.lastMessage_frameContainer__fCQke.lastMessage_show__qUmV6 {
  max-height: 100%;
  opacity: 1;
}

.lastMessage_headersection__xCFOo {
  position: relative;
  height: 60px;
  display: flex;
  gap: var(--gap-10);
  justify-content: space-evenly;
  flex-direction: row;
  width: 100%;
  align-content: center;
  align-items: center;
  contain: layout style;
}
.lastMessage_backdropfade__aV6Ca {
  position: absolute;
  top: -70px;
  left: -80px;
  width: 180px;
  height: 120px;
  border-radius: 50%;
  filter: blur(40px);
  background-color: var(--color-dark-blue60);
}
html[dir="rtl"] .lastMessage_backdropfade__aV6Ca {
  right: -80px;
}
.lastMessage_headerandinput__qWV8u {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-8);
  transition: var(--transition3);
  align-items: center;
  align-content: center;
  justify-content: center;
}
.lastMessage_customstyle__9u5pM {
  width: 100%;
  overflow-x: hidden !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: var(--gap-20);
  justify-content: space-between;
  align-items: center;
}

.lastMessage_groupWrapper__q00zq {
  -moz-column-gap: var(--br10);
       column-gap: var(--br10);
  display: flex;
  position: relative;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-gray30);
}

.lastMessage_profile__ha9Lv {
  width: 40px;
  display: flex;
  row-gap: var(--gap-8);
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.lastMessage_imageProfile__rm4yk {
  background-color: var(--color-gray10);
  cursor: pointer;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background-color: var(--color-gray10);
  background-image: url("/no-profile.svg");
}
.lastMessage_replyicon__JbkmX {
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: var(--transition2);
}
.lastMessage_replyicon__JbkmX:hover {
  transform: scale(1.2);
}
.lastMessage_replyicon__JbkmX:active {
  transform: scale(0.98);
}
.lastMessage_optionwrapper__cpljw {
  display: flex;
  width: 100%;
  row-gap: var(--gap-5);
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
}
.lastMessage_profileuser__4oHVw {
  height: 20px;
  gap: var(--gap-10);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.lastMessage_username__wUQzW {
  max-width: 100px;
  width: 100%;
  color: var(--text-h1);
  text-align: left;
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  /* overflow: hidden; */
  text-overflow: ellipsis;
  max-width: 150px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  @media (max-width: 480px) {
    max-width: 110px;
  }
}

.lastMessage_message__AJNaZ {
  text-align: left;
  color: var(--text-h1);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 265px;
  width: 100%;
  height: 100%;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-box;
}
.lastMessage_ticket__ThGvN,
.lastMessage_direct__xeUqh,
.lastMessage_comment__YYtD_,
.lastMessage_unknown__MTi_V,
.lastMessage_reply__O7bfK {
  padding: var(--paddingtag);
  border-radius: var(--br5);
  font-size: var(--font-12);
  font-weight: var(--weight-500);
  text-wrap: nowrap;
  text-align: center;
}
.lastMessage_ticket__ThGvN {
  color: var(--color-purple);
  background-color: var(--color-purple30);
}
.lastMessage_direct__xeUqh {
  color: var(--color-dark-blue);
  background-color: var(--color-dark-blue30);
}
.lastMessage_comment__YYtD_ {
  color: var(var(--color-firoze));
  background-color: var(--color-firoze30);
}
.lastMessage_unknown__MTi_V {
  color: var(--color-light-red);
  background-color: var(--color-light-red30);
}
.lastMessage_reply__O7bfK {
  color: var(--color-light-blue);
  background-color: var(--color-light-blue30);
}

.lastMessage_closebtn__u3Rf7 {
  position: relative;
  width: 15px;
  height: 15px;
  cursor: pointer;

  transition: var(--transition2);
}

.lastMessage_profileimagebig__32Caw {
  position: relative;
  border-radius: var(--br15);
  width: 100%;
  height: auto;
  max-height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

.lastOrder_contactBox__liJTA {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-content: space-between;
  flex-direction: column;
  gap: var(--gap-30);
}
.lastOrder_tooBigCard__FynM1 {
  overflow: hidden;
  grid-row-end: span 75;
}

.lastOrder_toobigcardclose__Ar11f {
  grid-row-end: span 10;
  padding: 15px !important;
  transition: all 0.3s ease;
}
.lastOrder_frameContainer__QVQvp {
  max-height: 0;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.5s ease;
}
.lastOrder_frameContainer__QVQvp {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
  position: relative;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  font-size: var(--font-14);
  color: var(--text-h1);
  max-height: 0;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.5s ease;
}
.lastOrder_show__O__bo {
  max-height: 500px;
  opacity: 1;
  transition: max-height 0.3s ease, opacity 0.5s ease;
}

.lastOrder_headersection__nIpBy {
  position: relative;
  height: 60px;
  display: flex;
  gap: var(--gap-10);
  justify-content: space-evenly;
  flex-direction: row;
  width: 100%;

  align-content: center;
  align-items: center;
}
.lastOrder_backdropfade__REHpG {
  position: absolute;
  top: -70px;
  left: -80px;
  width: 180px;
  height: 120px;
  border-radius: 50%;
  filter: blur(40px);
  background-color: var(--color-dark-blue60);
}
html[dir="rtl"] .lastOrder_backdropfade__REHpG {
  right: -80px;
}
.lastOrder_headerandinput__pnfrd {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-8);
  transition: var(--transition3);
  align-items: center;
  align-content: center;
  justify-content: center;
}

.lastOrder_contactBox__liJTA {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-content: space-between;
  flex-direction: column;
  gap: var(--gap-20);
}
.lastOrder_frameContainer__QVQvp {
  max-height: 0;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.5s ease;
}
.lastOrder_frameContainer__QVQvp {
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  gap: var(--gap-30);
  position: relative;
  width: 100%;
  height: 100%;
  font-size: var(--font-14);
  color: var(--text-h1);
  max-height: 0;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.5s ease;
}
.lastOrder_show__O__bo {
  max-height: 500px;
  opacity: 1;
  transition: max-height 0.3s ease, opacity 0.5s ease;
}
.lastOrder_groupWrapper__gQe_U {
  gap: var(--gap-50);
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
}
.lastOrder_orderinfo__eRrWm {
  cursor: pointer;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--color-gray30);
  width: 100%;
  display: flex;
  gap: var(--gap-10);
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.lastOrder_section__OPgc_ {
  display: flex;
  gap: var(--gap-10);
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  width: 100%;
}
.lastOrder_orderid__ZUlpP {
  background-color: var(--color-dark-blue30);
  border-radius: var(--br10);
  padding: var(--paddingtag);
  color: var(--color-dark-blue);
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  transition: var(--transition3);
  @media (max-width: 800px) {
    font-size: var(--font-12) !important;
    font-weight: var(--weight-500) !important;
  }
}
.lastOrder_price__pZGCu {
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  transition: var(--transition3);
  display: flex;
  align-items: center;
  gap: var(--gap-5);
  flex-direction: row;
  @media (max-width: 800px) {
    font-size: var(--font-12) !important;
    font-weight: var(--weight-400) !important;
  }
}
.lastOrder_date__Lx5Lz {
  color: var(--text-h2);
  font-weight: var(--weight-400);
  position: relative;
  text-align: center;

  transition: var(--transition3);
  @media (max-width: 800px) {
    min-width: 75px !important;
  }
}

.lastOrder_day__px23O {
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  transition: var(--transition3);
  @media (max-width: 800px) {
    font-size: var(--font-12) !important;
    font-weight: var(--weight-400) !important;
  }
}
.lastOrder_hour__ixes_ {
  color: var(--text-h2);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  transition: var(--transition3);
  @media (max-width: 800px) {
    font-size: var(--font-10) !important;
  }
}

.pageDetail_contactBox__jQ4Lr {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-content: space-between;
  flex-direction: column;
  gap: var(--gap-30);
}
.pageDetail_tooBigCard__gDjF_ {
  overflow: hidden;
  grid-row-end: span 75;
}

.pageDetail_toobigcardclose__lehDF {
  grid-row-end: span 10;
  padding: 15px !important;
  transition: all 0.3s ease;
}
.pageDetail_frameContainer__IuRta {
  max-height: 0;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.5s ease;
}
.pageDetail_frameContainer__IuRta {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--gap-30);
  position: relative;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  font-size: var(--font-14);
  color: var(--text-h1);
  max-height: 0;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.5s ease;
}
.pageDetail_show__BRZO1 {
  max-height: 580px;
  opacity: 1;
  transition: max-height 0.3s ease, opacity 0.5s ease;
}

.pageDetail_headersection__9fXbY {
  position: relative;
  height: 60px;
  display: flex;
  gap: var(--gap-10);
  justify-content: space-evenly;
  flex-direction: row;
  width: 100%;

  align-content: center;
  align-items: center;
}
.pageDetail_backdropfade__s8YOW {
  position: absolute;
  top: -70px;
  left: -80px;
  width: 180px;
  height: 120px;
  border-radius: 50%;
  filter: blur(40px);
  background-color: var(--color-dark-blue60);
}
html[dir="rtl"] .pageDetail_backdropfade__s8YOW {
  right: -80px;
}
.pageDetail_headerandinput__6_LZB {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-8);
  transition: var(--transition3);
  align-items: center;
  align-content: center;
  justify-content: center;
}
.pageDetail_pageDetailSection__NfMuX {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--gap-10);
  transition: var(--transition3);
}

.pageDetail_GenderData__NcZHG {
  display: flex;
  flex-direction: row;
  gap: var(--gap-8);
  width: 100%;
  margin-top: 30px;
  height: 10px;
}

.pageDetail_GenderDataEmpty__K9KI_ {
  display: flex;
  flex-direction: row;
  gap: 50px;
  width: 100%;
  margin-top: 30px;
  height: 10px;
}

.pageDetail_genderBar__1Tz7O {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
  border-radius: var(--br50);
  transition: width 0.3s ease;
  min-width: 2px;
  height: 10px;
}

.pageDetail_genderLabelMale__P1Qta {
  top: -20px;
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-wrap: nowrap;
  position: relative;
  color: var(--color-light-blue);
}
.pageDetail_genderLabelFemale__lG1rF {
  top: -20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-wrap: nowrap;
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  position: relative;
  color: var(--color-light-red);
}
.pageDetail_genderLabelUnknown__6_mZw {
  top: -20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-wrap: nowrap;
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  position: relative;
  color: var(--color-gray);
}
.pageDetail_barMale__s0gKS {
  background-color: var(--color-light-blue);
}

.pageDetail_barFemale__8KOlA {
  background-color: var(--color-light-red);
}

.pageDetail_barUnknown__jgVc4 {
  background-color: var(--color-gray);
}

.pageDetail_AgeData__jK_FU {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-height: 80px;
  align-items: flex-end;
  justify-content: space-around;
}

.pageDetail_ageGroup__SqrnX {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-8);
}

.pageDetail_ageLabel__zmqBl {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-5);
  margin-bottom: var(--gap-8);
}

.pageDetail_ageRange__EZZQB {
  font-size: var(--font-12);
  font-weight: var(--weight-500);
  color: var(--text-h2);
  white-space: nowrap;
}

.pageDetail_ageCount__muPAG {
  font-size: var(--font-10);
  color: var(--text-h3);
  background-color: var(--bg-card);
  padding: 2px 6px;
  border-radius: var(--br50);
}

.pageDetail_ageBarContainer___hEC4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.pageDetail_ageBar__iHum3 {
  border-radius: var(--br5);
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 5px;
}

.pageDetail_ageBar__iHum3:hover {
  opacity: 0.8;
  transform: scale(1.05);
  cursor: pointer;
}

.pageDetail_ageTooltip__Tp76c {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--background-root);
  color: var(--text-h1);
  padding: 8px 12px;
  border-radius: var(--br8, 6px);
  font-size: var(--font-12);
  font-weight: var(--weight-500);
  white-space: nowrap;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  margin-bottom: 8px;
  box-shadow: var(--box-shadow);
  backdrop-filter: blur(8px);
  transform: translateX(-50%) translateY(-5px);
}

.pageDetail_ageTooltip__Tp76c::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: var(--background-root);
}

.pageDetail_ageTooltip__Tp76c.pageDetail_show__BRZO1 {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.pageDetail_ageTooltip__Tp76c div {
  margin: 2px 0;
  text-align: center;
}

.pageDetail_agePercentage___9C2I {
  position: absolute;
  top: -20px;
  font-size: var(--font-10);
  font-weight: var(--weight-600);
  color: var(--text-h2);
  white-space: nowrap;
}

.pageDetail_ageRangeparent__6Wgfv {
  display: flex;
  justify-content: space-between;
  width: 100%;

  font-size: var(--font-12);
  color: var(--text-h2);
}

/* Location Statistics Styles */
.pageDetail_locationData__Opz6V {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
  gap: var(--gap-15);
  width: 100%;

  padding-bottom: 5px;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

.pageDetail_locationData__Opz6V::-webkit-scrollbar {
  height: 6px;
}

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

.pageDetail_locationData__Opz6V::-webkit-scrollbar-thumb:hover {
  background: var(--color-gray60);
}

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

.pageDetail_locationInfo__202OU {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-8);
  max-width: 130px;
  flex-shrink: 0;
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
}

.pageDetail_flag__0pzBb {
  font-size: 24px;
  min-width: 30px;
  text-align: center;
}

.pageDetail_locationDetails__6r33z {
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
  flex: 1;
}
.pageDetail_locationflag__6iFDk {
  max-width: 40px;
  max-height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: var(--color-gray10);
  border-radius: var(--br50);
  border: 1px solid var(--color-gray30);
}
.pageDetail_country__I969g {
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  color: var(--text-h1);
}

.pageDetail_city__CWDvv {
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  color: var(--text-h2);
  min-width: 40px;
  text-align: start;
}

.pageDetail_percentage__vytGm {
  font-size: var(--font-12);
  font-weight: var(--weight-600);
  color: var(--text-h1);
  min-width: 40px;
  text-align: start;
}

.pageDetail_locationBar__io8Ay {
  width: 100%;
  height: 8px;
  background-color: var(--bg-card);
  border-radius: var(--br50);
  overflow: hidden;
  position: relative;
}

.pageDetail_locationBarFill__XT7ya {
  height: 100%;
  border-radius: var(--br50);
  transition: width 0.3s ease;
  position: relative;
}

.postSummary_contactBox__aUJw6 {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-content: space-between;
  flex-direction: column;
  gap: var(--gap-30);
}

.postSummary_frameContainer__DDAZE {
  overflow-y: hidden;
  overflow-x: hidden;
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  position: relative;
  width: 100%;
  height: 100%;
  font-size: var(--font-14);
  color: var(--text-h1);
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  will-change: max-height, opacity;
  contain: layout style;
  @media (max-width: 768px) {
    overflow-y: auto;
  }
}

.postSummary_tooBigCard__r1Rks {
  overflow: hidden;
  grid-row-end: span 75;
  contain: layout style;
}

.postSummary_toobigcardclose__ndZe7 {
  grid-row-end: span 10;
  padding: 15px !important;
  transition: all 0.3s ease;
  contain: layout style;
}
.postSummary_frameContainer__DDAZE.postSummary_show__BLrl1 {
  max-height: 100%;
  opacity: 1;
}

.postSummary_headersection__QCF3B {
  position: relative;
  height: 60px;
  display: flex;
  gap: var(--gap-10);
  justify-content: space-evenly;
  flex-direction: row;
  width: 100%;
  align-content: center;
  align-items: center;
  contain: layout style;
}
.postSummary_backdropfade__L4FEt {
  position: absolute;
  top: -70px;
  left: -80px;
  width: 180px;
  height: 120px;
  border-radius: 50%;
  filter: blur(40px);
  background-color: var(--color-dark-blue60);
}
html[dir="rtl"] .postSummary_backdropfade__L4FEt {
  right: -80px;
}
.postSummary_headerandinput__MUUs_ {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-8);
  transition: var(--transition3);
  align-items: center;
  align-content: center;
  justify-content: center;
}

/* ------------------------------------------ */

.postSummary_loadingMore__mTMhp {
  display: flex;
  justify-content: center;
  padding: 16px;
  margin-top: 12px;
  contain: layout style;
}
.postSummary_postItem__MInzV {
  width: calc(100% / 3 - 7px);
  aspect-ratio: 1;
  position: relative;
  cursor: pointer;
  border-radius: var(--br15);
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  will-change: transform, box-shadow;
  contain: layout style;
  background-color: var(--color-gray10);
  border: 1px solid var(--color-gray10);
  @media (max-width: 768px) {
    width: calc(100% / 2 - 7px);
  }
}
.postSummary_postItem__MInzV:hover {
  transform: scale(0.95);
}

.postSummary_postImage__A7OWn {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--br10);
  will-change: auto;
  max-width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
}

.postSummary_postNumber__IDxuE {
  position: absolute;
  bottom: 4px;
  right: 4px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: var(--br5);
  font-weight: 600;
  line-height: 1;
}

.postSummary_empty__IX_wY {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-h2);
  font-size: var(--font-14);
  padding: 20px;
  text-align: center;
}


/*# sourceMappingURL=90699081b4683833.css.map*/