.featureSearch_searchPanel__RQjz1 {
  position: absolute;
  inset-block-start: 70px;
  inset-inline-end: 0;
  z-index: 10000;
  width: min(360px, calc(100vw - 32px));
  overflow: hidden;
  background: var(--color-white);
  border: 1px solid var(--color-gray30);
  border-radius: var(--br8);
  box-shadow: var(--box-shadow);
  animation: featureSearch_search-panel-in__yypgI 0.2s ease-out;
}

.featureSearch_searchForm__SJYUh {
  display: flex;
  height: 52px;
  align-items: center;
  gap: var(--gap-10);
  padding-inline: var(--padding-10);
  border-bottom: 1px solid var(--color-gray30);
}

.featureSearch_searchIcon__9Izk_ {
  width: 21px;
  min-width: 21px;
  color: var(--color-dark-blue);
}

.featureSearch_searchInput__W9lKS {
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text-h1);
  font: inherit;
  letter-spacing: 0;
}

.featureSearch_searchInput__W9lKS::-moz-placeholder {
  color: var(--text-h2);
}

.featureSearch_searchInput__W9lKS::placeholder {
  color: var(--text-h2);
}

.featureSearch_searchInput__W9lKS::-webkit-search-cancel-button {
  display: none;
}

.featureSearch_closeButton__AMPBM {
  display: flex;
  width: 34px;
  height: 34px;
  min-width: 34px;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: 0;
  border-radius: var(--br8);
  background: transparent;
  color: var(--text-h2);
  cursor: pointer;
}

.featureSearch_closeButton__AMPBM:hover,
.featureSearch_closeButton__AMPBM:focus-visible {
  background: var(--color-gray30);
  color: var(--text-h1);
}

.featureSearch_results__tKUPM {
  animation: var(--top04);
  display: flex;
  max-height: 300px;
  flex-direction: column;
  overflow-y: auto;
  padding: 6px;
  gap: var(--gap-5);
}

.featureSearch_result__x6Xs1 {
  display: flex;
  animation: var(--top04);
  width: 100%;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-10);
  padding: 9px 10px;
  transition: var(--transition2);
  border: 0;
  border-radius: var(--br8);
  background: transparent;
  color: var(--text-h1);
  text-align: start;
  cursor: pointer;
}

.featureSearch_result__x6Xs1:hover,
.featureSearch_result__x6Xs1:focus-visible {
  outline: 0;
  background: var(--color-gray30);
}

.featureSearch_resultText__wxiQi {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
  letter-spacing: 0;
}

.featureSearch_result__x6Xs1 > svg {
  width: 18px;
  min-width: 18px;
  color: var(--color-dark-blue);
}

html[dir="rtl"] .featureSearch_result__x6Xs1 > svg {
  transform: scaleX(-1);
}

.featureSearch_empty__emPZ8 {
  margin: 0;
  padding: 28px 14px;
  color: var(--text-h2);
  text-align: center;
}

@media (max-width: 720px) {
  .featureSearch_searchPanel__RQjz1 {
    position: fixed;
    inset-block-start: 66px;
    inset-inline: 16px;
    width: auto;
    max-height: calc(100dvh - 82px);
  }

  .featureSearch_results__tKUPM {
    max-height: calc(100dvh - 148px);
  }
}

.featureSearch_searchPanel__RQjz1.featureSearch_embedded__1HSao {
  position: relative;
  inset: auto;
  width: 100%;
  max-height: none;
  border: 0;
  box-shadow: none;
  animation: none;
}

.featureSearch_embedded__1HSao .featureSearch_results__tKUPM {
  max-height: min(320px, 45dvh);
}

@keyframes featureSearch_search-panel-in__yypgI {
  from {
    transform: translateY(-6px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@media (min-width: 720px) {
  .hammenu_all__agjg6 {
    display: none !important;
  }
}
.hammenu_all__agjg6 {
  overflow-y: auto;
  position: fixed;
  top: 0;
  z-index: 99;
  height: 100%;
  width: 100%;
  display: flex;
  gap: var(--gap-10);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.hammenu_background__goUHK {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  backdrop-filter: blur(10px);
  background-color: var(--color-black80);
  animation: var(--fadeIn3);
  z-index: -1;
}
@keyframes hammenu_slide-in-blurred-top__NBXwM {
  0% {
    transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    transform-origin: 50% 0;
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}

/* ___left___ */

.hammenu_menucontainer__Z6W95 {
  display: flex;
  justify-content: flex-start;
  padding: 90px var(--padding-20) var(--padding-30) var(--padding-20);
  position: relative;
  width: calc(100% - 16px);
  border-radius: 35px;
  min-height: -moz-fit-content;
  min-height: fit-content;
  max-height: 350px;
  background-color: var(--background-root);
  z-index: 117;
  margin-top: 0px;
  left: 0px;
  flex-direction: column;
  align-items: flex-start;
  animation: hammenu_slide-in-blurred-top__NBXwM 0.4s cubic-bezier(0.23, 1, 0.32, 1) both;
}

.hammenu_menuparentleft__7Acmf {
  row-gap: var(--gap-20);
  overflow-y: auto;
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: flex-start;
}
.hammenu_menuleft__xRjzF {
  text-decoration: none !important;
  cursor: pointer;
  gap: var(--gap-10);
  display: flex;
  position: relative;
  width: 30%;
  background-color: transparent;
  align-items: center;
  transition: var(--transition2);
  flex-direction: column;
  justify-content: center;
  align-content: center;
  padding: 0;
  border: 0;
  font: inherit;
}

html[dir="rtl"] .hammenu_menuleft__xRjzF:hover {
  border-radius: var(--br50) 100px 100px var(--br50);
}
.hammenu_menuleft__xRjzF:hover .hammenu_iconleft__IvQeM {
  fill: var(--color-dark-blue);
}
.hammenu_menuleft__xRjzF:hover .hammenu_menutextleft__bxW09 {
  color: var(--color-dark-blue);
}

.hammenu_usermenuleft__WrFMo {
  text-decoration: none !important;
  cursor: pointer;
  gap: var(--gap-10);
  display: flex;
  position: relative;
  width: 33%;
  background-color: transparent;
  align-items: center;
  transition: var(--transition2);
  flex-direction: column;
  justify-content: center;
  align-content: center;
}

html[dir="rtl"] .hammenu_usermenuleft__WrFMo:hover {
  border-radius: var(--br50) 100px 100px var(--br50);
}
.hammenu_usermenuleft__WrFMo:hover .hammenu_iconleft__IvQeM {
  fill: var(--color-dark-blue);
}
.hammenu_usermenuleft__WrFMo:hover .hammenu_menutextleft__bxW09 {
  color: var(--color-dark-blue);
}

.hammenu_menutextleft__bxW09 {
  position: relative;
  font-size: var(--font-14);
  font-weight: var(--weight-500);
  text-transform: capitalize;
  color: var(--text-h2);
  line-height: normal;
  text-wrap: nowrap;
}
.hammenu_menutext__QCyfa {
  position: relative;
  font-size: var(--font-16);
  font-weight: var(--weight-400);
  text-transform: capitalize;
  color: var(--color-white);
}
.hammenu_iconleft__IvQeM {
  display: flex;
  position: relative;
  fill: var(--text-h2);
  transition: var(--transition2);
}
/* ----------notification---------- */
.hammenu_searchMenu__czWiB {
  z-index: 116;
  display: flex;
  width: calc(100% - 16px);
  flex-direction: column;
  padding: var(--padding-16) var(--padding-18);
  border-radius: 25px;
  background-color: var(--background-root);
  animation: hammenu_slide-in-blurred-top__NBXwM 0.5s cubic-bezier(0.23, 1, 0.32, 1) both;
}
.hammenu_searchContainer__v1M0n {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition:
    max-height 0.3s ease,
    opacity 0.3s ease,
    padding 0.3s ease;
}
.hammenu_searchOpen__C18Do {
  max-height: min(430px, 55dvh);
  padding-top: var(--gap-10);
  opacity: 1;
}
.hammenu_notification__LMW9w {
  display: flex;
  justify-content: flex-start;
  padding: var(--padding-16) var(--padding-18);
  position: relative;
  width: calc(100% - 16px);
  border-radius: 25px;
  min-height: -moz-fit-content;
  min-height: fit-content;
  max-height: 350px;
  z-index: 116;
  background-color: var(--background-root);
  left: 0px;
  flex-direction: column;
  align-items: flex-start;
  animation: hammenu_slide-in-blurred-top__NBXwM 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
}
.hammenu_notificationcounter__9AkQO {
  color: var(--color-dark-red);
  background-color: var(--color-dark-red30);
  border-radius: var(--br5);
  padding: var(--paddingtag);
  font-size: var(--font-12);
  font-weight: var(--weight-500);
  width: -moz-fit-content;
  width: fit-content;
}

.hammenu_notificationcontainer__cVGuj {
  position: relative;
  width: 100%;
  display: flex;
  gap: var(--gap-20);
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-height: 0;
  overflow-y: auto;
  opacity: 0;
  transition:
    max-height 0.3s ease,
    opacity 0.3s ease,
    padding 0.3s ease;
  padding-top: 0;
}
.hammenu_notificationOpen__l6UF8 {
  max-height: 500px;
  opacity: 1;
  padding: var(--padding-10);
}

/* ----------user---------- */
.hammenu_usermenu___N2Xw {
  z-index: 116;
  display: flex;
  justify-content: flex-start;
  padding: var(--padding-16) var(--padding-18);
  position: relative;
  width: calc(100% - 16px);
  border-radius: 25px;
  min-height: -moz-fit-content;
  min-height: fit-content;
  max-height: 350px;
  background-color: var(--background-root);
  left: 0px;
  flex-direction: column;
  align-items: flex-start;
  animation: hammenu_slide-in-blurred-top__NBXwM 0.8s cubic-bezier(0.23, 1, 0.32, 1) both;
}
.hammenu_gap__pJTu6 {
  height: 3px;
  width: 100%;
  border-bottom: 1px solid var(--color-gray10);
}
.hammenu_usermenucontainer__CVaRz {
  position: relative;
  width: 100%;
  display: flex;
  gap: var(--gap-20);
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition:
    max-height 0.3s ease,
    opacity 0.3s ease,
    padding 0.3s ease;
  padding-top: 0;
}

.hammenu_usermenuOpen__D_P1r {
  max-height: 250px;
  opacity: 1;
  padding-top: var(--gap-20);
}

.hammenu_icon__tBS6K {
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  padding: var(--padding-8);
  background-color: var(--color-gray10);
  border-radius: var(--br8);
}

.hammenu_menuchild__YEZho {
  gap: var(--gap-10);
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: var(--transition3);
}

.hammenu_remainingTime__3NfMN {
  font-size: 12px;
  color: var(--color-gray);
}

.hammenu_blinkRed__g2jlu {
  color: var(--color-dark-red);
  animation: hammenu_blink__4lplV 1s infinite;
}

.hammenu_blinkYellow__jFSMd {
  color: var(--color-light-yellow);
}

@keyframes hammenu_blink__4lplV {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes hammenu_scale-in-right__r47un {
  0% {
    transform: scale(0);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes hammenu_scale-in-left__diWMD {
  0% {
    transform: scale(0);
    transform-origin: 100% 0;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 0;
    opacity: 1;
  }
}

.hammenu_notificationchild__n_YNv {
  padding: var(--padding-10);
  position: relative;
  width: 100%;
  display: flex;
  gap: var(--gap-10);
  transition: var(--transition1);
  cursor: pointer;
}
.hammenu_noNotification__91A03 {
  text-transform: uppercase;
  font-size: var(--font-16);
  font-weight: var(--weight-400);
  color: var(--text-h2);
  height: 300px;
  padding: var(--padding-10);
  position: relative;
  display: flex;
  gap: var(--gap-10);
  transition: var(--transition2);
  align-items: center;
  justify-content: center;
}
.hammenu_notificationchild__n_YNv:hover {
  border-bottom: 1px solid transparent;
  background-color: var(--color-gray30);
  border-radius: var(--br5);
}
.hammenu_notificationchild__n_YNv:hover .hammenu_iconok__9WfTT,
.hammenu_iconnormal__dWP32,
.hammenu_iconwarning__3qzLr,
.hammenu_iconfailed__Bc7LP {
  border: 1px solid var(--color-gray30);
}
.hammenu_iconok__9WfTT,
.hammenu_iconnormal__dWP32,
.hammenu_iconwarning__3qzLr,
.hammenu_iconfailed__Bc7LP {
  border: 1px solid transparent;
  position: relative;
  min-height: 40px;
  height: 40px;
  padding: var(--padding-10);

  border-radius: var(--br10);
  width: 40px;
  min-width: 40px;
  transition: var(--transition1);
}
.hammenu_notifbody__3QMf6 {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
  height: 100%;
}
.hammenu_header__Q7Uy9 {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.hammenu_title__UdFx0 {
  position: relative;
  text-transform: uppercase;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  color: var(--text-h2);

  text-align: left;
}
.hammenu_time__cX3Lu {
  position: relative;
  text-transform: lowercase;
  font-size: var(--font-10);
  font-weight: var(--weight-400);
  color: var(--text-h2);
}
.hammenu_message__vlGTU {
  position: relative;
  text-transform: capitalize;
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  color: var(--text-h1);
  width: 100%;
  text-align: left;
}

.BlogChatFrame_container__OssaT {
  position: fixed;
  z-index: 1200;
  right: 20px;
  bottom: 20px;
}

.BlogChatFrame_supportButton__0gt7m {
  display: grid;
  width: 40px;
  height: 40px;
  padding: 5px;
  box-sizing: border-box;
  box-shadow: var(--box-shadow);
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: var(--color-white);
  box-shadow: 0 8px 24px rgb(0 0 0 / 24%);
  cursor: pointer;
}

.BlogChatFrame_supportButton__0gt7m img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.BlogChatFrame_menu__n_3mA {
  position: absolute;
  right: 0;
  bottom: 76px;
  display: grid;
  width: 180px;
  gap: 4px;
  padding: 8px;
  border: 1px solid rgb(30 40 70 / 12%);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 8px 24px rgb(0 0 0 / 18%);
}

.BlogChatFrame_menuItem__3wBs2 {
  display: block;
  padding: 10px 12px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #182033;
  font: inherit;
  text-align: right;
  text-decoration: none;
  cursor: pointer;
}

.BlogChatFrame_menuItem__3wBs2:hover,
.BlogChatFrame_menuItem__3wBs2:focus-visible {
  background: #edf4ff;
  outline: none;
}

.BlogChatFrame_chatPanel__7HYOJ {
  filter: var(--box-shadow);
  animation: var(--bottom08);
  position: absolute;
  /* right: 0;
  bottom: 76px; */
  right: 0px;
  bottom: 0px;
  width: min(380px, calc(100vw - 40px));
  /* height: min(550px, calc(100vh - 120px)); */
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 32px rgb(0 0 0 / 22%);
}

.BlogChatFrame_panelHeader__iKXzx {
  display: flex;
  height: 44px;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  background: #182033;
  color: #fff;
}

.BlogChatFrame_closeButton__vrkvj {
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.BlogChatFrame_frame__DFUrh {
  display: block;
  width: 100%;
  height: min(576px, calc(100vh - 100px));
}

html[dir="rtl"] .BlogChatFrame_frame__DFUrh {
  direction: rtl;
}

html[dir="rtl"] .BlogChatFrame_container__OssaT {
  right: auto;
  left: 20px;
}

html[dir="rtl"] .BlogChatFrame_chatPanel__7HYOJ {
  right: auto;
  left: 0;
}

html[dir="rtl"] .BlogChatFrame_menu__n_3mA {
  right: auto;
  left: 0;
}

@media (max-width: 480px) {
  .BlogChatFrame_container__OssaT {
    right: 10px;
    bottom: 10px;
  }

  .BlogChatFrame_chatPanel__7HYOJ {
    right: 0;
    width: calc(100vw - 20px);
  }

  html[dir="rtl"] .BlogChatFrame_container__OssaT {
    right: auto;
    left: 10px;
  }

  html[dir="rtl"] .BlogChatFrame_chatPanel__7HYOJ {
    right: auto;
    left: 0;
  }
}

@media screen and (max-width: 720px) {
  .sidebar_sidebarparent__6uVcw {
    display: none;
  }
}

.sidebar_menuIndicator__AwyyI {
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
  top: 10px;
  margin-inline-start: 72px;
  width: 15px;
  height: 15px;
  background: var(--color-dark-blue);
  transition: all 0.5s cubic-bezier(0.45, -0.4, 0.49, 1.33);
  z-index: 1000;
}
.sidebar_indicator-home__jOTjY {
  transform: translateY(-2px) !important;
}
.sidebar_indicator-page__DQJiz {
  transform: translateY(60px) !important;
}
.sidebar_indicator-ai__qPs90 {
  transform: translateY(125px) !important;
}
.sidebar_indicator-messaging__faYtD {
  transform: translateY(190px) !important;
}
.sidebar_indicator-wallet___1Czy {
  transform: translateY(255px) !important;
}
.sidebar_indicator-market__oIa3H {
  transform: translateY(318px) !important;
}
.sidebar_indicator-advertise__Y_cVo {
  transform: translateY(382px) !important;
}
.sidebar_indicator-store__Viw0n {
  transform: translateY(446px) !important;
}
.sidebar_indicator-setting__pR8bf {
  transform: translateY(510px) !important;
}
/* .indicator-setting {
  transform: translateY(190px) !important;
} */

html[dir="rtl"] .sidebar_indicator-home__jOTjY {
  transform: translateY(-3px) !important;
}
html[dir="rtl"] .sidebar_indicator-page__DQJiz {
  transform: translateY(62px) !important;
}
html[dir="rtl"] .sidebar_indicator-ai__qPs90 {
  transform: translateY(128px) !important;
}
html[dir="rtl"] .sidebar_indicator-messaging__faYtD {
  transform: translateY(194px) !important;
}
html[dir="rtl"] .sidebar_indicator-wallet___1Czy {
  transform: translateY(261px) !important;
}
html[dir="rtl"] .sidebar_indicator-market__oIa3H {
  transform: translateY(325px) !important;
}
html[dir="rtl"] .sidebar_indicator-advertise__Y_cVo {
  transform: translateY(390px) !important;
}
html[dir="rtl"] .sidebar_indicator-store__Viw0n {
  transform: translateY(456px) !important;
}
html[dir="rtl"] .sidebar_indicator-setting__pR8bf {
  transform: translateY(520px) !important;
}

.sidebar_sidebarparent__6uVcw {
  position: relative;
  min-width: 90px;
  width: 90px;
  transition: var(--transition6);
}
.sidebar_sidebar__K7F9s {
  padding-block: 5px;
  border-radius: var(--br25);
  margin-top: 0;
  gap: var(--gap-20);
  z-index: 101;
  display: flex;
  position: fixed;
  width: 70px;
  margin-inline-start: 20px;
  margin-top: 20px;
  height: calc(100% - 40px);
  transition: var(--transition6);
  background: linear-gradient(#2ff2eb, #1761ff, #4545ff, #b443ff, #ff2c8e, #ffa133);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  animation: sidebar_fade-in-left__Cdi_o 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  @media (max-height: 720px) {
    padding-block: 10px !important;
    justify-content: center !important;
  }
}

html[dir="rtl"] .sidebar_sidebar__K7F9s {
  animation: sidebar_fade-in-right__UIUsu 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@keyframes sidebar_fade-in-right__UIUsu {
  0% {
    transform: translateX(80px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes sidebar_fade-in-right__UIUsu {
  0% {
    transform: translateX(80px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes sidebar_fade-in-left__Cdi_o {
  0% {
    transform: translateX(-80px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.sidebar_logosvg__6u8DM {
  position: relative;
  width: 35px;
  min-height: 45px;
  fill: var(--color-dark-blue);
  padding-block: 10px;
  margin-inline-end: 5px;
  transition: var(--transition2);
}
.sidebar_logosvg__6u8DM:hover {
  fill: var(--color-ffffff);
}

@media (max-height: 720px) {
  .sidebar_logosvg__6u8DM,
  .sidebar_fake__3bTJt {
    display: none;
  }
}
.sidebar_fake__3bTJt {
  width: 1px;
  height: 1px;
}
.sidebar_menuCategoriesChild__VguvB {
  border-radius: var(--br20);
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  width: 100%;
  right: 3px;
  background-color: var(--color-white);
  transition: var(--transition3);
}
html[dir="rtl"] .sidebar_menuCategoriesChild__VguvB {
  right: -3px !important;
}
.sidebar_navSidebar__dwOFd {
  position: relative;
  display: flex;
  gap: var(--gap-30);
  width: 30px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  align-content: center;
  margin-inline-end: 5px;
  flex-wrap: nowrap;
  @media (max-height: 720px) {
    position: relative;
    display: flex;
    gap: 15px;
    width: 58px;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    align-content: center;
    /* margin-inline-end: 5px; */
    flex-wrap: nowrap;
    overflow-x: hidden;
    overflow-y: auto;
  }
}

.sidebar_navSidebar__dwOFd > div {
  --scale: 1;
  transform: scale(var(--scale));
  transform-origin: center left;
  will-change: transform;
}
html[dir="rtl"] .sidebar_navSidebar__dwOFd > div {
  transform-origin: center right;
}
.sidebar_navSidebar__dwOFd > div:not(:last-child) {
  transition: transform 0.1s ease-in-out;
}

/* Unified style for all button names */
.sidebar_buttonName__YCP5z {
  transform: scale(0.9) translateX(-10px);
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 0px;
  margin-inline-start: 45px;
  font-size: var(--font-14);
  line-height: 19px;
  font-weight: var(--weight-400);
  padding: var(--padding-5) var(--padding-8);
  background-color: var(--color-white);
  color: var(--text-h1);
  border-radius: var(--br8);
  box-shadow: var(--box-shadow);
  text-transform: capitalize;
  text-wrap: nowrap;
  transition:
    opacity 0.5s ease,
    visibility 0.3s ease,
    transform 0.3s ease;
}

/* Generic hover rule instead of repeating per button class */
.sidebar_navSidebar__dwOFd > div:hover .sidebar_buttonName__YCP5z {
  visibility: visible;
  opacity: 1;
  transform: scale(0.9) translateX(0);
}

/* Arrow (speech-bubble tail) now tied to tooltip itself so it animates together */
.sidebar_buttonName__YCP5z::before {
  content: "";
  position: absolute;
  top: 50%;
  inset-inline-start: -5px; /* LTR: place arrow on left edge of tooltip */
  width: 10px;
  height: 10px;
  background: var(--color-white);
  border-radius: 2px;
  transform: translateY(-50%) rotate(45deg) scale(0.7);
  opacity: 0;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
  z-index: -1; /* stay behind tooltip */
  pointer-events: none;
}

.sidebar_supportbutton__AQKNv button {
  display: grid;
  width: 30px;
  height: 30px;
  padding: 0;
  place-items: center;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.sidebar_supportbutton__AQKNv button:focus-visible {
  outline: 2px solid var(--color-dark-blue);
  outline-offset: 4px;
}

.sidebar_supportbutton__AQKNv svg {
  width: 30px;
  height: 30px;
}

.sidebar_sidebarChatPanel__znvXX {
  position: fixed;
  right: auto;
  bottom: 20px;
  left: 110px;
}

html[dir="rtl"] .sidebar_sidebarChatPanel__znvXX {
  right: 110px;
  left: auto;
}

.sidebar_navSidebar__dwOFd > div:hover .sidebar_buttonName__YCP5z::before {
  opacity: 1;
  transform: translateY(-50%) rotate(45deg) scale(0.9);
}

@media screen and (max-width: 720px) {
  .userSidebar_sidebarparent__rE6cB {
    display: none;
  }
}
@media (min-width: 720px) and (max-width: 1024px) {
  .userSidebar_sidebar__Nkz0O {
    width: 60px !important;
    /* margin-inline-start: -70px !important; */
  }
}
@media (max-height: 580px) {
  .userSidebar_path__8cMwI,
  .userSidebar_logosvg__5ig0n {
    display: none;
  }
  .userSidebar_sidebar__Nkz0O {
    justify-content: center !important;
  }
}

.userSidebar_sidebarparent__rE6cB {
  position: relative;
  min-width: 90px;
  width: 90px;
  transition: var(--transition6);
}
.userSidebar_sidebar__Nkz0O {
  padding-block: 30px;
  border-radius: var(--br25);
  margin-top: 0;
  gap: var(--gap-20);
  z-index: 101;
  display: flex;
  position: fixed;
  min-width: 70px;
  margin-inline-start: 20px;
  margin-top: 20px;
  height: calc(100% - 40px);
  transition: var(--transition6);
  background: var(--color-dark-blue);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  animation: userSidebar_fade-in-left__tAZJY 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  @media (max-height: 570px) {
    padding-block: 10px !important;
  }
}
.userSidebar_navicon__jLv11 {
  transition: var(--transition6);
}
html[dir="rtl"] .userSidebar_sidebar__Nkz0O {
  animation: userSidebar_fade-in-right__ZkkBb 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@keyframes userSidebar_fade-in-right__ZkkBb {
  0% {
    transform: translateX(80px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes userSidebar_fade-in-right__ZkkBb {
  0% {
    transform: translateX(80px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes userSidebar_fade-in-left__tAZJY {
  0% {
    transform: translateX(-80px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.userSidebar_logosvg__5ig0n {
  position: relative;
  width: 35px;
  min-height: 45px;
  fill: var(--color-dark-blue);
  margin-inline-end: 5px;
  transition: var(--transition2);
}
.userSidebar_logosvg__5ig0n:hover {
  fill: var(--color-ffffff);
}

.userSidebar_menuCategoriesChild__4HUDg {
  border-radius: var(--br20);
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  width: 100%;
  right: 3px;
  background-color: var(--color-white);
  transition: var(--transition3);
}
html[dir="rtl"] .userSidebar_menuCategoriesChild__4HUDg {
  right: -3px !important;
}
.userSidebar_navSidebar__z_C1W {
  position: relative;
  display: flex;
  gap: var(--gap-30);
  width: 30px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  align-content: center;
  margin-inline-end: 5px;
  flex-wrap: nowrap;
  @media (max-height: 520px) {
    overflow-y: auto;
    overflow-x: hidden;
    gap: var(--gap-20);
    justify-content: flex-start;
  }
}

/* Add menu indicator for active state */
.userSidebar_menuIndicator__5QRAs {
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
  top: 10px;
  margin-inline-start: 72px;
  width: 15px;
  height: 15px;
  background: var(--color-dark-blue);
  transition: all 0.5s cubic-bezier(0.45, -0.4, 0.49, 1.33);
  z-index: 1000;
}

.userSidebar_advertisebutton__pvxyD,
.userSidebar_businessbutton__nJbLx,
.userSidebar_homebutton__U0ooY,
.userSidebar_marketbutton__wjddJ,
.userSidebar_messagingbutton__4bgmj,
.userSidebar_shopbutton__CCqQP,
.userSidebar_pagebutton__Izyq2,
.userSidebar_settingbutton__OsKp7,
.userSidebar_storebutton__4lwxH {
  transition: var(--transition2);
  position: relative;
  width: 30px;
  height: 30px;
}

.userSidebar_navSidebar__z_C1W > div {
  --scale: 1;
  transform: scale(var(--scale));
  transform-origin: center left;
  will-change: transform;
}
html[dir="rtl"] .userSidebar_navSidebar__z_C1W > div {
  transform-origin: center right;
}
.userSidebar_navSidebar__z_C1W > div:not(:last-child) {
  transition: transform 0.1s ease-in-out;
}
/* ------------------------------ */
.userSidebar_buttonName__We0TQ {
  transform: scale(0.9) translateX(-10px);
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 0px;
  margin-inline-start: 45px;
  font-size: var(--font-14);
  line-height: 19px;
  font-weight: var(--weight-400);
  padding: var(--padding-5) var(--padding-8);
  background-color: var(--color-white);
  color: var(--text-h1);
  border-radius: var(--br8);
  box-shadow: var(--box-shadow);
  text-transform: capitalize;
  text-wrap: nowrap;
  transition:
    opacity 0.5s ease,
    visibility 0.3s ease,
    transform 0.3s ease;
}

/* Unified hover state instead of repeating per button class */
.userSidebar_navSidebar__z_C1W > div:hover .userSidebar_buttonName__We0TQ {
  visibility: visible;
  opacity: 1;
  transform: scale(0.9) translateX(0);
}

/* Arrow (tail) attached to tooltip for synchronized animation */
.userSidebar_buttonName__We0TQ::before {
  content: "";
  position: absolute;
  top: 50%;
  inset-inline-start: -5px; /* Left side in LTR */
  width: 10px;
  height: 10px;
  background: var(--color-white);
  border-radius: 2px;
  transform: translateY(-50%) rotate(45deg) scale(0.7);
  opacity: 0;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
  z-index: -1; /* stay behind tooltip panel */
  pointer-events: none;
}

.userSidebar_navSidebar__z_C1W > div:hover .userSidebar_buttonName__We0TQ::before {
  opacity: 1;
  transform: translateY(-50%) rotate(45deg) scale(0.9);
}

.userSidebar_supportbutton__blDZQ {
  position: relative;
  width: 30px;
  height: 30px;
}

.userSidebar_supportbutton__blDZQ button {
  display: grid;
  width: 30px;
  height: 30px;
  padding: 0;
  place-items: center;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.userSidebar_supportbutton__blDZQ button:focus-visible {
  outline: 2px solid var(--color-dark-blue);
  outline-offset: 4px;
}

.userSidebar_supportbutton__blDZQ svg {
  width: 30px;
  height: 30px;
}
.userSidebar_sidebarChatPanel__46Vqg {
  position: fixed;
  right: auto;
  bottom: 20px;
  left: 110px;
}

html[dir="rtl"] .userSidebar_sidebarChatPanel__46Vqg {
  right: 110px;
  left: auto;
}

.userSidebar_supportbutton__blDZQ button {
  display: grid;
  width: 30px;
  height: 30px;
  padding: 0;
  place-items: center;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.userSidebar_supportbutton__blDZQ button:focus-visible {
  outline: 2px solid var(--color-dark-blue);
  outline-offset: 4px;
}

.userSidebar_supportbutton__blDZQ svg {
  width: 30px;
  height: 30px;
}

.userSidebar_sidebarChatPanel__46Vqg {
  position: fixed;
  right: auto;
  bottom: 20px;
  left: 110px;
}

html[dir="rtl"] .userSidebar_sidebarChatPanel__46Vqg {
  right: 110px;
  left: auto;
}

.usePanelNavbar_pageTitleSet__bcyLW {
  width: -moz-max-content !important;
  width: max-content !important;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  margin-inline: 15px;
  height: 100%;
  align-items: center;
  animation: usePanelNavbar_fade-in-top__SD1cW 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@media (max-width: 720px) {
  .usePanelNavbar_pageTitleSet__bcyLW {
    width: 100% !important;
    position: relative !important;
    display: flex !important;
    height: 50px !important;
    padding-inline: 5px !important;

    margin-inline: 0px !important;
    border-radius: var(--br50);
    animation: usePanelNavbar_slide-in-blurred-right__VvVeC 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
  }
  html[dir="rtl"] .usePanelNavbar_pageTitleSet__bcyLW {
    animation: usePanelNavbar_slide-in-blurred-right-rtl__vCkJR 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
  }
  @keyframes usePanelNavbar_slide-in-blurred-right-rtl__vCkJR {
    0% {
      transform: scaleX(0) scaleY(0.2);
      transform-origin: right;
      filter: blur(40px);
      opacity: 0;
    }
    100% {
      transform: scaleX(1) scaleY(1);
      transform-origin: right;
      filter: blur(0);
      opacity: 1;
    }
  }
  @keyframes usePanelNavbar_slide-in-blurred-right__VvVeC {
    0% {
      transform: scaleX(0) scaleY(0.2);
      transform-origin: left;
      filter: blur(40px);
      opacity: 0;
    }
    100% {
      transform: scaleX(1) scaleY(1);
      transform-origin: left;
      filter: blur(0);
      opacity: 1;
    }
  }

  .usePanelNavbar_pagePointer1Icon__miTGe {
    display: none;
  }

  .usePanelNavbar_title1__IBPVQ,
  .usePanelNavbar_title2__zYqo_ {
    top: 0px !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    padding: var(--padding-5) var(--padding-16) !important;
    border-radius: var(--br25) !important;
    font-size: var(--font-12) !important;
    gap: var(--gap-8) !important;
    min-height: 38px !important;
  }
}

.usePanelNavbar_pageTitle__c8CVU {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-20);
  text-decoration: none;
  cursor: pointer;
  transition: var(--transition2);
  text-transform: capitalize;
}

.usePanelNavbar_title1__IBPVQ {
  backdrop-filter: blur(10px);
  gap: var(--gap-5);
  fill: var(--color-light-blue);
  display: flex;
  align-items: center;
  min-height: 38px;
  min-width: 100px;
  background: linear-gradient(120deg, var(--color-light-blue60) 0%, var(--color-light-blue30) 20%);
  justify-content: center;
  padding: var(--padding-5) var(--padding-8);
  border-radius: var(--br15);
  position: relative;
  color: var(--color-light-blue);
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  line-height: 13px;
  text-align: center;
  transition: var(--transition2);
  text-transform: capitalize;
  margin-inline: 5px;
  animation: usePanelNavbar_rotate-gradient__nSqgY 0.5s linear;
  background-size: 200% 200%;
  text-wrap: nowrap;
  display: flex;
  align-items: center;
  gap: var(--gap-5);
}

.usePanelNavbar_title1__IBPVQ > svg,
.usePanelNavbar_title2__zYqo_ > svg {
  width: 20px;
  height: 20px;
  stroke-width: 2;
}

.usePanelNavbar_title1__IBPVQ > svg > path {
  stroke: var(--color-light-blue);
}

@keyframes usePanelNavbar_rotate-gradient__nSqgY {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 0%;
  }
}

.usePanelNavbar_storyTitle__2vvQi {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.usePanelNavbar_pagePointer1Icon__miTGe {
  position: relative;
  width: 90px;
  height: 20px;
  overflow: hidden;
  flex-shrink: 0;
  animation: usePanelNavbar_fade-in-top__SD1cW 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@keyframes usePanelNavbar_fade-in-top__SD1cW {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.usePanelNavbar_title2__zYqo_ {
  backdrop-filter: blur(10px);
  gap: var(--gap-5);
  display: flex;
  align-items: center;
  text-wrap: nowrap;
  min-height: 38px;
  min-width: 100px;
  background: var(--color-gray10);
  padding: var(--padding-5) var(--padding-8);
  border-radius: var(--br15);
  position: relative;
  color: var (--text-h2);
  text-align: center;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  line-height: 13px;
  transition: var(--transition2);
  cursor: pointer;

  margin-inline: 5px;
  justify-content: center;
  display: flex;
  align-items: center;
  gap: var(--gap-5);
}

.usePanelNavbar_title2__zYqo_ > svg > path {
  stroke: var(--text-h2);
  transition: var(--transition2);
}

.usePanelNavbar_title2__zYqo_:hover > svg > path {
  stroke: var(--color-light-blue);
}

.usePanelNavbar_title2__zYqo_:hover {
  text-decoration: none;
  color: var(--color-light-blue);
  letter-spacing: 0;
  cursor: pointer;
}

.usePanelNavbar_pageTitle1__C89a_ {
  display: none;
  flex-direction: column;
  gap: var(--gap-16);
  align-items: center;
  justify-content: flex-start;
}

@keyframes usePanelNavbar_slide-in-top__f6Bfc {
  0% {
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes usePanelNavbar_slide-out-top__xcSEZ {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-1000);
    opacity: 0;
  }
}

/* ___userpanel___ */
.usePanelNavbar_pageheaders__zZm3k {
  position: relative;
  display: flex;
  flex-direction: row;

  height: 100%;
  align-items: center;
  width: 145px;
  margin-right: 20px;
}

@media (max-width: 720px) {
  .usePanelNavbar_pageheaders__zZm3k {
    display: none;
  }
  .usePanelNavbar_pageheadersmobile___oOSB {
    background-color: var(--color-dark-blue);
    animation: var(--bottom08);
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

@media (min-width: 721px) {
  .usePanelNavbar_pageheadersmobile___oOSB {
    display: none;
  }
}

.usePanelNavbar_hamicon__OFwqo {
  fill: var(--color-ffffff);
  stroke: var(--color-ffffff);
}

.usePanelNavbar_leftmenu__v0oXN {
  cursor: pointer;
  position: relative;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 30px 10px 30px;
  border-radius: var(--br8);

  align-content: center;
  padding: var(--padding-5);
}

.usePanelNavbar_rightmenu__j6cSh {
  display: flex;
  gap: var(--gap-10);
  cursor: pointer;
  position: relative;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 30px 10px 30px;
  border-radius: var(--br8);

  align-content: center;
  padding: var(--padding-5);
}

.usePanelNavbar_rightmenuicon__VBZyj {
  position: relative;
  width: 20px;
  height: 20px;
}

.usePanelNavbar_rightmenutext__c9Ix0 {
  position: relative;
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  text-transform: capitalize;
  color: var(--color-ffffff);
}

.usePanelNavbar_followersParent__ocmJ4 {
  top: 0;
  left: 21px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}

.usePanelNavbar_contactboxParent__qBxtM {
  top: 222px;
  left: 19.5px;
  overflow-y: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 16px;
  text-align: left;
  font-size: var(--titles-table-size);
  color: var(--elements-boxtitle-num);
}

.usePanelNavbar_pageHeaderIcons__GaEZX {
  position: relative;
  width: 100%;
  height: 30px;
  display: flex;
  flex-direction: row;

  align-items: center;
  gap: var(--gap-20);
  justify-content: space-between;
}

.usePanelNavbar_icon__8VeSN {
  position: relative;
  width: 15px;
  height: 25px;
  transition: var(--transition2);
}

.usePanelNavbar_search__PFPJj,
.usePanelNavbar_fullscreen__rYsHv,
.usePanelNavbar_refresh__Ap6Ml,
.usePanelNavbar_notif__7J3NZ {
  cursor: pointer;
  position: relative;
  width: 35px;
  height: 35px;
  min-width: 35px;
  min-height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-dark-blue30);
  border-radius: var(--br8);

  align-content: center;
  padding: var(--padding-5);
}

.usePanelNavbar_refresh__Ap6Ml:hover .usePanelNavbar_icon__8VeSN,
.usePanelNavbar_search__PFPJj:hover .usePanelNavbar_icon__8VeSN,
.usePanelNavbar_notif__7J3NZ:hover .usePanelNavbar_icon__8VeSN,
.usePanelNavbar_fullscreen__rYsHv:hover .usePanelNavbar_icon__8VeSN {
  transform: scale(1.2);
}

.usePanelNavbar_ProfileIcon__0R0ys {
  position: relative;
  width: 35px;
  height: 35px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid var(--color-white);
  border-radius: 50%;
  cursor: pointer;
  transition: var(--transition3);
}

.usePanelNavbar_ProfileIcon__0R0ys:hover {
  box-shadow: var(--box-shadow);
}

.usePanelNavbar_ProfileIcon__0R0ys:active {
  transform: scale(0.93);
  box-shadow: var(--box-shadow);
}

.usePanelNavbar_searchBoxHide__yJPzy {
  animation: usePanelNavbar_hideMe__xjy2M 0.5s forwards;
  margin: 3px;
  border-radius: var(--br5);
  border-color: var(--color-gray);
  padding-top: 10px;
}

.usePanelNavbar_searchBoxShow__g9u6a {
  animation: usePanelNavbar_showMe__Hbvj9 0.5s forwards;
  margin: 3px;
  border-radius: var(--br5);
  border-color: var(--color-gray);
  padding-top: 10px;
}

.usePanelNavbar_searchBoxInit__RMltb {
  display: none;
}

@keyframes usePanelNavbar_showMe__Hbvj9 {
  from {
    width: 0px;
    opacity: 0;
  }
  to {
    width: 140px;
    opacity: 1;
  }
}

@keyframes usePanelNavbar_hideMe__xjy2M {
  from {
    opacity: 1;
    width: 140px;
  }
  to {
    opacity: 0;
    width: 0px;
  }
}

div .usePanelNavbar_parent__AFcZ4 {
  display: flex;
  width: 250px;
}

.usePanelNavbar_span1__TKRoa {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--color-dark-red);
  margin-top: 14px;
  margin-left: 10px;
  animation: usePanelNavbar_bounce__2uu3b 1s ease-in-out infinite;
}
.usePanelNavbar_reddot__t1Cvd {
  width: 15px;
  height: 15px;
  background-color: var(--color-light-red);
  position: relative;
  border-radius: 50%;
  top: 30px;
  left: -5px;
}

.navbarheader_pageheaders__o8uQF {
  position: relative;
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
  width: 200px;
  margin-inline: 15px;
}
.navbarheader_gooli__mRp0H {
  position: absolute;
  top: 30px;
  margin-inline-end: 35px;
  min-width: 10px;
  min-height: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-light-red);
  animation: navbarheader_pulse-wave__aURht 1s infinite;
  box-shadow: 0 0 0 0 var(--color-light-red);
}

.navbarheader_gooli__mRp0H::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid var(--color-light-red);
  animation: navbarheader_wave-border__qoobZ 2s infinite;
  opacity: 0.7;
}

@keyframes navbarheader_pulse-wave__aURht {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 var(--color-light-red);
  }
  50% {
    transform: scale(1.2);
    box-shadow: 0 0 0 8px rgba(255, 0, 0, 0.3);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 15px rgba(255, 0, 0, 0);
  }
}

@keyframes navbarheader_wave-border__qoobZ {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.7;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0.3;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}

@media (max-width: 720px) {
  .navbarheader_pageheaders__o8uQF {
    display: none;
  }
  .navbarheader_pageheadersmobile__fP6CW {
    animation: var(--bottom08);
    min-width: 56px;
    min-height: 56px;
    width: 56px;
    height: 56px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .navbarheader_pageheadersmobile__fP6CW .navbarheader_rightmenu__ir6fa {
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;
    border: 1px solid var(--color-dark-blue10);
    border-radius: 50%;
    background-color: var(--color-dark-blue);
    box-shadow: 0 0 12px var(--color-dark-blue60);
  }
  .navbarheader_rightmenuicon__Ax3S1 {
    width: 28px !important;
    height: 28px !important;
  }
}

@media (min-width: 721px) {
  .navbarheader_pageheadersmobile__fP6CW {
    display: none;
  }
}
.navbarheader_hamicon__cchlq {
  fill: var(--color-ffffff);
  stroke: var(--color-ffffff);
}
.navbarheader_leftmenu__MENh_ {
  cursor: pointer;
  position: relative;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 30px 10px 30px;
  border-radius: var(--br8);
  align-content: center;
  padding: var(--padding-5);
}
.navbarheader_rightmenu__ir6fa {
  display: flex;
  gap: var(--gap-10);
  cursor: pointer;
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: var(--br8);
  align-content: center;
}
.navbarheader_rightmenuicon__Ax3S1 {
  position: relative;
  width: 20px;
  height: 20px;
}
.navbarheader_rightmenutext__tZB2b {
  position: relative;
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  text-transform: capitalize;
  color: var(--color-ffffff);
}
.navbarheader_pageHeaderIcons__bL4Vp {
  position: relative;
  width: 100%;
  height: 30px;
  display: flex;
  flex-direction: row;

  align-items: center;
  gap: var(--gap-20);
  justify-content: space-between;
}
.navbarheader_icon___we7j {
  position: relative;
  width: 15px;
  height: 25px;
  transition: var(--transition2);
}
.navbarheader_search__hXZeK,
.navbarheader_fullscreen__sroi0,
.navbarheader_notif__TWyX7 {
  cursor: pointer;
  position: relative;
  width: 35px;
  height: 35px;
  min-width: 35px;
  min-height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-dark-blue30);
  border-radius: var(--br8);

  align-content: center;
  padding: var(--padding-5);
  border: 0;
}

.navbarheader_refresh__8XOum:hover .navbarheader_icon___we7j {
  transform: scale(1.2);
}
.navbarheader_search__hXZeK:hover .navbarheader_icon___we7j {
  transform: scale(1.2);
}
.navbarheader_notif__TWyX7:hover .navbarheader_icon___we7j {
  transform: scale(1.2);
}
.navbarheader_fullscreen__sroi0:hover .navbarheader_icon___we7j {
  transform: scale(1.2);
}
.navbarheader_ProfileIcon__YHehD {
  position: relative;
  width: 35px;
  height: 35px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid var(--color-white);
  border-radius: 50%;
  cursor: pointer;
  transition: var(--transition3);
}
.navbarheader_ProfileIcon__YHehD:hover {
  box-shadow: var(--box-shadow);
}
.navbarheader_ProfileIcon__YHehD:active {
  transform: scale(0.93);
  box-shadow: var(--box-shadow);
}

div .navbarheader_parent__QgssD {
  display: flex;
  width: 250px;
}

.navbarheader_search__hXZeK,
.navbarheader_fullscreen__sroi0 {
  transition: var(--transition3);
}

.navbarheader_search__hXZeK:hover,
.navbarheader_fullscreen__sroi0:hover {
  transform: scale(1.1);
}

.navbarheader_search__hXZeK svg,
.navbarheader_fullscreen__sroi0 svg {
  transition: var(--transition3);
}

.navbarheader_search__hXZeK:active svg,
.navbarheader_fullscreen__sroi0:active svg {
  transform: scale(0.9);
}

.navbarheader_notif__TWyX7 {
  transition: var(--transition3);
}
.navbarheader_notif__TWyX7:hover {
  transform: scale(1.1);
}

.navbarheader_notif__TWyX7 svg {
  transition: var(--transition3);
}

.navbarheader_notif__TWyX7:active svg {
  transform: scale(0.9);
}

.notificationBar_notification__3bcpg {
  top: 70px;
  margin-inline-start: -260px;
  /* right: 55px; */
  z-index: 999;
  display: flex;
  gap: var(--gap-15);
  min-width: 350px;
  width: 100%;
  max-width: 350px;
  height: 300px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  justify-content: space-between;
  padding: var(--padding-10);
  box-shadow: var(--box-shadow);
  background: var(--color-white);
  border-radius: var(--br15) 0px var(--br15) var(--br15);
  animation: notificationBar_scale-in-left__herGv 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  flex-direction: column;
  flex-wrap: nowrap;
}
html[dir="rtl"] .notificationBar_notification__3bcpg {
  animation: notificationBar_scale-in-right__XOgHX 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  border-radius: 0px var(--br15) var(--br15) var(--br15);
}

@keyframes notificationBar_scale-in-right__XOgHX {
  0% {
    transform: scale(0);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes notificationBar_scale-in-left__herGv {
  0% {
    transform: scale(0);
    transform-origin: 100% 0;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 0;
    opacity: 1;
  }
}

.notificationBar_notificationchild__9Fb0I {
  padding: var(--padding-10);
  position: relative;
  display: flex;
  gap: var(--gap-10);
  transition: var(--transition1);
  border-bottom: 1px solid var(--color-gray30);
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

.notificationBar_notificationchild__9Fb0I:focus-visible {
  outline: 2px solid var(--color-firoze);
  outline-offset: -2px;
}
.notificationBar_noNotification__uUeqe {
  text-transform: uppercase;
  font-size: var(--font-16);
  font-weight: var(--weight-400);
  color: var(--text-h2);
  height: 300px;
  padding: var(--padding-10);
  position: relative;
  display: flex;
  gap: var(--gap-10);
  transition: var(--transition2);
  align-items: center;
  justify-content: center;
}
.notificationBar_notificationchild__9Fb0I:hover {
  border-bottom: 1px solid transparent;
  background-color: var(--color-gray30);
  border-radius: var(--br5);
}
.notificationBar_notificationchild__9Fb0I:hover .notificationBar_iconok__rW64s,
.notificationBar_iconnormal__ReaMq,
.notificationBar_iconwarning__A33bA,
.notificationBar_iconfailed__Lo9T6 {
  border: 1px solid var(--color-gray30);
}
.notificationBar_iconok__rW64s,
.notificationBar_iconnormal__ReaMq,
.notificationBar_iconwarning__A33bA,
.notificationBar_iconfailed__Lo9T6 {
  border: 1px solid transparent;
  position: relative;
  min-height: 40px;
  height: 40px;
  padding: var(--padding-10);
  background-color: var(--color-dark-green30);
  border-radius: var(--br10);
  width: 40px;
  min-width: 40px;
  transition: var(--transition1);
}
.notificationBar_notifbody__t6yST {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
  height: 100%;
}
.notificationBar_header___d_Ot {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.notificationBar_title__cUMs8 {
  position: relative;
  text-transform: uppercase;
  font-size: var(--font-10);
  font-weight: var(--weight-400);
  color: var(--text-h2);
  display: flex;
  text-align: start;
}
.notificationBar_listitem__wq9za {
  height: -moz-max-content;
  height: max-content;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: var(--gap-10);
  align-content: center;
  align-items: center;
  transition: var(--transition2);
  padding-block: 10px;
  border-block-end: 1px solid var(--color-gray30);
}
.notificationBar_time__C2lio {
  position: relative;
  text-transform: lowercase;
  font-size: var(--font-10);
  font-weight: var(--weight-400);
  color: var(--text-h2);
}
.notificationBar_message__1noYM {
  position: relative;
  text-transform: capitalize;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  color: var(--text-h1);
  width: 100%;
  display: flex;
  text-align: start;
  line-height: 1.4;
}

.notificationBar_deleteButton__oN_rC {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: var(--padding-5);
  width: 24px;
  height: 24px;
  min-width: 24px;
  transition: var(--transition1);
  color: var(--text-h2);
  border-radius: var(--br5);
}

.notificationBar_deleteButton__oN_rC:hover {
  background-color: var(--color-gray30);
  color: var(--color-dark-red);
}

.notificationBar_deleteButton__oN_rC:focus-visible {
  outline: 2px solid var(--color-firoze);
  outline-offset: 2px;
}

.notificationBar_deleteButton__oN_rC svg {
  width: 15px;
  height: 15px;
}

.profile_menu__pKol3 {
  top: 70px;
  right: 0px;
  z-index: 999;
  display: flex;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  justify-content: space-between;
  padding: var(--padding-10);
  box-shadow: var(--box-shadow);
  background: var(--color-white);
  border-radius: var(--br15) 0px var(--br15) var(--br15);
  animation: profile_scale-in-left___lo4_ 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  flex-direction: column;
  flex-wrap: nowrap;
  white-space: nowrap;
}
html[dir="rtl"] .profile_menu__pKol3 {
  animation: profile_scale-in-right__KaBYk 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  border-radius: 0px var(--br15) var(--br15) var(--br15);
  left: 0px !important;
  right: auto;
}

@keyframes profile_scale-in-right__KaBYk {
  0% {
    transform: scale(0);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes profile_scale-in-left___lo4_ {
  0% {
    transform: scale(0);
    transform-origin: 100% 0;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 0;
    opacity: 1;
  }
}

@keyframes profile_blink__x9ugW {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.profile_blinkYellow__QcBK1 {
  color: var(--color-light-yellow);
  animation: profile_blink__x9ugW 2s infinite;
}

.profile_blinkRed__IudnP {
  color: var(--color-light-red);
  animation: profile_blink__x9ugW 1s infinite;
}

.profile_profile__9Qbmn {
  width: 100%;
  padding: var(--padding-10);
  position: relative;
  display: flex;
  gap: var(--gap-10);
  margin-bottom: 10px;
  transition: var(--transition3);
  align-items: center;
  border-bottom: 1px solid var(--color-gray60);
}

.profile_menuchild__RLwsu {
  width: 100%;
  padding: var(--padding-10);
  position: relative;
  display: flex;
  gap: var(--gap-10);
  border-radius: var(--br10);
  cursor: pointer;
  transition: var(--transition3);
  align-items: center;
}
.profile_menuchild__RLwsu:hover {
  background-color: var(--color-gray10);
}
.profile_menuchild__RLwsu:hover .profile_icon__OGnsH {
  background-color: var(--color-gray30);
}

.profile_icon__OGnsH {
  display: flex;
  position: relative;
  min-height: 40px;
  height: 40px;
  padding: var(--padding-10);
  border-radius: var(--br10);
  width: 40px;
  min-width: 40px;
  transition: var(--transition2);
  background-color: var(--color-gray10);
}

.profile_remainingTime__wsRbk {
  text-align: start;
  position: relative;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  color: var(--text-h2);
  text-transform: capitalize;
  transition: var(--transition3);
}

.navbar_pageTitleSet__AMZvs::-webkit-scrollbar {
  display: none !important;
}
.navbar_pageTitleSet__AMZvs {
  width: -moz-max-content;
  width: max-content;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  overflow-y: auto;
  margin-inline: 15px;
  height: 100%;
  align-items: center;
  animation: navbar_fade-in-top__YPxqg 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  @media (max-width: 720px) {
    background-color: var(--color-white);
    /* animation: var(--top08) ; */
    width: 100%;
    position: relative;
    display: flex;
    height: 56px;
    border-radius: var(--br50);
    padding-inline: 5px;
    margin-inline: 0px;
    border: 1px solid var(--color-gray10);
    animation: navbar_slide-in-blurred-right__I9CnQ 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
  }
}
.navbar_empty__jP5xo {
  background-color: transparent !important;
  border: none !important;
  height: 0px !important;
}
@media (max-width: 720px) {
  html[dir="rtl"] .navbar_pageTitleSet__AMZvs {
    animation: navbar_slide-in-blurred-right-rtl___sDej 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
  }
  @keyframes navbar_slide-in-blurred-right-rtl___sDej {
    0% {
      transform: scaleX(0) scaleY(0.2);
      transform-origin: right;
      filter: blur(40px);
      opacity: 0;
    }
    100% {
      transform: scaleX(1) scaleY(1);
      transform-origin: right;
      filter: blur(0);
      opacity: 1;
    }
  }
  @keyframes navbar_slide-in-blurred-right__I9CnQ {
    0% {
      transform: scaleX(0) scaleY(0.2);
      transform-origin: left;
      filter: blur(40px);
      opacity: 0;
    }
    100% {
      transform: scaleX(1) scaleY(1);
      transform-origin: left;
      filter: blur(0);
      opacity: 1;
    }
  }

  .navbar_pagePointer1Icon__XdI3N {
    display: none;
  }

  .navbar_title1___z0pU,
  .navbar_title2__32rUQ {
    top: 0px !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    padding: var(--padding-5) var(--padding-16) !important;
    border-radius: var(--br25) !important;
    font-size: var(--font-12) !important;
    gap: var(--gap-8) !important;
    min-height: 38px !important;
  }
}
.navbar_pageTitle__hti09 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-20);
  text-decoration: none;
  cursor: pointer;
  transition: var(--transition2);
  text-transform: capitalize;
}

.navbar_title1___z0pU {
  top: 5px;
  backdrop-filter: blur(10px);
  gap: var(--gap-5);
  fill: var(--color-light-blue);
  display: flex;
  align-items: center;
  min-height: 38px;
  min-width: 100px;
  background: linear-gradient(120deg, var(--color-light-blue60) 0%, var(--color-light-blue30) 20%);
  justify-content: center;
  padding: var(--padding-5) var(--padding-8);
  border-radius: var(--br15);
  position: relative;
  color: var(--color-light-blue);
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  line-height: 13px;
  text-align: center;
  transition: var(--transition2);
  text-transform: capitalize;
  margin-inline: 5px;
  animation: navbar_rotate-gradient__J_8L5 0.5s linear;
  background-size: 200% 200%;
  text-wrap: nowrap;
}
html[dir="rtl"] .navbar_title1___z0pU {
  background: linear-gradient(-60deg, var(--color-light-blue60) 0%, var(--color-light-blue30) 60%);
  animation: navbar_rotate-gradient-rtl__j9tyC 0.5s linear;
}
@keyframes navbar_rotate-gradient-rtl__j9tyC {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 0%;
  }
}
@keyframes navbar_rotate-gradient__J_8L5 {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 0%;
  }
}

.navbar_title1___z0pU > svg > path {
  width: 18px;
  height: 18px;
  stroke: var(--color-light-blue);
}

.navbar_storyTitle__9TcYe {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.navbar_pagePointer1Icon__XdI3N {
  position: relative;
  width: 90px;
  height: 20px;
  overflow: hidden;
  flex-shrink: 0;
  animation: navbar_fade-in-top__YPxqg 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@keyframes navbar_fade-in-top__YPxqg {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.navbar_title2__32rUQ {
  top: 5px;
  backdrop-filter: blur(10px);
  gap: var(--gap-5);
  display: flex;
  align-items: center;
  text-wrap: nowrap;
  min-height: 38px;
  min-width: 100px;
  background: var(--color-gray30);
  padding: var(--padding-5) var(--padding-8);
  border-radius: var(--br15);
  position: relative;
  color: var(--text-h2);
  text-align: center;
  font-size: var(--font-14);
  font-weight: var(--weight-500);
  line-height: 13px;
  transition: var(--transition2);
  cursor: pointer;

  margin-inline: 5px;
  justify-content: center;
}

.navbar_title2__32rUQ > svg > path {
  stroke: var(--text-h2);
  transition: var(--transition2);
}

.navbar_title2__32rUQ:hover {
  text-decoration: none;
  color: var(--color-light-blue);
  letter-spacing: 0;
  cursor: pointer;
}
.navbar_title2__32rUQ:hover path {
  stroke: var(--color-light-blue);
}
.navbar_pageTitle1__ZYpCL {
  display: none;
  flex-direction: column;
  gap: var(--gap-16);
  align-items: center;
  justify-content: flex-start;
}

@keyframes navbar_slide-in-top__HEog8 {
  0% {
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes navbar_slide-out-top__cOrrH {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-1000);
    opacity: 0;
  }
}

/* .notification {
  top: 73px;
  right: 55px;
  z-index: 999;
  display: flex;
  min-width: 350px;
  width: 100%;
  max-width: 350px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;

  justify-content: space-between;
  padding: var(--padding-8);
  box-shadow: var(--box-shadow);
  background: var(--color-white);
  border-radius: var(--br15) 0px var(--br15) var(--br15);
  animation: scale-in-tr 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  flex-direction: column;
  flex-wrap: nowrap;
}
/* .notification::before {
  z-index: 1000;
  position: absolute;
  content: " ";
  top: -10px;
  right: 53px;
  width: 25px;
  height: 25px;
  border-radius: var(--br5);
  transform: rotate(45deg);
  background: var(--color-white);
} */
/* @keyframes scale-in-tr {
  0% {
    transform: scale(0);
    transform-origin: 100% 0;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 0;
    opacity: 1;
  }
}

.notificationchild {
  padding: var(--padding-10);
  position: relative;
  display: flex;
  gap: var(--gap-10);
  transition: var(--transition1);
  border-bottom: 1px solid var(--color-gray30);
  cursor: pointer;
}
.notificationchild:hover {
  border-bottom: 1px solid transparent;
  background-color: var(--color-gray30);
  border-radius: var(--br5);
}
.notificationchild:hover .iconok,
.iconnormal,
.iconwarning,
.iconfailed {
  border: 1px solid var(--color-gray30);
}
.iconok,
.iconnormal,
.iconwarning,
.iconfailed {
  border: 1px solid transparent;
  position: relative;
  min-height: 40px;
  height: 40px;
  padding: var(--padding-10);

  border-radius: var(--br10);
  width: 40px;
  min-width: 40px;
  transition: var(--transition1);
}
.notifbody {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
  height: 100%;
}
.header {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.title {
  position: relative;
  text-transform: uppercase;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  color: var(--text-h2);

  text-align: left;
}
.time {
  position: relative;
  text-transform: lowercase;
  font-size: var(--font-10);
  font-weight: var(--weight-400);
  color: var(--text-h2);
}
.message {
  position: relative;
  text-transform: capitalize;
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  color: var(--text-h1);
  width: 100%;
  text-align: left;
}
.noNotification {
  text-transform: uppercase;
  font-size: var(--font-16);
  font-weight: var(--weight-400);
  color: var(--text-h2);
  height: 300px;
  padding: var(--padding-10);
  position: relative;
  display: flex;
  gap: var(--gap-10);
  transition: var(--transition2);
  align-items: center;
  justify-content: center;
}  */
.userNotificationBar_notification__TwxoL {
  top: 70px;
  margin-inline-start: -260px;
  /* right: 55px; */
  z-index: 999;
  display: flex;
  min-width: 350px;
  width: 100%;
  max-width: 350px;
  height: 300px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  justify-content: space-between;
  padding: var(--padding-8);
  box-shadow: var(--box-shadow);
  background: var(--color-white);
  border-radius: var(--br15) 0px var(--br15) var(--br15);
  animation: userNotificationBar_scale-in-left__LT8L4 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  flex-direction: column;
  flex-wrap: nowrap;
}
html[dir="rtl"] .userNotificationBar_notification__TwxoL {
  animation: userNotificationBar_scale-in-right__O1_QC 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  border-radius: 0px var(--br15) var(--br15) var(--br15);
}

@keyframes userNotificationBar_scale-in-right__O1_QC {
  0% {
    transform: scale(0);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes userNotificationBar_scale-in-left__LT8L4 {
  0% {
    transform: scale(0);
    transform-origin: 100% 0;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 0;
    opacity: 1;
  }
}

.userNotificationBar_notificationchild__ySzgy {
  padding: var(--padding-10);
  position: relative;
  display: flex;
  gap: var(--gap-10);
  transition: var(--transition1);
  border-bottom: 1px solid var(--color-gray30);
  cursor: pointer;
}
.userNotificationBar_noNotification__6d9Gf {
  text-transform: uppercase;
  font-size: var(--font-16);
  font-weight: var(--weight-400);
  color: var(--text-h2);
  height: 300px;
  padding: var(--padding-10);
  position: relative;
  display: flex;
  gap: var(--gap-10);
  transition: var(--transition2);
  align-items: center;
  justify-content: center;
}
.userNotificationBar_notificationchild__ySzgy:hover {
  border-bottom: 1px solid transparent;
  background-color: var(--color-gray30);
  border-radius: var(--br5);
}
.userNotificationBar_notificationchild__ySzgy:hover .userNotificationBar_iconok__fTagz,
.userNotificationBar_iconnormal__MTSwG,
.userNotificationBar_iconwarning__cmWz5,
.userNotificationBar_iconfailed__81CxB {
  border: 1px solid var(--color-gray30);
}
.userNotificationBar_iconok__fTagz,
.userNotificationBar_iconnormal__MTSwG,
.userNotificationBar_iconwarning__cmWz5,
.userNotificationBar_iconfailed__81CxB {
  border: 1px solid transparent;
  position: relative;
  min-height: 40px;
  height: 40px;
  padding: var(--padding-10);

  border-radius: var(--br10);
  width: 40px;
  min-width: 40px;
  transition: var(--transition1);
}
.userNotificationBar_notifbody__L_bJH {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
  height: 100%;
}
.userNotificationBar_header__OYqgd {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.userNotificationBar_title__CB3aI {
  position: relative;
  text-transform: uppercase;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  color: var(--text-h2);

  text-align: left;
}
.userNotificationBar_time__p_ef_ {
  position: relative;
  text-transform: lowercase;
  font-size: var(--font-10);
  font-weight: var(--weight-400);
  color: var(--text-h2);
}
.userNotificationBar_message__p_hdI {
  position: relative;
  text-transform: capitalize;
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  color: var(--text-h1);
  width: 100%;
  text-align: left;
}

.userPanelHeader_pageheaders__s9Dzw {
  position: relative;
  display: flex;
  flex-direction: row;

  height: 100%;
  align-items: center;
  width: 145px;
  margin-inline: 15px;
}
@media (max-width: 720px) {
  .userPanelHeader_pageheaders__s9Dzw {
    display: none;
  }
  .userPanelHeader_pageheadersmobile__EahAT {
    background-color: var(--color-dark-blue);
    animation: var(--bottom08);
    position: relative;
    min-height: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: var(--br50);
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (min-width: 721px) {
  .userPanelHeader_pageheadersmobile__EahAT {
    display: none;
  }
}
.userPanelHeader_hamicon__q1DK5 {
  fill: var(--color-ffffff);
  stroke: var(--color-ffffff);
}
.userPanelHeader_leftmenu__fF85t {
  cursor: pointer;
  position: relative;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 30px 10px 30px;
  border-radius: var(--br8);

  align-content: center;
  padding: var(--padding-5);
}
.userPanelHeader_rightmenu__Ij7Fc {
  display: flex;
  gap: var(--gap-10);
  cursor: pointer;
  position: relative;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 30px 10px 30px;
  border-radius: var(--br8);

  align-content: center;
  padding: var(--padding-5);
}
.userPanelHeader_rightmenuicon__F3g6K {
  position: relative;
  width: 20px;
  height: 20px;
}
.userPanelHeader_rightmenutext__HhkhI {
  position: relative;
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  text-transform: capitalize;
  color: var(--color-ffffff);
}
.userPanelHeader_followersParent__ea0ZL {
  top: 0;
  left: 21px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}

.userPanelHeader_contactboxParent__wB_s7 {
  top: 222px;
  left: 19.5px;
  overflow-y: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 16px;
  text-align: left;
  font-size: var(--titles-table-size);
  color: var(--elements-boxtitle-num);
}

.userPanelHeader_pageHeaderIcons__tFHtZ {
  position: relative;
  width: 100%;
  height: 30px;
  display: flex;
  flex-direction: row;

  align-items: center;
  gap: var(--gap-20);
  justify-content: space-between;
}
.userPanelHeader_icon__yggTA {
  position: relative;
  width: 15px;
  height: 25px;
  transition: var(--transition2);
}
.userPanelHeader_search__6PEIp,
.userPanelHeader_fullscreen__wxVDQ,
.userPanelHeader_refresh__StgeM,
.userPanelHeader_notif__jCKya {
  cursor: pointer;
  position: relative;
  width: 35px;
  height: 35px;
  min-width: 35px;
  min-height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-dark-blue30);
  border-radius: var(--br8);

  align-content: center;
  padding: var(--padding-5);
}

.userPanelHeader_refresh__StgeM:hover .userPanelHeader_icon__yggTA {
  transform: scale(1.2);
}
.userPanelHeader_search__6PEIp:hover .userPanelHeader_icon__yggTA {
  transform: scale(1.2);
}
.userPanelHeader_notif__jCKya:hover .userPanelHeader_icon__yggTA {
  transform: scale(1.2);
}
.userPanelHeader_fullscreen__wxVDQ:hover .userPanelHeader_icon__yggTA {
  transform: scale(1.2);
}
.userPanelHeader_ProfileIcon__JaqO3 {
  position: relative;
  width: 35px;
  height: 35px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid var(--color-white);
  border-radius: 50%;
  cursor: pointer;
  transition: var(--transition3);
}
.userPanelHeader_ProfileIcon__JaqO3:hover {
  box-shadow: var(--box-shadow);
}
.userPanelHeader_ProfileIcon__JaqO3:active {
  transform: scale(0.93);
  box-shadow: var(--box-shadow);
}

.userPanelHeader_searchBoxHide__OZnq4 {
  animation: userPanelHeader_hideMe__2Wu0K 0.5s forwards;
  margin: 3px;
  border-radius: var(--br5);
  border-color: var(--color-gray);
  padding-top: 10px;
}
.userPanelHeader_searchBoxShow__9mNsK {
  animation: userPanelHeader_showMe__MiLBS 0.5s forwards;
  margin: 3px;
  border-radius: var(--br5);
  border-color: var(--color-gray);
  padding-top: 10px;
}
.userPanelHeader_searchBoxInit__cOTFu {
  display: none;
}

@keyframes userPanelHeader_showMe__MiLBS {
  from {
    width: 0px;
    opacity: 0;
  }
  to {
    width: 140px;
    opacity: 1;
  }
}

@keyframes userPanelHeader_hideMe__2Wu0K {
  from {
    opacity: 1;
    width: 140px;
  }
  to {
    opacity: 0;
    width: 0px;
  }
}

div .userPanelHeader_parent__Er5uA {
  display: flex;
  width: 250px;
}

.userPanelHeader_span1__sOQPK {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;

  background-color: var(--color-dark-red);
  margin-top: 14px;
  margin-left: 10px;
  animation: userPanelHeader_bounce__Uu3IC 1s ease-in-out infinite;
}

.userPanelHeader_fullscreen__wxVDQ {
  cursor: pointer;
  position: relative;
  width: 35px;
  height: 35px;
  min-width: 35px;
  min-height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-dark-blue30);
  border-radius: var(--br8);

  align-content: center;
  padding: var(--padding-5);
  transition: var(--transition3);
}

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

.userPanelHeader_fullscreen__wxVDQ svg {
  transition: var(--transition3);
}

.userPanelHeader_fullscreen__wxVDQ:active svg {
  transform: scale(0.9);
}

.userPanelHeader_icon__yggTA {
  position: relative;
  width: 15px;
  height: 25px;
  transition: var(--transition2);
}
.userPanelHeader_gooli__CvGkx {
  position: absolute;
  top: 30px;
  margin-inline-end: 35px;
  min-width: 10px;
  min-height: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-light-red);
  animation: userPanelHeader_pulse-wave__Gdt6x 1s infinite;
  box-shadow: 0 0 0 0 var(--color-light-red);
}

.userPanelHeader_gooli__CvGkx::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid var(--color-light-red);
  animation: userPanelHeader_wave-border__3uSPf 2s infinite;
  opacity: 0.7;
}

@keyframes userPanelHeader_pulse-wave__Gdt6x {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 var(--color-light-red);
  }
  50% {
    transform: scale(1.2);
    box-shadow: 0 0 0 8px rgba(255, 0, 0, 0.3);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 15px rgba(255, 0, 0, 0);
  }
}

@keyframes userPanelHeader_wave-border__3uSPf {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.7;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0.3;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}

.userProfile_menu__zRm_b {
  top: 70px;
  right: 0px;
  z-index: 999;
  display: flex;
  min-width: 200px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  justify-content: space-between;
  padding: var(--padding-10);
  box-shadow: var(--box-shadow);
  background: var(--color-white);
  border-radius: var(--br15) 0px var(--br15) var(--br15);
  animation: userProfile_scale-in-left__NdEkk 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  flex-direction: column;
  flex-wrap: nowrap;
  white-space: nowrap;
}
html[dir="rtl"] .userProfile_menu__zRm_b {
  animation: userProfile_scale-in-right__Kn09N 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  border-radius: 0px var(--br15) var(--br15) var(--br15);
  left: 0px !important;
  right: auto;
}

@keyframes userProfile_scale-in-right__Kn09N {
  0% {
    transform: scale(0);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes userProfile_scale-in-left__NdEkk {
  0% {
    transform: scale(0);
    transform-origin: 100% 0;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 0;
    opacity: 1;
  }
}

.userProfile_menuchild__3XTKX {
  width: 100%;
  padding: var(--padding-10);
  position: relative;
  display: flex;
  gap: var(--gap-10);
  border-radius: var(--br10);
  cursor: pointer;
  transition: var(--transition3);
  align-items: center;
}
.userProfile_iconupgrade__Y7_ZM {
  display: flex;
  position: relative;
  min-height: 40px;
  height: 40px;
  padding: var(--padding-10);
  border-radius: var(--br10);
  width: 40px;
  min-width: 40px;
  transition: var(--transition1);
  background-color: var(--color-gray30);
  fill: var(--color-light-yellow);
}

.userProfile_icon__3JXL6 {
  display: flex;
  position: relative;
  min-height: 40px;
  height: 40px;
  padding: var(--padding-10);
  border-radius: var(--br10);
  width: 40px;
  min-width: 40px;
  transition: var(--transition1);
  background-color: var(--color-gray10);
  fill: var(--color-gray);
}

.userProfile_menuchild__3XTKX:hover {
  background-color: var(--color-gray10);
}
.userProfile_menuchild__3XTKX:hover .userProfile_icon__3JXL6 {
  background-color: var(--color-gray30);
}
.userProfile_menuchild__3XTKX:hover .userProfile_iconsignout__d6qZh {
  background-color: var(--color-gray30);
}
.userProfile_iconsignout__d6qZh {
  display: flex;
  position: relative;
  min-height: 40px;
  height: 40px;
  padding: var(--padding-10);
  border-radius: var(--br10);
  width: 40px;
  min-width: 40px;
  transition: var(--transition1);
  background-color: var(--color-gray10);
  fill: var(--color-dark-red);
}
.userProfile_notificationchild__WbhvW:hover .userProfile_iconupgrade__Y7_ZM {
  background-color: var(--color-light-yellow);
  fill: var(--color-ffffff);
}
.userProfile_notificationchild__WbhvW:hover .userProfile_icon__3JXL6 {
  background-color: var(--color-dark-blue);
  fill: var(--color-ffffff);
}
.userProfile_notificationchild__WbhvW:hover .userProfile_iconsignout__d6qZh {
  background-color: var(--color-light-red);
  fill: var(--color-ffffff);
}
.userProfile_notifbody__G1AN0 {
  text-transform: capitalize;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
  height: 100%;
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  align-items: flex-start;
}

@keyframes signOut_slide-in-fwd-center__C6HbJ {
  0% {
    transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}
.signOut_popupsignup__v9xwf {
  position: fixed;
  max-width: 400px;
  width: calc(100% - 40px);
  max-height: 400px;
  aspect-ratio: 1/1;
  box-shadow: var(--box-shadow);
  background-color: var(--color-white);
  border-radius: var(--br50);
  display: flex;
  flex-direction: column;
  padding: var(--paddingbox);
  justify-content: space-between;
  z-index: 117;
  animation: signOut_slide-in-fwd-center__C6HbJ 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  @media (max-width: 480px) {
    padding: var(--padding-30);
    border-radius: var(--br35);
  }
}
.signOut_closebtn__T_mbi {
  min-width: 25px;
  width: 25px;
  max-width: 25px;
  min-height: 25px;
  height: 25px;
  max-height: 25px;
  position: relative;
  padding: var(--padding-5);
  border-radius: var(--br5);
  border: 1px solid var(--color-gray60);
  transition: var(--transition3);
  cursor: pointer;
}
.signOut_closebtn__T_mbi:hover {
  box-shadow: 0 0 0 3px var(--color-gray30);
}

@media (max-width: 620px) {
  .switchAccount_popupmain__PsYYy {
    padding-inline: 0 !important;
    max-width: 100% !important;
    bottom: 0 !important;
    top: auto !important;
    left: auto !important;
    justify-content: flex-end !important;
    animation: var(--slide-in) !important;
  }
  .switchAccount_header__MNz_k {
    padding: var(--paddingboxmobile) !important;
    border-radius: var(--br25) var(--br25) var(--br15) var(--br15) !important;
  }
  .switchAccount_content__ADKIZ {
    padding: var(--paddingboxmobile) !important;
    border-radius: var(--br15) var(--br15) 0 0 !important;
  }
  .switchAccount_instagramprofiledetail__DMoUN {
    max-width: 100% !important;
  }
  .switchAccount_accountlistItem__r6YuV,
  .switchAccount_header__MNz_k > div:nth-child(2) {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  /* .accountlistItem > div:nth-child(2),
  .header > div:nth-child(2) > div:nth-child(2) {
    display: none !important;
  } */
  .switchAccount_addnewaccount__fXyVD {
    font-size: var(--font-12) !important;
    gap: var(--gap-5) !important;
  }
}

.switchAccount_popupmain__PsYYy {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 116;
  transition: var(--transition3);
  justify-content: center;
  width: 800px;
  max-width: calc(100% - 50px);
  height: 100%;
  gap: var(--gap-10);
  animation: var(--fadeIn3);
}

.switchAccount_header__MNz_k {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: var(--gap-20);
  padding: var(--paddingbox);
  border-radius: var(--br50) var(--br50) var(--br15) var(--br15);
  background-color: var(--color-white);
}
.switchAccount_content__ADKIZ {
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
  padding: var(--paddingbox);
  height: 100%;
  max-height: 450px;
  border-radius: var(--br15) var(--br15) var(--br50) var(--br50);
  background-color: var(--color-white);
}
.switchAccount_maincontent___iQqt {
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.switchAccount_instagramprofiledetail__DMoUN {
  max-width: 200px;
}
.switchAccount_addnewaccount__fXyVD {
  gap: var(--gap-8);
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-700);
  cursor: pointer;
  transition: var(--transition3);
  padding: var(--padding-10);
  border-radius: var(--br15);
  width: -moz-max-content;
  width: max-content;
  text-wrap: nowrap;
  text-transform: capitalize;
  background-color: var(--color-gray10);
  border: 1px solid transparent;
}
.switchAccount_addnewaccount__fXyVD:hover {
  border: 1px solid var(--color-gray60);
}
.switchAccount_headertext__h_KZJ {
  width: 100%;
  margin-inline: 10px;
  display: flex;
  color: var(--text-h2);
  text-transform: capitalize;
  align-items: center;
  font-size: var(--font-12);
  font-weight: var(--weight-600);
  transition: var(--transition3);
  padding-bottom: var(--padding-20);
  border-bottom: 1px solid var(--color-gray30);
}
.switchAccount_accountlist__xkW2P {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
}
.switchAccount_accountlistItem__r6YuV {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-10);
  transition: var(--transition3);
  padding: 10px;
  border-radius: var(--br20);
}
.switchAccount_accountlistItem__r6YuV:hover {
  background-color: var(--color-gray10);
}

.switchAccount_subadminimg__UF4Vl {
  position: absolute;
  border-radius: 50%;
  height: 35px;
  left: 30px;
  bottom: 0px;
  border: 3px solid var(--color-white);
  aspect-ratio: 1 / 1;
  -o-object-fit: cover;
  object-fit: cover;
}
.switchAccount_accounttype__7or5c {
  font-size: var(--font-12);
  font-weight: var(--weight-500);
  display: flex;
  flex-direction: row;
  gap: var(--gap-5);
  text-transform: capitalize;
  align-items: center;
  padding: var(--paddingtag);
  border-radius: var(--br8);
}
.switchAccount_remainingTime__HHzW_ {
  text-align: start;
  position: relative;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  color: var(--text-h2);
  text-transform: capitalize;
  transition: var(--transition3);
}
.switchAccount_blinkYellow__X_RC4 {
  color: var(--color-light-yellow);
  animation: switchAccount_blink__JGjSn 2s infinite;
}
.switchAccount_blinkRed__QHgLX {
  color: var(--color-light-red);
  animation: switchAccount_blink__JGjSn 1s infinite;
}
@keyframes switchAccount_blink__JGjSn {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.switchAccount_admin__CHKHi {
  color: var(--color-light-blue);
  background-color: var(--color-light-blue30);
}
.switchAccount_admin__CHKHi > svg {
  fill: var(--color-light-blue);
}
.switchAccount_subadmin__enZ4p {
  color: var(--color-purple);
  background-color: var(--color-purple30);
}
.switchAccount_subadmin__enZ4p > svg {
  fill: var(--color-purple);
}

/* FreeMode */
.slider_freeMode__BJQQH {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}

.slider_freeMode__BJQQH::-webkit-scrollbar {
  display: none;
}

html[dir="rtl"] .slider_freeMode__BJQQH {
  flex-direction: row-reverse;
}

.slider_freeMode__BJQQH .slider_sliderSlide__jBI5X {
  width: auto;
  flex-shrink: 0;
}

.slider_freeMode__BJQQH > * {
  flex-shrink: 0;
}

.slider_freeModeSlide__yv9Pc {
  flex-shrink: 0;
}

/* Slider Container */
.slider_slider__2ZSZ_ {
  position: relative;
  width: 100%;
  gap: var(--gap-30);
  height: 100%;
  overflow: hidden;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.slider_sliderOverlay__vQM6K {
  position: relative;
  bottom: 0;
  display: flex;
  width: 100%;
  height: 30px;
  z-index: 10;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: var(--gap-20);
}

html[dir="rtl"] .slider_sliderOverlay__vQM6K {
  flex-direction: row-reverse;
}

/* Slider Wrapper */
.slider_sliderWrapper__biNH1 {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;

  will-change: transform;
  backface-visibility: hidden;
  perspective: 1000px;
}

html[dir="rtl"] .slider_sliderWrapper__biNH1 {
  flex-direction: row-reverse;
}

.slider_sliderVertical__ZZLPL .slider_sliderWrapper__biNH1 {
  flex-direction: column;
}

/* Slider Slide */
.slider_sliderSlide__jBI5X {
  contain: layout style paint;
  flex-shrink: 0;
  width: 100%;
  /* height: 100%; */
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
}

/* Navigation Buttons */
.slider_navigationButton__snkzV {
  z-index: 5;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: var(--transition3);
  border: none;
  background: transparent;
  contain: layout style;
  padding: 0;
  outline-offset: 2px;
}

.slider_navigationButton__snkzV:hover:not(:disabled) {
  transform: scale(1.1);
}
.slider_navigationButton__snkzV:hover:not(:disabled) path:nth-child(1) {
  opacity: 1;
  fill: var(--color-gray10);
  transition: var(--transition3);
}

/* .navigationButton:active:not(:disabled) {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
} */
.slider_navigationButton__snkzV path {
  transition: var(--transition3);
}

.slider_navigationPrev__wxLK0:active:not(:disabled) path:nth-child(2) {
  transform: translateX(-2px);
}

.slider_navigationNext__q_vqU:active:not(:disabled) path:nth-child(2) {
  transform: translateX(2px);
}

/* Animation classes for programmatic navigation (drag & keyboard) */
.slider_navigationAnimating__lRhzu.slider_navigationPrev__wxLK0 path:nth-child(2) {
  transform: translateX(-2px);
  transition: transform 200ms ease-out;
}

.slider_navigationAnimating__lRhzu.slider_navigationNext__q_vqU path:nth-child(2) {
  transform: translateX(2px);
  transition: transform 200ms ease-out;
}

html[dir="rtl"] .slider_navigationPrev__wxLK0:active:not(:disabled) path:nth-child(2) {
  transform: translateX(2px);
}

html[dir="rtl"] .slider_navigationNext__q_vqU:active:not(:disabled) path:nth-child(2) {
  transform: translateX(-2px);
}

/* Animation classes for programmatic navigation (drag & keyboard) */
html[dir="rtl"] .slider_navigationAnimating__lRhzu.slider_navigationPrev__wxLK0 path:nth-child(2) {
  transform: translateX(2px);
  transition: transform 200ms ease-out;
}

html[dir="rtl"] .slider_navigationAnimating__lRhzu.slider_navigationNext__q_vqU path:nth-child(2) {
  transform: translateX(-2px);
  transition: transform 200ms ease-out;
}

/* exported class for programmatic navigation state */
.slider_navigationAnimating__lRhzu {
  /* marker class for JS-driven animation state */
}

/*  */

.slider_navigationButton__snkzV:focus-visible {
  outline: 2px solid var(--color-dark-blue);
  outline-offset: 2px;
  border-radius: 50%;
}

.slider_navigationDisabled__E1jV3 {
  opacity: 0.3;
  pointer-events: none;
  cursor: not-allowed !important;
}

.slider_navigationDisabled__E1jV3:hover {
  transform: scale(1);
}

/* Pagination Container */
.slider_paginationContainer__buvhL {
  display: flex;
  overflow: hidden;
  width: 140px;
  height: 20px;
  border-radius: var(--br50);
  background-color: var(--color-gray30);
  /* Center bullets regardless of LTR/RTL and count */
  justify-content: center;
  align-items: center;
}

html[dir="rtl"] .slider_paginationContainer__buvhL {
  flex-direction: row-reverse;
}

/* In dynamic mode, left-align to allow track translate centering */
.slider_paginationContainer__buvhL[data-dynamic="true"] {
  justify-content: flex-start;
}

.slider_paginationTrack__3hwKb {
  display: inline-flex;
  align-items: center;
  gap: 0;
  will-change: transform;
  transition: var(--transition3);
}
.slider_paginationBullet__paDbC {
  contain: layout style;
  min-width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background-color: transparent;
  color: var(--text-h2);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  cursor: pointer;
  transition: var(--transition3);
  border: 1px solid transparent;
  outline-offset: 2px;
}

.slider_paginationBulletActive__TtKUC {
  background-color: var(--color-dark-blue);
  color: white;
  border-color: var(--color-dark-blue);
  font-weight: var(--weight-600);
}

/* Pagination Loader */
.slider_paginationLoader__DOr_E {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 0 5px;
}

.slider_loaderRing__Sv3h0 {
  width: 100%;
  height: 100%;
  animation: slider_rotate__RMAf5 1s linear infinite;
}

.slider_loaderCircle__qWsDC {
  fill: none;
  stroke: var(--color-dark-blue);
  stroke-width: 5;
  stroke-linecap: round;
  stroke-dasharray: 50, 200;
  stroke-dashoffset: 0;
  animation: slider_dash__mvt9c 1.5s ease-in-out infinite;
}

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

@keyframes slider_dash__mvt9c {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

/* Dynamic Bullets Support */
.slider_paginationContainer__buvhL[data-dynamic="true"] .slider_paginationBullet__paDbC {
  width: 20px;
  height: 20px;
  font-size: var(--font-10);
}

.slider_paginationContainer__buvhL[data-dynamic="true"] .slider_paginationBulletActive__TtKUC {
  width: 20px;
  height: 20px;
  font-size: var(--font-12);
}

/* Vertical Direction Support */
.slider_slider__2ZSZ_[data-direction="vertical"] .slider_sliderWrapper__biNH1 {
  flex-direction: column;
}

.slider_slider__2ZSZ_[data-direction="vertical"] .slider_navigationPrev__wxLK0 {
  top: 0;
  right: 50%;
  bottom: auto;
  transform: translateX(50%) rotate(90deg);
}

.slider_slider__2ZSZ_[data-direction="vertical"] .slider_navigationNext__q_vqU {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
}

/* Slide Placeholder for lazy loading */
.slider_slidePlaceholder__qieTe {
  width: 100%;
  height: 100%;
  background-color: var(--color-disable);
  border-radius: var(--br15);
  opacity: 0.3;
}

/* Preloaded slides */
.slider_sliderSlide__jBI5X[data-preloaded="true"] {
  opacity: 1;
}

.slider_sliderSlide__jBI5X[data-preloaded="false"] {
  opacity: 0.5;
}

/* Disable text selection during drag */
.slider_sliderWrapper__biNH1 * {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* Focus Management */
.slider_slider__2ZSZ_:focus-visible {
  outline: 2px solid var(--color-dark-blue);
  outline-offset: 4px;
}

.slider_slider__2ZSZ_:focus:not(:focus-visible) {
  outline: none;
}

/* Responsive */
@media (max-width: 720px) {
  .slider_navigationPrev__wxLK0 {
    right: 85%;
  }

  .slider_navigationNext__q_vqU {
    left: 85%;
  }
}

@media (max-width: 480px) {
  .slider_navigationButton__snkzV {
    width: 18px;
    height: 18px;
  }

  .slider_paginationBullet__paDbC {
    width: 20px;
    height: 20px;
    font-size: var(--font-10);
  }

  .slider_paginationBulletActive__TtKUC {
    width: 22px;
    height: 22px;
  }
}

.counterDownNotRing_timerblue__mkdSr {
  font-weight: var(--weight-800);
  font-size: var(--font-14);
  animation: counterDownNotRing_flashcheck__koTuU 2s linear infinite;
}
@keyframes counterDownNotRing_flashcheck__koTuU {
  0% {
    color: var(--color-dark-blue);
  }
  50% {
    color: var(--color-dark-blue60);
  }
  100% {
    color: var(--color-dark-blue);
  }
}
.counterDownNotRing_timered__anaOH {
  font-weight: var(--weight-800);
  font-size: var(--font-14);
  animation: counterDownNotRing_flashpay__QASIv 2s linear infinite;
}
@keyframes counterDownNotRing_flashpay__QASIv {
  0% {
    color: var(--color-dark-red);
  }
  50% {
    color: var(--color-dark-red60);
  }
  100% {
    color: var(--color-dark-red);
  }
}

.dotMenu_root__iQhtC {
  position: relative;
}
.dotMenu_trigger__PZgyX {
  display: inline-grid;
  width: 28px;
  height: 14px;
  padding: 0;
  place-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: var(--br5);
  background: transparent;
  color: inherit;
  transition: var(--transition2);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.dotMenu_trigger__PZgyX:hover:not(:disabled),
.dotMenu_trigger__PZgyX.dotMenu_isOpen__ahYvI {
  background-color: var(--color-light-blue);
}
.dotMenu_trigger__PZgyX:focus-visible,
.dotMenu_menuItem__HKP2h:focus-visible {
  outline: 2px solid var(--color-light-blue);
  outline-offset: 2px;
}
.dotMenu_trigger__PZgyX:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.dotMenu_triggerIcon__9LLa7 {
  width: 14px;
  height: 5px;
  fill: var(--color-gray);
  transition: var(--transition2);
}
.dotMenu_trigger__PZgyX:hover:not(:disabled) .dotMenu_triggerIcon__9LLa7,
.dotMenu_trigger__PZgyX.dotMenu_isOpen__ahYvI .dotMenu_triggerIcon__9LLa7 {
  fill: var(--color-ffffff);
}
.dotMenu_menu__cYySy {
  display: flex;
  position: fixed;
  box-sizing: border-box;
  flex-direction: column;
  align-items: stretch;
  gap: var(--gap-5);
  width: -moz-max-content;
  width: max-content;
  min-width: 10rem;
  max-width: min(20rem, calc(100vw - 1rem));
  max-height: calc(100vh - 1rem);
  padding: var(--padding-10);
  overflow-y: auto;
  border: 1px solid var(--box-border);
  background-color: var(--color-white);
  box-shadow: var(--dropdown-shadow);
  --menu-origin: 100% 0;
  border-radius: var(--br15) 0 var(--br15) var(--br15);
}
html[dir="rtl"] .dotMenu_menu__cYySy {
  --menu-origin: 0 0;
  border-radius: 0 var(--br15) var(--br15) var(--br15);
}
html[dir="rtl"] .dotMenu_isOpen__ahYvI {
  border-radius: var(--br5) var(--br5) 0 var(--br5);
}

.dotMenu_isOpen__ahYvI {
  border-radius: var(--br5) var(--br5) var(--br5) 0;
}

/* trigger */
.dotMenu_triggerTopLeft__T0SfY {
  border-radius: 0 var(--br5) var(--br5) var(--br5);
}
.dotMenu_triggerTopRight__NxH8P {
  border-radius: var(--br5) 0 var(--br5) var(--br5);
}
.dotMenu_triggerBottomLeft__V99PS {
  border-radius: var(--br5) var(--br5) var(--br5) 0;
}
.dotMenu_triggerBottomRight__x1H9i {
  border-radius: var(--br5) var(--br5) 0 var(--br5);
}

html[dir="rtl"] .dotMenu_triggerTopLeft__T0SfY {
  border-radius: 0 var(--br5) var(--br5) var(--br5) !important;
}
html[dir="rtl"] .dotMenu_triggerTopRight__NxH8P {
  border-radius: var(--br5) 0 var(--br5) var(--br5) !important;
}
html[dir="rtl"] .dotMenu_triggerBottomLeft__V99PS {
  border-radius: var(--br5) var(--br5) var(--br5) 0 !important;
}
html[dir="rtl"] .dotMenu_triggerBottomRight__x1H9i {
  border-radius: var(--br5) var(--br5) 0 var(--br5) !important;
}

/* menu */
.dotMenu_topLeft__nV_xp {
  --menu-origin: 100% 100%;
  border-radius: var(--br15) var(--br15) 0 var(--br15);
}
.dotMenu_topRight__qGvBw {
  --menu-origin: 0 100%;
  border-radius: var(--br15) var(--br15) var(--br15) 0;
}
.dotMenu_bottomRight__ZzmQs {
  --menu-origin: 0 0;
  border-radius: 0 var(--br15) var(--br15) var(--br15);
}
.dotMenu_bottomLeft__uroHW {
  --menu-origin: 100% 0;
  border-radius: var(--br15) 0 var(--br15) var(--br15);
}

html[dir="rtl"] .dotMenu_topLeft__nV_xp {
  --menu-origin: 100% 100%;
  border-radius: var(--br15) var(--br15) 0 var(--br15) !important;
}
html[dir="rtl"] .dotMenu_topRight__qGvBw {
  --menu-origin: 0 100%;
  border-radius: var(--br15) var(--br15) var(--br15) 0 !important;
}
html[dir="rtl"] .dotMenu_bottomRight__ZzmQs {
  --menu-origin: 0 0;
  border-radius: 0 var(--br15) var(--br15) var(--br15) !important;
}
html[dir="rtl"] .dotMenu_bottomLeft__uroHW {
  --menu-origin: 100% 0;
  border-radius: var(--br15) 0 var(--br15) var(--br15) !important;
}

.dotMenu_enter__Thu9q {
  animation: dotMenu_scale-in__Rt9wE 0.3s cubic-bezier(0.19, 1, 0.22, 1) both;
}
.dotMenu_exit__u9_NP {
  animation: dotMenu_scale-out__In3_V 0.3s cubic-bezier(0.19, 1, 0.22, 1) both;
}
@keyframes dotMenu_scale-in__Rt9wE {
  from {
    transform: scale(0);
    transform-origin: var(--menu-origin);
    opacity: 0;
  }
  to {
    transform: scale(1);
    transform-origin: var(--menu-origin);
    opacity: 1;
  }
}
@keyframes dotMenu_scale-out__In3_V {
  from {
    transform: scale(1);
    transform-origin: var(--menu-origin);
    opacity: 1;
  }
  to {
    transform: scale(0);
    transform-origin: var(--menu-origin);
    opacity: 0;
  }
}
.dotMenu_menuItem__HKP2h {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  gap: var(--gap-10);
  width: 100%;
  min-height: 40px;
  padding-inline: var(--padding-10);
  border: 0;
  border-radius: var(--br8);
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: start;
  transition: var(--transition2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.dotMenu_menuItem__HKP2h:hover {
  background-color: var(--color-gray30);
}
.dotMenu_menuItemIcon__uGqKv {
  display: inline-grid;
  flex: 0 0 20px;
  place-items: center;
  width: 20px;
  height: 20px;
}
.dotMenu_menuItemIcon__uGqKv > svg,
.dotMenu_menuItemIcon__uGqKv > img {
  width: 20px !important;
  height: 20px !important;
}
.dotMenu_menuItemLabel__jTsDk {
  overflow-wrap: anywhere;
  color: var(--text-h1);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  text-align: start;
}
@media (pointer: coarse) {
  /* .trigger {
    width: 44px;
    height: 44px;
  } */
}
@media (max-width: 768px) {
  .dotMenu_menu__cYySy {
    min-width: min(10rem, calc(100vw - 1rem));
    padding: var(--padding-5);
  }
}
@media (prefers-reduced-motion: reduce) {
  .dotMenu_trigger__PZgyX,
  .dotMenu_triggerIcon__9LLa7,
  .dotMenu_menuItem__HKP2h {
    transition: none;
  }
  .dotMenu_menu__cYySy.dotMenu_enter__Thu9q,
  .dotMenu_menu__cYySy.dotMenu_exit__u9_NP {
    animation: none;
  }
}
@media (forced-colors: active) {
  .dotMenu_trigger__PZgyX,
  .dotMenu_menu__cYySy,
  .dotMenu_menuItem__HKP2h {
    border: 1px solid CanvasText;
  }
  .dotMenu_trigger__PZgyX.dotMenu_isOpen__ahYvI,
  .dotMenu_trigger__PZgyX:hover:not(:disabled),
  .dotMenu_menuItem__HKP2h:hover {
    forced-color-adjust: none;
    background: Highlight;
    color: HighlightText;
  }
}

.editAutoReply_content__A8R28 {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: var(--gap-30);
  padding: var(--padding-5);
  overflow-y: auto;
  overflow-x: hidden;
  animation: var(--top04);
  transition: var(--transition3);
}

.editAutoReply_optioncontainer__7ezEs {
  background-color: var(--color-gray30);
  border-radius: var(--br5) var(--br15) var(--br15) var(--br15);
  padding: var(--padding-10);
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-15);
  transition: var(--transition3);
  animation: var(--top04);
}
html[dir="rtl"] .editAutoReply_optioncontainer__7ezEs {
  border-radius: var(--br15) var(--br5) var(--br15) var(--br15);
}

.editAutoReply_wordpool__Lx2_u {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-10);
  min-height: 0;
  max-height: 120px;
  overflow-y: auto;
  flex-direction: row;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
}

.editAutoReply_specificword__1WIXk {
  color: var(--text-h1);
  font-weight: var(--weight-400);
  font-size: var(--text-14);
  transition: var(--transition3);
  border-radius: var(--br8);
  padding: var(--paddingtag);
  display: flex;
  align-items: center;
  gap: var(--gap-5);
  background-color: var(--color-dark-blue30);
}
html[dir="rtl"] .editAutoReply_specificword__1WIXk {
  flex-direction: row-reverse;
}

.editAutoReply_headertitle___H1M4 {
  position: relative;
  text-align: left;
  color: var(--text-h1);
  font-weight: var(--weight-600);
  font-size: var(--font-14);
  text-transform: capitalize;
}

.editAutoReply_replyMethodOptions__HeSdx {
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
  padding-inline-start: var(--padding-20);
  animation: var(--top04);
}
.editAutoReply_replyMethodOptions__HeSdx > label > span {
  font-weight: var(--weight-400);
  font-size: var(--font-12);
}

.editAutoReply_permissionState__VtPWQ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 220px;
  padding: 24px 16px;
  color: var(--text-h2);
  text-align: center;
}

.editAutoReply_permissionIcon__d_pmV {
  width: 72px;
  height: 72px;
  color: var(--color-dark-blue);
}

.editAutoReply_permissionState__VtPWQ h2,
.editAutoReply_permissionState__VtPWQ p {
  max-width: 520px;
  margin: 0;
}

.editAutoReply_permissionState__VtPWQ p {
  color: var(--text-h3);
  line-height: 1.7;
}

.editAutoReply_thumbnailsContainer__FPn9G {
  display: flex;
  gap: var(--gap-10);
  flex-direction: row;
  height: 100%;
  flex-wrap: wrap;
  overflow-y: auto;
  justify-content: space-around;
  align-content: flex-start;
}
.editAutoReply_productInfo__qS99b {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: var(--gap-10);
  width: 100%;
  height: 50px;
  align-items: center;
  transition: var(--transition2);
  cursor: pointer;
}
.editAutoReply_thumbnailImage__I2fev {
  position: relative;
  background-color: var(--color-gray10);
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  border-radius: var(--br10);
  background-image: url(/no-profile.svg);
  background-size: cover;
  transition: var(--transition3);
  background-position: center;
}
.editAutoReply_productDetail__EpM1C {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 70px;
  width: 100%;
  max-width: 200px;
  align-items: flex-start;
  justify-content: center;
}
.editAutoReply_productTitle__4ultR {
  position: relative;
  text-align: left;
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  /* overflow: hidden; */
  text-overflow: ellipsis;
  max-width: 180px;
  width: 100%;
  min-height: 20px;
  white-space: nowrap;
  overflow: hidden;
}
html[dir="rtl"] .editAutoReply_productTitle__4ultR {
  text-align: right;
}
.editAutoReply_productCaption__hZmi2 {
  position: relative;
  color: var(--text-h2);
  text-align: center;
  gap: var(--gap-5);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  animation: var(--top04);
  transition: var(--transition2);
  text-overflow: ellipsis;
  display: flex;
  max-width: 180px;
  width: 100%;
  min-height: 18px;
  white-space: nowrap;
  text-align: left;
  overflow: hidden;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}
html[dir="rtl"] .editAutoReply_productCaption__hZmi2 {
  text-align: right;
}

.editAutoReply_selectedPost__e14o2 {
  border: 3px solid transparent;
  box-shadow: var(--color-light-green) 0 0 0 3px;
}

.commentPermissionState_permissionState__vEM_E {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 280px;
  padding: 32px 24px;
  color: var(--text-h2);
  text-align: center;
}

.commentPermissionState_permissionIcon__gQVXa {
  width: 88px;
  height: 88px;
  color: var(--color-dark-blue);
}

.commentPermissionState_permissionState__vEM_E h2,
.commentPermissionState_permissionState__vEM_E p {
  max-width: 520px;
  margin: 0;
}

.commentPermissionState_permissionState__vEM_E p {
  color: var(--text-h3);
  line-height: 1.7;
}


/*# sourceMappingURL=0f20ce298aac04ec.css.map*/