.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: 145px;
  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 {
    background-color: var(--color-dark-blue);
    border: 1px solid var(--color-dark-blue10);
    animation: var(--bottom08);
    min-width: 56px;
    min-height: 56px;
    width: 56px;
    height: 56px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--br50);
    box-shadow: 0px 0px 12px 0px 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_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);
}

.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_fullscreen__sroi0 {
  transition: var(--transition3);
}

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

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

.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: scroll;
  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);

  text-align: left;
}
.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%;
  text-align: left;
}

.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: scroll;
  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: scroll;
  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;
  }
  .switchAccount_accountlistItem__r6YuV > div:nth-child(2),
  .switchAccount_header__MNz_k > 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 {
  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);
}


/*# sourceMappingURL=7c8d1273fbc9b228.css.map*/