:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
}
.Toastify__toast {
  --y: 0;
  position: relative;
  touch-action: none;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
  overflow: hidden;
}
.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}
.Toastify__toast--stacked[data-collapsed=false] {
  overflow: visible;
}
.Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
  opacity: 0;
}
.Toastify__toast--stacked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}
.Toastify__toast--stacked[data-pos=top] {
  top: 0;
}
.Toastify__toast--stacked[data-pos=bot] {
  bottom: 0;
}
.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
  transform-origin: top;
}
.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
  transform-origin: bottom;
}
.Toastify__toast--stacked:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1;
}
.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
  z-index: 1;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp[data-hidden=true] {
  opacity: 0;
}
.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=ReactToastify.css.map */
/* فقط در صفحات کوچک نمایش داده شود */
@media (min-width: 720px) {
  .tutorialMobile_tutorialOverlay__6Wbye {
    display: none !important;
  }
}
.tutorialMobile_tooltipparent__AZvgw {
  position: fixed;
  z-index: 1000000;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
  flex-direction: column;
}
.tutorialMobile_controls__fPh58 {
  position: relative;
  z-index: 1000000;

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-15);
  justify-self: anchor-center;
  padding: var(--padding-16) var(--padding-18);
  border-radius: var(--br25);
  box-shadow: var(--box-shadow);
  animation: var(--bottom14);
  background: var(--background-root);
  transition: var(--transition3);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.tutorialMobile_tutorialOverlay__6Wbye {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  pointer-events: none;
  /* background-color: var(--color-black80);
  backdrop-filter: blur(5px); */
}
.tutorialMobile_tutorialOverlay__6Wbye.tutorialMobile_visible__zEIRl {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.tutorialMobile_visible__zEIRl {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
/* ----------------------------------------- */
.tutorialMobile_backdrop__WY_I_ {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tutorialMobile_tooltip__6fiy1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-20);
  border: none;
  position: relative;
  background: var(--content-box);
  border-radius: var(--br30);
  box-shadow: 0px 5px 20px 15px #00000080;

  max-width: 400px;
  width: auto;
  min-width: 320px;
  z-index: 1000000;
  animation: tutorialMobile_tooltipAppear__TD47m 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  padding: var(--paddingboxmobile);
}
.tutorialMobile_tooltipbackground__5aWDH {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--br30);
  z-index: -1;
}
.tutorialMobile_tooltipbackground__5aWDH:before {
  overflow: hidden;
  content: " ";
  width: 100%;
  height: 80%;
  filter: blur(70px);
  position: absolute;
  bottom: -50%;
  left: 50%;
  transform: translatex(-50%);
  background: var(--color-gray);
  border-radius: 50%;
}

/* .tooltip::after {
  content: " ";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 13px solid var(--background-root);
  filter: contrast(0.55);
} */

@keyframes tutorialMobile_tooltipAppear__TD47m {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8) translateY(20px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) translateY(0);
  }
}

.tutorialMobile_closeButton___q0IV {
  position: absolute;
  cursor: pointer;
  transition: all 0.2s ease;
  top: 16px;
  right: 16px;
  width: 30px;
  height: 30px;
  z-index: 2;
}

.tutorialMobile_closeButton___q0IV:hover {
  scale: 1.1;
}

.tutorialMobile_tooltipTitle__IwQYb {
  min-height: 25px;
  font-size: var(--font-16);
  font-weight: var(--weight-700);
  color: var(--text-h1);
  padding-inline: var(--padding-30);
}

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

.tutorialMobile_navigation__cESN0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-10);
}

html[dir="ltr"] .tutorialMobile_controls__fPh58 > div > button > svg {
  transform: rotate(180deg);
}
.tutorialMobile_stepIndicator__f8Tz5 {
  display: flex;
  justify-content: center;
  gap: var(--gap-10);
}

.tutorialMobile_stepDot__XW_iL {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color-white);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.tutorialMobile_stepDot__XW_iL:hover {
  background-color: var(--color-gray);
  transform: scale(1.1);
}
.tutorialMobile_stepDot__XW_iL.tutorialMobile_active__sb1nG {
  background-color: var(--color-dark-blue);
  box-shadow: 0 0 0 3px var(--color-dark-blue60);
}
.tutorialMobile_active__sb1nG {
  background-color: var(--color-dark-blue);
}
.tutorialMobile_stepDot__XW_iL.tutorialMobile_completed__tfZRX {
  background-color: var(--color-gray);
}
.tutorialMobile_completed__tfZRX {
  background-color: var(--color-gray);
}

/* هایلایت کردن المنت‌های هدف */
.tutorialMobile_highlighted__0rhaE {
  position: relative !important;
  z-index: 999999 !important;
  border-radius: var(--br25) !important;
  animation: tutorialMobile_highlightPulse__OOrx9 2s infinite !important;
}

@keyframes tutorialMobile_highlightPulse__OOrx9 {
  0%,
  100% {
    box-shadow: 0 0 0 4px var(--color-dark-red);
  }
  50% {
    box-shadow: 0 0 0 8px var(--color-light-red);
  }
}

.tutorialDesktop_tutorialOverlay__HYSP0 {
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  pointer-events: none;
  align-items: center;
  justify-content: center;
  /* background-color: var(--color-black80);
  backdrop-filter: blur(5px); */
}

.tutorialDesktop_tutorialOverlay__HYSP0.tutorialDesktop_visible__qWzIv {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.tutorialDesktop_visible__qWzIv {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.tutorialDesktop_backdrop__BAkVn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tutorialDesktop_tooltip__1SQWf {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-20);
  border: none;
  position: absolute;
  background: var(--background-root);
  border-radius: var(--br30);
  box-shadow: var(--box-shadow);
  max-width: 400px;
  width: auto;
  min-width: 320px;
  z-index: 999999;
  animation: tutorialDesktop_tooltipAppear__jMdmr 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  padding: var(--paddingboxmobile);
}
.tutorialDesktop_tooltipbackground__aEe1a {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--br30);
  z-index: -1;
}
.tutorialDesktop_tooltipbackground__aEe1a:before {
  overflow: hidden;
  content: " ";
  width: 100%;
  height: 80%;
  filter: blur(70px);
  position: absolute;
  bottom: -50%;
  left: 50%;
  transform: translatex(-50%);
  background: var(--color-gray60);
  border-radius: 50%;
}
/* .tooltip::after {
  content: " ";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 13px solid var(--background-root);
  filter: contrast(0.55);
} */
@keyframes tutorialDesktop_tooltipAppear__jMdmr {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8) translateY(20px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) translateY(0);
  }
}
.tutorialDesktop_closeButton__5HLPW {
  position: absolute;
  cursor: pointer;
  transition: all 0.2s ease;
  top: 16px;
  right: 16px;
  width: 30px;
  height: 30px;
  z-index: 2;
}
.tutorialDesktop_closeButton__5HLPW:hover {
  scale: 1.1;
}
.tutorialDesktop_tooltipTitle__pZA3O {
  min-height: 25px;
  font-size: var(--font-16);
  font-weight: var(--weight-700);
  color: var(--text-h1);
  padding-inline: var(--padding-30);
}
.tutorialDesktop_tooltipText__vhSTo {
  color: var(--text-h2);
  font-size: var(--font-14);
  font-weight: var(--weight-500);
}
.tutorialDesktop_navigation__tKqZJ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-10);
}

html[dir="ltr"] .tutorialDesktop_navigation__tKqZJ > div:nth-child(2) > button > svg {
  transform: rotate(180deg);
}

.tutorialDesktop_stepIndicator__gwYXI {
  display: flex;
  justify-content: center;
  gap: var(--gap-10);
}
.tutorialDesktop_stepDot__A7_tM {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color-gray30);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.tutorialDesktop_stepDot__A7_tM:hover {
  background-color: var(--color-gray);
  transform: scale(1.1);
}
.tutorialDesktop_stepDot__A7_tM.tutorialDesktop_active__u2L4x {
  background-color: var(--color-dark-blue);
  box-shadow: 0 0 0 3px var(--color-dark-blue30);
}
.tutorialDesktop_active__u2L4x {
  background-color: var(--color-dark-blue);
}
.tutorialDesktop_stepDot__A7_tM.tutorialDesktop_completed__yXgFE {
  background-color: var(--color-gray);
}
.tutorialDesktop_completed__yXgFE {
  background-color: var(--color-gray);
}
.tutorialDesktop_highlighted__UVWMf {
  position: relative !important;
  z-index: 999999 !important;
  padding: var(--padding-10) !important;
  border-radius: var(--br15) !important;
  animation: tutorialDesktop_highlightPulse__nbj2k 2s infinite !important;
}
@keyframes tutorialDesktop_highlightPulse__nbj2k {
  0%,
  100% {
    box-shadow: 0 0 0 2px var(--color-light-red);
  }
  50% {
    box-shadow: 0 0 0 4px var(--color-light-red);
  }
}
@media (max-width: 720px) {
  .tutorialDesktop_tutorialOverlay__HYSP0 {
    display: none !important;
  }
}

.radioButton_radioButtonInput__1f_fS {
  display: none;
}

.radioButton_radioButtonLabel__ju7CP {
  color: var(--text-h1);
  gap: var(--gap-10);
  display: flex;
  cursor: pointer;

  align-items: center;
  font-size: var(--font-14);
  font-weight: var(--weight-500);
  text-transform: capitalize;
  text-decoration: none;
  text-align: start;
  line-height: 16px;
}

.radioButton_radioButtonCustom__S5niY {
  position: relative;
  display: flex;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  border-radius: 50%;
  border: 1px solid var(--color-dark-blue);
  transition: var(--transition1);
}
.radioButton_radioButtonLabel__ju7CP:hover .radioButton_radioButtonCustom__S5niY {
  border: 3px solid var(--color-dark-blue);
}

.radioButton_radioButtonInput__1f_fS:checked + .radioButton_radioButtonLabel__ju7CP .radioButton_radioButtonCustom__S5niY {
  border: 5px solid var(--color-dark-blue);
}

.radioButton_radioButtonsContainer__zfTEu {
  display: flex;
  align-items: center;
  gap: 24px !important;
  position: absolute;
  top: 50px;
  left: 100px;
}

.initialSetup_setupOverlay__h6Ghk.initialSetup_visible__mKP8h {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.initialSetup_visible__mKP8h {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.initialSetup_backdrop__YU4Ui {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(0, 123, 255, 0.1), rgba(108, 117, 125, 0.1));
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}

.initialSetup_setupContainer__tuR6a {
  position: relative;
  background: var(--color-white);
  border-radius: var(--br30);
  box-shadow: var(--box-shadow);
  max-width: 600px;
  width: 90%;
  height: 550px;
  max-height: 90vh;
  overflow: hidden;
  animation: var(--fadeIn3);
  display: flex;
  flex-direction: column;
}

.initialSetup_setupHeader___PzhR {
  padding: var(--paddingbox);
  text-align: center;
  background: linear-gradient(135deg, #007bff, #0056b3);
  color: #fff;
  border-radius: 20px 20px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-10);
}

.initialSetup_welcomeTitle__IfFz9 {
  font-size: var(--font-20);
  font-weight: var(--weight-800);
}

.initialSetup_welcomeSubtitle__H6Eks {
  font-size: var(--font-16);
  font-weight: var(--weight-400);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-direction: row;
}

.initialSetup_setupBody__wX_X7 {
  padding: var(--paddingbox);
  background-color: var(--color-white);
  flex-grow: 1;
  overflow-y: auto;
  align-content: center;
}

.initialSetup_stepHeader__UFWWM {
  text-align: center;
  margin-bottom: 30px;
}

.initialSetup_stepTitle__7pTAy {
  font-size: 22px;
  font-weight: bold;
  color: var(--text-h1);
  margin-bottom: 8px;
}

.initialSetup_stepSubtitle__UaWgW {
  font-size: 14px;
  color: var(--text-h2);
}

.initialSetup_optionsGrid__OZiCw {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
}

.initialSetup_radioOption__EA21C {
  padding: 16px;
  border: 2px solid var(--color-gray60);
  border-radius: 12px;
  transition: var(--transition3);
  cursor: pointer;
}

.initialSetup_radioOption__EA21C:hover {
  border-color: var(--color-dark-blue);
  background-color: var(--background-root);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.1);
}

.initialSetup_radioOption__EA21C:has(input:checked) {
  border-color: var(--color-dark-blue);
  background-color: var(--background-root);
  box-shadow: var(--box-shadow);
}

.initialSetup_themeOptions__xjz7z {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
}

.initialSetup_themeCard__8tZ85 {
  text-align: center;
  padding: 20px;
  border: 2px solid var(--color-gray60);
  border-radius: 16px;
  transition: var(--transition3);
  cursor: pointer;
}

.initialSetup_themeCard__8tZ85:hover {
  border-color: var(--color-dark-blue);
  transform: translateY(-4px);
  box-shadow: var(--box-shadow);
}

.initialSetup_themeCard__8tZ85:has(input:checked) {
  border-color: var(--color-dark-blue);
  background-color: var(--color-dark-blue10);
  box-shadow: var(--box-shadow);
}

.initialSetup_themePreview__CLufP {
  width: 100%;
  height: 120px;
  border-radius: 12px;
  margin-bottom: 16px;
  overflow: hidden;
  border: 1px solid var(--color-gray60);
}

.initialSetup_lightPreview___TsHU {
  width: 100%;
  height: 100%;
  background: #edf4ff;
  display: flex;
  flex-direction: column;
}

.initialSetup_darkPreview__hL3dR {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #2c3e50, #34495e);
  display: flex;
  flex-direction: column;
}

.initialSetup_previewHeader__TnKpG {
  height: 30px;
  background: rgba(0, 123, 255, 0.8);
  margin: 8px;
  border-radius: 6px;
}

.initialSetup_lightPreview___TsHU .initialSetup_previewContent__ct4uh {
  flex-grow: 1;
  background: rgba(0, 0, 0, 0.05);
  margin: 0 8px 8px;
  border-radius: 6px;
}

.initialSetup_darkPreview__hL3dR .initialSetup_previewContent__ct4uh {
  flex-grow: 1;
  background: rgba(255, 255, 255, 0.1);
  margin: 0 8px 8px;
  border-radius: 6px;
}

.initialSetup_stepIndicator__L4lBX {
  display: flex;
  justify-content: center;
  gap: 12px;
}

.initialSetup_stepDot__BTtBI {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #dee2e6;
  transition: var(--transition3);
  position: relative;
}

.initialSetup_stepDot__BTtBI.initialSetup_active__hO9z0 {
  background-color: var(--color-dark-blue);
  box-shadow: var(--box-shadow);
  transform: scale(1.2);
}

.initialSetup_active__hO9z0 {
  background-color: var(--color-dark-blue);
}

.initialSetup_stepDot__BTtBI.initialSetup_completed__fv4Nw {
  background-color: var(--color-light-green);
}

.initialSetup_completed__fv4Nw {
  background-color: var(--color-light-green);
}

.initialSetup_setupFooter__3H_6F {
  padding: var(--paddingbox);
  background-color: var(--background-root);
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: var(--box-shadow);
}

.initialSetup_stepCounter__WeO9z {
  font-size: 14px;
  color: #6c757d;
  direction: rtl;
}

.initialSetup_buttonGroup__ygDEY {
  display: flex;
  gap: 12px;
}

.initialSetup_prevButton__30QFc {
  background: #6c757d;
  border: none;
  color: white;
  padding: 12px 24px;
  border-radius: 10px;
  font-size: 14px;
  cursor: pointer;
  transition: var(--transition3);

  animation: var(--fadeIn3);
  font-weight: 500;
}

.initialSetup_prevButton__30QFc:hover {
  background-color: #545b62;
  transform: translateY(-2px);
  box-shadow: var(--box-shadow);
}

.initialSetup_nextButton__FRpqy {
  background: linear-gradient(135deg, #007bff, #0056b3);
  border: none;
  color: white;
  padding: 12px 28px;
  border-radius: 10px;
  font-size: 14px;
  cursor: pointer;
  transition: var(--transition3);
  animation: var(--fadeIn3);
  font-weight: 500;
  position: relative;
  overflow: hidden;
}

.initialSetup_nextButton__FRpqy:hover {
  transform: translateY(-2px);
  box-shadow: var(--box-shadow);
}

.initialSetup_nextButton__FRpqy::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}

.initialSetup_nextButton__FRpqy:hover::before {
  left: 100%;
}

/* ریسپانسیو برای موبایل */
@media (max-width: 768px) {
  .initialSetup_setupContainer__tuR6a {
    width: 100%;
    margin-top: auto;
    max-height: 95vh;
    min-height: 680px;
    border-radius: var(--br30) var(--br30) 0 0;
    animation: var(--bottom08);
  }
  .initialSetup_setupHeader___PzhR,
  .initialSetup_setupBody__wX_X7,
  .initialSetup_setupFooter__3H_6F {
    padding: var(--paddingboxmobile) !important;
  }

  .initialSetup_welcomeTitle__IfFz9 {
    font-size: 24px;
  }
  .initialSetup_welcomeSubtitle__H6Eks {
    font-size: 14px;
  }
  .initialSetup_optionsGrid__OZiCw {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .initialSetup_stepContent__AAOyA {
    margin-bottom: 0px;
  }
  .initialSetup_themeOptions__xjz7z {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .initialSetup_setupFooter__3H_6F {
    flex-direction: column;
    gap: var(--gap-10);
    text-align: center;
  }

  .initialSetup_buttonGroup__ygDEY {
    width: 100%;
    justify-content: center;
  }
}
.initialSetup_tooltip__YMWo9 {
  position: absolute;
  top: 100px;
  width: 200px;
  display: flex;
  cursor: pointer;
  background-color: var(--background-root);
  border-radius: var(--br8);
  padding: var(--padding-8);
  color: var(--text-h1);
  font-size: var(--font-12);
  font-weight: var(--weight-500);
  transition: var(--transition3);
  box-shadow: var(--box-shadow);
  animation: var(--fadeIn3);
  z-index: 10;
  white-space: pre-line;
}
.initialSetup_tooltip__YMWo9:after {
  content: "";
  position: absolute;
  top: -10px;
  margin-inline-start: 15px;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent var(--background-root) transparent;
}

@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;
  -webkit-backdrop-filter: blur(10px);
          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-30);
  overflow-y: scroll;
  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: 25%;
  background-color: transparent;
  align-items: center;
  transition: var(--transition2);
  flex-direction: column;
  justify-content: center;
  align-content: center;
}

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;
}
.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_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: scroll;
  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-top: var(--padding-20);
}

/* ----------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;
  }
}

/* ---------------------------------------------------------------------------- */
/* ___right___
.right {
  overflow-y: scroll;
  display: flex;
  justify-content: space-between;
  padding: var(--padding-10) var(--padding-30) var(--padding-30) var(--padding-20);
  position: absolute;
  max-width: 350px;
  width: 70%;
  height: 100%;
  background-color: var(--color-dark-blue);
  z-index: 117;
  top: 0px;
  right: 0px;
  flex-direction: column;
  align-items: flex-start;
  animation: fade-in-right 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
html[dir="rtl"] .right {
  right: auto;
  left: 0px;
  animation: fade-in-left 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.account {
  margin-top: 10px;
  margin-bottom: 10px;
  gap: var(--gap-5);
  display: flex;
  padding: var(--padding-8) var(--padding-10) var(--padding-8) var(--padding-8);

  position: relative;
  width: 90%;
  height: 60px;
  border-radius: var(--br100) var(--br50) var(--br50) var(--br100);
  background-color: var(--color-dark-blue);
  align-items: center;
}
html[dir="rtl"] .account {
  border-radius: var(--br50) 100px 100px var(--br50);
}
.accountalt {
  margin-top: 10px;
  margin-bottom: 10px;
  gap: var(--gap-5);
  display: flex;
  padding: var(--padding-8) var(--padding-10) var(--padding-8) var(--padding-8);

  position: relative;
  width: 90%;
  height: 60px;
  border-radius: var(--br100) var(--br50) var(--br50) var(--br100);
  background-color: transparent;
  align-items: center;
  transition: var(--transition2);
}

.accountalt:hover {
  background-color: var(--color-dark-blue);
  transition: var(--transition2);
}
.profileimage {
  position: relative;
  height: 100%;
  border-radius: 50%;
  border: 3px solid var(--color-white);
}
.accountinfo {
  position: relative;
  width: 100%;
  display: flex;
  gap: var(--gap-5);
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.name {
  position: relative;
  font-size: var(--font-14);
  font-weight: var(--weight-600);
  color: var(--color-white);
  text-transform: capitalize;
}
.username {
  position: relative;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  color: var(--color-white);
}
.line {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  height: 1px;
  border-top: 3px solid var(--color-dark-blue);
}

.menu {
  cursor: pointer;
  gap: var(--gap-10);
  display: flex;

  padding: var(--padding-8) var(--padding-10) var(--padding-8) var(--padding-16);

  position: relative;
  width: 90%;
  height: 50px;
  border-radius: var(--br100) var(--br50) var(--br50) var(--br100);
  align-items: center;
  transition: var(--transition2);
}
html[dir="rtl"] .menu {
  border-radius: var(--br50) 100px 100px var(--br50);
}
.menu:hover {
  background-color: var(--color-dark-blue);
  transition: var(--transition2);
}
.menutext {
  position: relative;
  font-size: var(--font-16);
  font-weight: var(--weight-400);
  text-transform: capitalize;
  color: var(--color-white);
}
.menuparent {
  position: relative;
  width: 100%;
}
*/

@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;
  display: flex;
  gap: var(--gap-10);
  transition: var(--transition1);
  border-bottom: 1px solid var(--color-gray30);
  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;
}

@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;
  }
  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: scroll;
    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;
}

/* Position modifiers for the indicator */
.userSidebar_indicator-userhome__ipeZ6 {
  transform: translateY(0px) !important;
}
.userSidebar_indicator-userorders__BIAej {
  transform: translateY(63px) !important;
}
.userSidebar_indicator-userorderscart__geG2i {
  transform: translateY(63px) !important;
}
.userSidebar_indicator-userordersinQueue__o4uxx {
  transform: translateY(63px) !important;
}
.userSidebar_indicator-userordersinProgress__TCha0 {
  transform: translateY(63px) !important;
}
.userSidebar_indicator-userorderspickingup__fc3sH {
  transform: translateY(63px) !important;
}
.userSidebar_indicator-userorderssent__PejKZ {
  transform: translateY(63px) !important;
}
.userSidebar_indicator-userordersdelivered__G14ZU {
  transform: translateY(63px) !important;
}
.userSidebar_indicator-userordersfailed__bm_Qt {
  transform: translateY(63px) !important;
}
.userSidebar_indicator-usershop__r9xSF {
  transform: translateY(118px) !important;
}
.userSidebar_indicator-userwallet__1Q78E {
  transform: translateY(180px) !important;
}
.userSidebar_indicator-usermessage__ROzPG {
  transform: translateY(240px) !important;
}
.userSidebar_indicator-usersetting__UQkKH {
  transform: translateY(300px) !important;
}

.userSidebar_advertisebutton__pvxyD,
.userSidebar_homebutton__U0ooY,
.userSidebar_marketbutton__wjddJ,
.userSidebar_messagingbutton__4bgmj,
.userSidebar_shopbutton__CCqQP,
.userSidebar_pagebutton__Izyq2,
.userSidebar_settingbutton__OsKp7,
.userSidebar_storebutton__4lwxH,
.userSidebar_walletbutton__km5wj {
  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;
}

.userSidebar_advertisebutton__pvxyD:hover .userSidebar_buttonName__We0TQ,
.userSidebar_homebutton__U0ooY:hover .userSidebar_buttonName__We0TQ,
.userSidebar_marketbutton__wjddJ:hover .userSidebar_buttonName__We0TQ,
.userSidebar_messagingbutton__4bgmj:hover .userSidebar_buttonName__We0TQ,
.userSidebar_shopbutton__CCqQP:hover .userSidebar_buttonName__We0TQ,
.userSidebar_storebutton__4lwxH:hover .userSidebar_buttonName__We0TQ,
.userSidebar_pagebutton__Izyq2:hover .userSidebar_buttonName__We0TQ,
.userSidebar_settingbutton__OsKp7:hover .userSidebar_buttonName__We0TQ,
.userSidebar_storebutton__4lwxH:hover .userSidebar_buttonName__We0TQ,
.userSidebar_walletbutton__km5wj:hover .userSidebar_buttonName__We0TQ {
  visibility: visible;
  opacity: 1;
  transform: scale(0.9) translateX(0);
  transition: opacity 0.5s ease, visibility 0.3s ease, transform 0.3s ease;
}

.userSidebar_advertisebutton__pvxyD:hover::after,
.userSidebar_homebutton__U0ooY:hover::after,
.userSidebar_marketbutton__wjddJ:hover::after,
.userSidebar_messagingbutton__4bgmj:hover::after,
.userSidebar_shopbutton__CCqQP:hover::after,
.userSidebar_storebutton__4lwxH:hover::after,
.userSidebar_pagebutton__Izyq2:hover::after,
.userSidebar_settingbutton__OsKp7:hover::after,
.userSidebar_storebutton__4lwxH:hover::after,
.userSidebar_walletbutton__km5wj:hover::after {
  content: " ";
  position: absolute;
  top: 10px;
  margin-inline-start: 15px;
  width: 10px;
  height: 10px;
  transform: scale(0.9) rotate(45deg);
  border-radius: 3px;
  background-color: var(--color-white);
}

@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(0px) !important;
}
.sidebar_indicator-page__DQJiz {
  transform: translateY(63px) !important;
}
.sidebar_indicator-messaging__faYtD {
  transform: translateY(125px) !important;
}
.sidebar_indicator-wallet___1Czy {
  transform: translateY(190px) !important;
}
.sidebar_indicator-market__oIa3H {
  transform: translateY(255px) !important;
}
.sidebar_indicator-advertise__Y_cVo {
  transform: translateY(320px) !important;
}
.sidebar_indicator-store__Viw0n {
  transform: translateY(385px) !important;
}
/* .indicator-setting {
  transform: translateY(445px) !important;
} */
.sidebar_indicator-setting__pR8bf {
  transform: translateY(190px) !important;
}

.sidebar_sidebarparent__6uVcw {
  position: relative;
  min-width: 90px;
  width: 90px;
  transition: var(--transition6);
}
.sidebar_sidebar__K7F9s {
  padding-block: 30px;
  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: 570px) {
    padding-block: 10px !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;
  }
  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);
  margin-inline-end: 5px;
  transition: var(--transition2);
}
.sidebar_logosvg__6u8DM:hover {
  fill: var(--color-ffffff);
}

@media (max-height: 580px) {
  .sidebar_logosvg__6u8DM {
    display: none;
  }
}

.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: 520px) {
    overflow-y: scroll;
    overflow-x: hidden;
    gap: var(--gap-20);
    justify-content: flex-start;
  }
}
.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;
}

.sidebar_advertisebutton__f68fm:hover .sidebar_buttonName__YCP5z,
.sidebar_homebutton__85xMP:hover .sidebar_buttonName__YCP5z,
.sidebar_marketbutton__QCCdp:hover .sidebar_buttonName__YCP5z,
.sidebar_messagingbutton__jc_Ot:hover .sidebar_buttonName__YCP5z,
.sidebar_pagebutton__E8RGB:hover .sidebar_buttonName__YCP5z,
.sidebar_settingbutton__UGyDr:hover .sidebar_buttonName__YCP5z,
.sidebar_storebutton__mNRw6:hover .sidebar_buttonName__YCP5z,
.sidebar_walletbutton__ANkHj:hover .sidebar_buttonName__YCP5z {
  visibility: visible;
  opacity: 1;
  transform: scale(0.9) translateX(0);
  transition: opacity 0.5s ease, visibility 0.3s ease, transform 0.3s ease;
}

.sidebar_advertisebutton__f68fm:hover::after,
.sidebar_homebutton__85xMP:hover::after,
.sidebar_marketbutton__QCCdp:hover::after,
.sidebar_messagingbutton__jc_Ot:hover::after,
.sidebar_pagebutton__E8RGB:hover::after,
.sidebar_settingbutton__UGyDr:hover::after,
.sidebar_storebutton__mNRw6:hover::after,
.sidebar_walletbutton__ANkHj:hover::after {
  content: " ";
  position: absolute;
  top: 10px;
  margin-inline-start: 15px;
  width: 10px;
  height: 10px;
  transform: scale(0.9) rotate(45deg);
  border-radius: 3px;
  background-color: var(--color-white);
  z-index: -1;
}

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

  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-12);
  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-14);
  font-weight: var(--weight-600);
  color: var(--text-h1);
  width: 100%;
  text-align: left;
}

.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;
  -webkit-backdrop-filter: blur(10px);
          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: 12px;
  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;
  -webkit-backdrop-filter: blur(10px);
          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: 12px;
  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;
}

.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;
}

.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 {
  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;
  }
}

.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 {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  fill: var(--color-light-blue);
  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: 12px;
  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_ {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  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: 12px;
  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 {
  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;
}

.notificationBar_notification__MA0_5 {
  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: notificationBar_scale-in-tr__1999z 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 notificationBar_scale-in-tr__1999z {
  0% {
    transform: scale(0);
    transform-origin: 100% 0;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 0;
    opacity: 1;
  }
}

.notificationBar_notificationchild__HzrCP {
  padding: var(--padding-10);
  position: relative;
  display: flex;
  gap: var(--gap-10);
  transition: var(--transition1);
  border-bottom: 1px solid var(--color-gray30);
  cursor: pointer;
}
.notificationBar_notificationchild__HzrCP:hover {
  border-bottom: 1px solid transparent;
  background-color: var(--color-gray30);
  border-radius: var(--br5);
}
.notificationBar_notificationchild__HzrCP:hover .notificationBar_iconok__EmIJk,
.notificationBar_iconnormal__yjvod,
.notificationBar_iconwarning__UrsNE,
.notificationBar_iconfailed__RfKZY {
  border: 1px solid var(--color-gray30);
}
.notificationBar_iconok__EmIJk,
.notificationBar_iconnormal__yjvod,
.notificationBar_iconwarning__UrsNE,
.notificationBar_iconfailed__RfKZY {
  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);
}
.notificationBar_notifbody__xxlmV {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
  height: 100%;
}
.notificationBar_header___xeyy {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.notificationBar_title__q728i {
  position: relative;
  text-transform: uppercase;
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  color: var(--text-h2);

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

.notok_card__v31ly {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes notok_animate-svg__HKfXl {
  0% {
    fill: var(--color-dark-blue10);
  }

  20% {
    fill: var(--color-dark-blue);
  }
  80% {
    fill: var(--color-dark-blue);
  }
  100% {
    fill: var(--color-dark-blue10);
  }
}

.notok_logo9__JECA1 {
  animation: notok_animate-svg__HKfXl 5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s infinite;
}
.notok_logo8__gnw95 {
  animation: notok_animate-svg__HKfXl 5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s infinite;
}
.notok_logo7__6_y_0 {
  animation: notok_animate-svg__HKfXl 5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s infinite;
}
.notok_logo6__gvtZ8 {
  animation: notok_animate-svg__HKfXl 5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.4s infinite;
}
.notok_logo5__7p6ik {
  animation: notok_animate-svg__HKfXl 5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s infinite;
}
.notok_logo4__BLDCq {
  animation: notok_animate-svg__HKfXl 5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.4s infinite;
}
.notok_logo3__2bFik {
  animation: notok_animate-svg__HKfXl 5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s infinite;
}
.notok_logo2__OZ2du {
  animation: notok_animate-svg__HKfXl 5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s infinite;
}
.notok_logo1__3Sxph {
  animation: notok_animate-svg__HKfXl 5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s infinite;
}

@keyframes notok_animate-brancy__QAmu7 {
  0% {
    fill: var(--color-dark-blue10);
  }
  20% {
    fill: var(--color-dark-blue);
  }
  90% {
    fill: var(--color-dark-blue);
  }
  100% {
    fill: var(--color-dark-blue10);
  }
}

.notok_logo10__8s0iN {
  animation: notok_animate-brancy__QAmu7 5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.5s
    infinite;
}

.notok_logo11__5gdAI {
  animation: notok_animate-brancy__QAmu7 5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.4s
    infinite;
}

.notok_logo12__DrTjY {
  animation: notok_animate-brancy__QAmu7 5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.3s
    infinite;
}

.notok_logo13___qvUF {
  animation: notok_animate-brancy__QAmu7 5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.2s
    infinite;
}

.notok_logo14__sw5Cr {
  animation: notok_animate-brancy__QAmu7 5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.1s
    infinite;
}

.notok_logo15__amZri {
  animation: notok_animate-brancy__QAmu7 5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1s
    infinite;
}

.notLogin_accountsGrid__2RQGV {
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
  height: 300px;
  overflow-y: auto;
}
.notLogin_line__WY6kY {
  height: 1px;
  background: var(--color-gray60);
  margin: 12px 0;
}
.notLogin_blinkYellow__SnD7M {
  color: var(--color-light-yellow);
  animation: notLogin_blink__zWcH9 2s infinite;
}
.notLogin_blinkRed__E475Q {
  color: var(--color-light-red);
  animation: notLogin_blink__zWcH9 1s infinite;
}
.notLogin_connecttooltip__9TL8Y {
  display: flex;
  color: var(--text-h2);
  padding: 8px 12px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: var(--gap-10);
  transition: var(--transition3);
  outline: none;
}
@keyframes notLogin_blink__zWcH9 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

/* Tooltip Modal Styles */

.notLogin_step__pgdhH {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  text-align: center;
}

.notLogin_stepImage__WFZk_ {
  -o-object-fit: contain;
     object-fit: contain;

  height: 350px;
  border-radius: var(--br20);
}

.notLogin_stepIndicator__fvWzK {
  display: flex;
  gap: 8px;
}

.notLogin_activeStep__J7nZv,
.notLogin_inactiveStep__cSOM9 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
}

.notLogin_activeStep__J7nZv {
  background: var(--color-dark-blue);
  color: white;
}

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

.notLogin_navigationButtons__t_c9D {
  display: flex;
  gap: 12px;
}

@keyframes notPackage_slide-in-fwd-center___OJE0 {
  0% {
    transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}
.notPackage_popupsignup__1vabI {
  position: fixed;
  max-width: 400px;
  width: calc(100% - 40px);
  max-height: 400px;
  aspect-ratio: 1/1;
  gap: var(--gap-30);
  box-shadow: var(--box-shadow);
  background-color: var(--color-white);
  border-radius: var(--br50);
  display: flex;
  flex-direction: column;
  padding: var(--padding-50);

  justify-content: space-between;
  z-index: 117;
  animation: notPackage_slide-in-fwd-center___OJE0 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);
  }
}
.notPackage_closebtn__4vInp {
  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;
}
.notPackage_closebtn__4vInp:hover {
  box-shadow: 0 0 0 3px var(--color-gray30);
}

.swiper-pagination-bullet {
  width: 20px !important;
  height: 20px !important;
  text-align: center !important;
  line-height: 20px !important;
  font-size: var(--font-14) !important;
  font-weight: var(--weight-400);
  color: var(--text-h1) !important;
  opacity: 1 !important;
  background-color: var(--color-white30) !important;
  transform: scale(1) !important;
}

.swiper-pagination-bullet-active {
  color: var(--color-ffffff) !important;
  border-radius: var(--br8) !important;
  background-color: var(--color-dark-blue) !important;
}

.swiper-pagination {
  left: 50% !important;
  transform: translateX(-50%) !important;
  position: relative !important;
  top: -20px !important;
  width: 140px !important;
  height: 20px !important;
  border-radius: var(--br50) !important;
  background-color: var(--color-gray30) !important;
}
.swiper-backface-hidden .swiper-slide {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
}

@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_accountlist__xkW2P > div,
  .switchAccount_header__MNz_k > div:nth-child(2) {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .switchAccount_accountlist__xkW2P > div > div:nth-child(2),
  .switchAccount_header__MNz_k > div:nth-child(2) > div:nth-child(2) {
    max-width: 100% !important;
    width: 100% !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;
  gap: var(--gap-20);
  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_accountlist__xkW2P {
  height: 100%;

  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
}
.switchAccount_accountlist__xkW2P > div {
  padding-top: 10px;
  border-top: 1px solid var(--color-gray30);
}
.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);
}

:root{--background-root: #edf4ff;--color-silver: #8798ad;--content-box: #c7d0f0;--color-gray: #8f9bb3;--color-light-yellow: #ffb700;--color-dark-yellow: #ff9a4d;--color-dark-red: #ec4466;--color-light-red: #ff4e85;--color-purple: #9d6dff;--color-firoze: #00c1d4;--color-dark-green: #2eac65;--color-light-green: #44cb8c;--color-light-blue: #2699fb;--color-dark-blue: #2977ff;--color-gray10: #8f9bb310;--color-light-yellow10: #ffb70010;--color-dark-yellow10: #ff9a4d10;--color-dark-red10: #ec446610;--color-light-red10: #ff636310;--color-purple10: #9d6dff10;--color-firoze10: #00c1d410;--color-dark-green10: #2eac6510;--color-light-green10: #44cb8c10;--color-light-blue10: #2699fb10;--color-dark-blue10: #2977ff10;--color-gray30: #8f9bb330;--color-light-yellow30: #ffb70030;--color-dark-yellow30: #ff9a4d30;--color-dark-red30: #ec446630;--color-light-red30: #ff636330;--color-purple30: #9d6dff30;--color-firoze30: #00c1d430;--color-dark-green30: #2eac6530;--color-light-green30: #44cb8c30;--color-light-blue30: #2699fb30;--color-dark-blue30: #2977ff30;--color-gray60: #8f9bb360;--color-light-yellow60: #ffb70060;--color-dark-yellow60: #ff9a4d60;--color-dark-red60: #ec446660;--color-light-red60: #ff636360;--color-purple60: #9d6dff60;--color-firoze60: #00c1d460;--color-dark-green60: #2eac6560;--color-light-green60: #44cb8c60;--color-light-blue60: #2699fb60;--color-dark-blue60: #2977ff60;--color-white: #ffffff;--color-white30: #ffffff30;--color-ffffff: #ffffff;--color-ffffff30: #ffffff30;--color-black80: #00000080;--box-border: #deebff;--text-h1: #21335a;--text-h2: #6a7787;--text-h3: #8798ad;--color-disable: #f7f9ff;--fadeIn2: fadeIn 0.2s ease-in-out forwards !important;--fadeIn3: fadeIn 0.3s ease-in-out forwards !important;--fadeIn4: fadeIn 0.4s ease-in-out forwards !important;--bottom: bottom 0.8s both !important;--slide-in: slide-in-blurred-bottom 0.6s cubic-bezier(0.23, 1, 0.32, 1) both !important;--bottom08: bottom 0.8s both;--bottom14: bottom 1.4s both;--top04: top 0.4s ease-in-out;--top08: top 0.8s ease-in-out;--top14: top 1.4s ease-in-out;--transition1: all 0.1s ease-in-out !important;--transition2: all 0.2s ease-in-out !important;--transition3: all 0.3s ease-in-out !important;--transition6: all 0.6s ease-in-out !important;--transition9: all 0.9s ease-in-out !important;--box-shadow: 0px 5px 16px 0px #00000030;--small-shadow: 0px 24px 56px 0px #0000001f;--dropdown-shadow: 0px 5px 32px -1px #00000030;--br5: 5px;--br8: 8px;--br10: 10px;--br15: 15px;--br20: 20px;--br25: 25px;--br30: 30px;--br35: 35px;--br50: 50px;--br100: 100px;--weight-100: 100;--weight-200: 200;--weight-300: 300;--weight-400: 400;--weight-500: 500;--weight-600: 600;--weight-700: 700;--weight-800: 800;--weight-900: 900;--font-10: 10px;--font-11: 11px;--font-12: 12px;--font-14: 14px;--font-16: 16px;--font-18: 18px;--font-20: 20px;--font-22: 22px;--font-24: 24px;--font-26: 26px;--font-28: 28px;--font-30: 30px;--font-50: 50px;--gap-1: 1px;--gap-3: 3px;--gap-5: 5px;--gap-8: 8px;--gap-10: 10px;--gap-12: 12px;--gap-15: 15px;--gap-20: 20px;--gap-30: 30px;--gap-40: 40px;--gap-50: 50px;--paddingbox: 30px 32px;--paddingboxmobile: 20px 18px;--paddingtag: 3px 5px 3px 5px;--padding-2: 2px;--padding-3: 3px;--padding-4: 4px;--padding-5: 5px;--padding-8: 8px;--padding-10: 10px;--padding-12: 12px;--padding-14: 14px;--padding-16: 16px;--padding-18: 18px;--padding-20: 20px;--padding-22: 22px;--padding-24: 24px;--padding-26: 26px;--padding-28: 28px;--padding-30: 30px;--padding-32: 32px;--padding-40: 40px;--padding-50: 50px}[data-theme=dark]{--background-root: #161d1f;--color-silver: #8798ad;--content-box: #49535d;--color-white: #252a31;--color-white30: #252a3130;--box-border: #39414a;--text-h1: #dddddd;--text-h2: #9da8b7;--text-h3: #cdd3df;--color-disable: #39414a;--box-shadow: 0px 5px 16px 0px #00000060;--dropdown-shadow: 0px 5px 10px 4px #00000080}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box !important}html{scroll-behavior:smooth !important;-webkit-text-size-adjust:100%}body{scroll-behavior:smooth !important;margin:0;transition:var(--transition6);background-color:var(--background-root);caret-color:var(--color-dark-blue);caret-shape:block;line-height:1.2}main{display:block}a{text-decoration:none;color:initial;font-size:initial}h1,h2,h3{margin:0 0;text-decoration:none}hr{box-sizing:content-box;height:0;overflow:visible}a,p{background-color:rgba(0,0,0,0);color:var(--text-h1)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}img{border-style:none}button,input,optgroup,select,textarea{margin:0;-webkit-text-size-adjust:100% !important;-webkit-tap-highlight-color:rgba(0,0,0,0) !important;touch-action:manipulation !important}input,optgroup,select,textarea{font-size:12px !important}button{overflow:visible;border:0px}input{overflow:visible}button,select{text-transform:none}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none !important}:focus-visible{outline:0px !important}::-moz-selection{background-color:var(--color-dark-blue);color:#fff}::selection{background-color:var(--color-dark-blue);color:#fff}@media screen and (max-width: 768px){input,textarea,select{font-size:12px !important;-webkit-text-size-adjust:100%}input[type=text],input[type=email],input[type=password],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}}.fadeDiv{pointer-events:none !important;opacity:.3 !important;transition:var(--transition3)}.soon{cursor:progress;pointer-events:none !important;opacity:.3 !important;z-index:102;transition:var(--transition3);background-image:url("/soon.svg");background-repeat:no-repeat;background-position:center;background-size:contain;position:relative}.soon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none !important;background-image:url("/soon.svg");background-repeat:no-repeat;background-position:center;background-size:contain}.soon::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none !important}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes bottom{0%{transform:translateY(10px);opacity:0}to{opacity:1;transform:none}}@keyframes top{0%{transform:translateY(-10px);opacity:0}100%{opacity:1;transform:none}}@keyframes slide-in-blurred-bottom{0%{transform:translateY(1000px) scaleY(2.5);transform-origin:50%;filter:blur(40px);opacity:0}100%{transform:translateY(0) scaleY(1);transform-origin:50%;filter:blur(0);opacity:1}}.Title{position:relative;font-size:var(--font-14);font-weight:var(--weight-400);text-transform:uppercase;color:var(--text-h2);text-align:left;transition:var(--transition3)}.title{display:flex;align-items:center;gap:var(--gap-5);position:relative;text-transform:capitalize;text-align:start;color:var(--text-h1);font-weight:var(--weight-700);font-size:var(--font-16);transition:var(--transition3)}@media(max-width: 768px){.title{font-size:var(--font-14) !important}}.title2{display:flex;align-items:center;gap:var(--gap-5);position:relative;text-transform:capitalize;text-align:start;color:var(--text-h1);font-weight:var(--weight-500);font-size:var(--font-14);transition:var(--transition3)}@media(max-width: 768px){.title2{font-size:var(--font-14) !important}}.explain{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)}.headertext{position:relative;width:-moz-fit-content;width:fit-content;margin-inline:10px;display:flex;color:var(--text-h2);text-transform:uppercase;font-size:var(--font-12);font-weight:var(--weight-600);transition:var(--transition3)}.counter{position:relative;font-size:var(--font-12);color:var(--text-h2);font-weight:var(--weight-400);display:flex;gap:var(--gap-3);transition:var(--transition3);align-items:center}.rtl{direction:rtl !important;text-align:right !important}.ltr{direction:ltr !important;text-align:left !important}.translate{direction:initial !important;text-align:initial !important}.marketAdsCart{transition:var(--transition6);position:relative;-webkit-user-select:none !important;-moz-user-select:none !important;user-select:none !important;display:flex;width:100%;height:100%;text-align:center;font-size:var(--font-14);color:var(--color-white);direction:ltr;justify-content:center}html[dir=rtl] .marketAdsCart{direction:rtl}.frameParent{width:100%;position:relative;display:flex;justify-content:space-between;align-items:center}.dialogBg{position:fixed;top:0;bottom:0;left:0;right:0;z-index:116;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--color-black80);animation:var(--fadeIn3);align-items:center;justify-content:center;display:flex}.popup{position:fixed;display:flex;flex-direction:column;top:50%;left:50%;transform:translate(-50%, -50%);z-index:999;transition:var(--transition3);border-radius:var(--br25);background:var(--color-white);padding:var(--paddingbox);justify-content:space-between;width:395px;max-width:calc(100% - 50px);height:700px;max-height:calc(100% - 50px);min-width:250px;gap:var(--gap-20);overflow-y:auto;box-shadow:var(--box-shadow);animation:var(--fadeIn3)}@media(max-width: 480px){.popup{padding:20px 20px 30px 20px !important;width:100% !important;max-width:100% !important;bottom:-10px !important;top:auto !important;left:0px !important;border-radius:var(--br25) var(--br25) 0 0 !important;animation:var(--slide-in)}}.dialogBgmini{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:1;transition:var(--transition2);animation:var(--fadeIn2)}.pinContainer{padding-top:10px;width:calc(100% - 40px);margin-inline:20px;display:grid;-moz-column-gap:var(--gap-20);column-gap:var(--gap-20);grid-template-columns:repeat(auto-fill, minmax(200px, 395px));grid-auto-rows:10px;position:relative;justify-content:center;justify-items:center;animation:bottom 1.4s both;transition:var(--transition6)}.frameGroup{overflow-x:clip;display:flex;position:relative;width:100%;height:100%;top:0px;opacity:1;flex-direction:column;transition:var(--transition6)}@media(max-width: 720px){.frameGroup{max-width:100%}}.pincontainerMSG{padding-top:10px;justify-content:center;height:100%;max-height:calc(100% - 100px);width:calc(100% - 90px);padding-inline:20px;min-width:250px;top:80px;display:flex;-moz-column-gap:var(--gap-20);column-gap:var(--gap-20);position:fixed;animation:var(--bottom14);transition:var(--transition3)}@media(max-width: 720px){.pincontainerMSG{top:70px !important;max-height:calc(100% - 80px) !important;width:100% !important}}html[dir=rtl] .pincontainerMSG{flex-direction:row-reverse !important}.headerTab{border-radius:var(--br10);position:sticky;min-height:70px;height:70px;top:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;display:flex;flex-direction:row;text-align:center;font-size:var(--font-16);color:var(--text-h1);justify-content:space-between;width:100%}.headerChild{position:relative;display:flex;flex-direction:row;gap:var(--gap-10);align-items:center;z-index:2}.headerparent{position:relative;display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--gap-10);transition:var(--transition3)}.headerandinput{min-width:calc(50% - 10px);width:100%;position:relative;display:flex;flex-direction:column;gap:var(--gap-8);transition:var(--transition3)}.date{display:flex;color:var(--text-h2);font-size:var(--font-14);font-weight:var(--weight-400);gap:var(--gap-1);position:relative;text-align:center;transition:var(--transition3);align-items:center;flex-direction:row}@media(max-width: 720px){.date{font-size:var(--font-12)}}.day{color:var(--text-h1);font-weight:var(--weight-400)}.hour{color:var(--text-h2);font-weight:var(--weight-400)}.closepopup{width:25px;height:25px;cursor:pointer;transition:var(--transition3)}.closepopup:hover{filter:drop-shadow(0px 0px 5px var(--color-gray10));transform:scale(1.1)}.closepopup:active{transform:scale(0.9)}@media(max-width: 720px){.frameGroup{width:100% !important}.headerTab{flex-direction:row-reverse !important;position:sticky !important;height:50px !important;top:0 !important;-webkit-backdrop-filter:blur(0px) !important;backdrop-filter:blur(0px) !important;z-index:100;display:flex !important;text-align:center !important;font-size:var(--font-16) !important;color:var(--text-h1) !important;justify-content:space-between !important;width:calc(100% - 32px) !important;margin-inline-start:16px !important;margin-block:0px 10px !important;gap:var(--gap-10) !important;align-content:space-between !important;align-items:center}}.fullScreenPupup_bg{position:fixed;gap:var(--gap-15);display:flex;left:0;width:100%;height:100%;background-color:var(--color-dark-blue);z-index:115;animation:var(--slide-in);flex-direction:column;align-content:space-between;align-items:center;justify-content:flex-end}.fullScreenPupup_header{height:50px;display:flex;width:calc(100% - 100px);min-width:250px;position:relative;align-content:center;align-items:center;justify-content:space-between;gap:var(--gap-20)}@media(max-width: 720px){.fullScreenPupup_header{width:calc(100% - 50px) !important;height:40px !important}}.fullScreenPupup_content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--gap-50);padding:var(--paddingbox);bottom:0px;transition:var(--transition3);border-radius:var(--br50) var(--br50) 0px 0px;background-color:var(--color-white);width:100%;height:calc(100% - 80px);overflow-y:auto;animation:var(--slide-in)}@media(max-width: 720px){.fullScreenPupup_content{padding:var(--paddingboxmobile) !important;border-radius:var(--br30) var(--br30) 0px 0px !important;height:calc(100% - 60px)}}.tooBigCard{display:flex;flex-direction:column;gap:var(--gap-20);position:relative;margin:0px 0px 20px 0px;padding:var(--paddingbox);grid-row-end:span 82;border-radius:var(--br25);background-color:var(--color-white);font-size:var(--font-12);transition:var(--transition3);color:var(--text-h2);width:100%}.tooBigCard:hover{box-shadow:var(--box-shadow)}.bigcard{display:flex;flex-direction:column;gap:var(--gap-20);position:relative;margin:0px 0px 20px 0px;padding:var(--paddingbox);grid-row-end:span 47;border-radius:var(--br25);background-color:var(--color-white);font-size:var(--font-12);color:var(--text-h2);width:100%;transition:var(--transition3)}.bigcard:hover{box-shadow:var(--box-shadow)}.mediumcard{position:relative;margin:0px 0px 20px 0px;padding:var(--paddingbox);grid-row-end:span 35;border-radius:var(--br25);background-color:var(--color-white);font-size:var(--font-12);transition:var(--transition3);width:100%}.mediumcard:hover{box-shadow:var(--box-shadow)}.smallcard{position:relative;margin:0px 0px 20px 0px;padding:var(--paddingbox);grid-row-end:span 22;border-radius:var(--br25);background:linear-gradient(190deg, var(--color-light-blue), var(--color-dark-blue));font-size:var(--font-12);transition:var(--transition3);width:100%}.smallcard:hover{box-shadow:var(--box-shadow)}.toosmallcard{position:relative;margin:0px 0px 20px 0px;padding:var(--paddingbox);grid-row-end:span 10;border-radius:var(--br25);background-color:var(--color-white);font-size:var(--font-12);transition:var(--transition3);width:100%}.toosmallcard:hover{box-shadow:var(--box-shadow)}@media(max-width: 480px){.tooBigCard,.bigcard,.mediumcard,.smallcard{padding:var(--paddingboxmobile) !important}}.ButtonContainer{display:flex;gap:var(--gap-20);justify-content:space-between;width:100%;height:50px;position:relative;align-items:center;padding:3px}@media(max-width: 480px){.cancelButton,.stopButton,.saveButton,.disableButton{text-transform:capitalize;font-size:var(--font-12) !important;height:42px !important}}.saveButton,.cancelButton,.stopButton,.disableButton{text-wrap:nowrap;text-decoration:none;gap:var(--gap-8);font-weight:var(--weight-400);font-size:var(--font-14);display:flex;justify-content:center;align-items:center;width:100%;height:48px;border-radius:var(--br15);transition:var(--transition3);text-align:center;cursor:pointer;padding-inline:var(--padding-10)}.saveButton{border:0;background:var(--color-dark-blue);color:#fff}.saveButton:hover{box-shadow:0 0 0 4px var(--color-dark-blue30);background:var(--color-dark-blue)}.saveButton:focus{background:var(--color-dark-blue);transform:scale(0.98)}.cancelButton{border:1px solid var(--content-box);background:var(--color-white);color:var(--color-dark-blue)}.cancelButton:hover{color:var(--color-dark-blue);border:1px solid var(--color-dark-blue);cursor:pointer;letter-spacing:0px}.cancelButton:active{color:var(--color-dark-blue);box-shadow:0 0 0 4px var(--color-dark-blue30);transform:scale(0.98);letter-spacing:0px}.stopButton{border:1px solid var(--color-dark-red);background:rgba(0,0,0,0);color:var(--color-dark-red);font-weight:var(--weight-400)}.stopButton:hover{box-shadow:0 0 0 4px var(--color-dark-red60);letter-spacing:0px}.stopButton:active{color:var(--color-dark-red);background:var(--color-dark-red30);transform:scale(0.98);letter-spacing:0px}.disableCancelButton{border:1px solid var(--content-box);background:var(--color-white);color:var(--color-dark-blue);opacity:.4;pointer-events:none}.disableButton{border:0;background:var(--color-gray30);color:var(--color-gray);cursor:pointer;cursor:no-drop}.twoDotIcon{top:50%;left:50%;transform:translate(-50%, -50%);width:14px;height:5px;position:absolute}.twoDotIconContainer{position:relative;width:26px;height:12px;border-radius:var(--br5) var(--br5) var(--br5) 0;transition:var(--transition2);cursor:pointer}html[dir=rtl] .twoDotIconContainer{border-radius:var(--br5) var(--br5) 0 var(--br5)}.threeDotIcon{top:50%;left:50%;transform:translate(-50%, -50%);width:20px;height:5px;position:absolute}.threeDotIconContainer{position:relative;min-width:30px;width:30px;height:12px;top:11px;border-radius:var(--br5) var(--br5) var(--br5) 0;transition:var(--transition6);cursor:pointer}.circle{content:" ";position:relative;width:8px;height:8px;border-radius:50%;background-color:var(--color-dark-blue);transition:var(--transition6);box-shadow:0 0 0 4px var(--color-dark-blue60);cursor:pointer}.circle:hover{transform:scale(0.8)}.circle:active{transform:scale(1.2)}html[dir=rtl] .icon{filter:brightness(0.5)}.instagramprofile{height:40px;position:relative;display:flex;flex-direction:row;gap:var(--gap-10);align-content:center;align-items:center}.instagramimage{background-color:var(--color-gray10);background-image:url("/no-profile.svg");background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;border-radius:50%;height:100%;min-height:40px;max-height:60px;min-width:40px;max-width:60px;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.instagramprofiledetail{max-width:180px;position:relative;display:flex;flex-direction:column;gap:var(--gap-5);align-items:flex-start;justify-content:space-evenly}.instagramusername{position:relative;text-align:left;color:var(--text-h1);font-size:var(--font-14);font-weight:var(--weight-600);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;align-items:center;display:flex;flex-direction:row;gap:var(--gap-5);width:100%}.instagramid{position:relative;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;display:flex;flex-direction:row;align-items:center;gap:var(--gap-5);width:100%;color:var(--text-h2);font-size:var(--font-12);font-weight:var(--weight-500)}.remaining{position:relative;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;display:flex;flex-direction:row;align-items:center;gap:var(--gap-5);width:100%;color:var(--text-h2);font-size:var(--font-10);font-weight:var(--weight-400)}.IDred,.IDgreen,.IDpurple,.IDblue,.IDgray{background-color:var(--color-gray10);border:1px solid var(--color-gray30);border-radius:var(--br5);padding:1px var(--padding-5);font-size:var(--font-10);font-weight:var(--weight-400);display:flex;flex-direction:row;gap:var(--gap-5)}.IDblue{background-color:var(--color-light-blue10);border:1px solid var(--color-light-blue30);color:var(--color-light-blue)}.IDred{background-color:var(--color-light-red10);border:1px solid var(--color-light-red30);color:var(--color-light-red)}.IDgreen{background-color:var(--color-light-green10);border:1px solid var(--color-light-green30);color:var(--color-light-green)}.IDpurple{background-color:var(--color-purple10);border:1px solid var(--color-purple30);color:var(--color-purple)}.IDtag{background-color:var(--color-gray10);border:1px solid var(--color-gray30);color:var(--color-gray)}#waveform{width:100%;height:100px;position:relative;background-color:#f0f0f0}.wavesurfer-region{background-color:rgba(0,0,255,.1019607843)}.apexcharts-tooltip{background:var(--color-white) !important;border:0 !important;box-shadow:var(--box-shadow) !important}.apexcharts-xcrosshairs,.apexcharts-ycrosshairs{stroke:var(--color-light-blue) !important}.apexcharts-text tspan{fill:var(--text-h2) !important}.Toastify__toast-container{width:70% !important;flex-direction:column;bottom:20px !important;padding:0px !important}@media(max-width: 650px){.Toastify__toast-container{width:90% !important;left:50%;transform:translateX(-50%)}.Toastify__toast-container>div>button{transform:translateY(5px)}}.Toastify__close-button>svg{height:20px !important;width:20px !important}.Toastify__toast{margin-bottom:0px !important}.Toastify__toast-body{padding:0px !important}.Toastify__toast-theme--colored.Toastify__toast--success,.Toastify__toast-theme--colored.Toastify__toast--error,.Toastify__toast-theme--colored.Toastify__toast--info,.Toastify__toast-theme--colored.Toastify__toast--warning{min-height:40px !important;color:var(--text-h1) !important;-webkit-backdrop-filter:blur(10px) !important;backdrop-filter:blur(10px) !important;font-weight:var(--weight-400) !important;border-radius:var(--br10) !important;margin-bottom:10px !important}.Toastify__toast-theme--colored.Toastify__toast--success{background:var(--color-light-green60) !important;border:1px solid var(--color-light-green)}.Toastify__toast-theme--colored.Toastify__toast--error{background:var(--color-dark-red60) !important;border:1px solid var(--color-dark-red)}.Toastify__toast-theme--colored.Toastify__toast--info{background:var(--color-dark-blue60) !important;border:1px solid var(--color-dark-blue)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:var(--color-dark-yellow60) !important;border:1px solid var(--color-dark-yellow)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(0,0,0,0);-webkit-transition:var(--transition3);transition:var(--transition3)}::-webkit-scrollbar-button{width:10px;height:10px}::-webkit-scrollbar{width:15px !important;background:rgba(0,0,0,0);scroll-behavior:smooth;-webkit-transition:var(--transition3);transition:var(--transition3)}::-webkit-scrollbar-thumb{cursor:grab;box-shadow:inset 0px 0px 0px 5px rgba(135,152,173,.4392156863);border-radius:var(--br10);background:rgba(0,0,0,0);border:5px solid rgba(135,152,173,0);scroll-behavior:smooth;-webkit-transition:var(--transition3);transition:var(--transition3)}::-webkit-scrollbar-thumb:hover{box-shadow:inset 0px 0px 0px 5px #667485;border-radius:var(--br10);border:5px solid rgba(135,152,173,0);background:rgba(0,0,0,0);scroll-behavior:smooth;-webkit-transition:var(--transition3);transition:var(--transition3)}::-webkit-scrollbar-thumb:active{cursor:grabbing;box-shadow:inset 0px 0px 0px 5px #4e5b6b;border-radius:var(--br10);border:5px solid rgba(135,152,173,0);background:rgba(0,0,0,0);scroll-behavior:smooth;-webkit-transition:var(--transition3);transition:var(--transition3)}*,body{font-family:"Montserrat","Yekanbakh",system-ui,sans-serif !important}@font-face{font-family:"Montserrat";font-style:normal;font-weight:100;src:url("/fonts/Montserrat-Thin.woff2") format("woff2"),url("/fonts/Montserrat-Thin.woff") format("woff");font-display:swap}@font-face{font-family:"Montserrat";font-style:normal;font-weight:200;src:url("/fonts/Montserrat-ExtraLight.woff2") format("woff2"),url("/fonts/Montserrat-ExtraLight.woff") format("woff");font-display:swap}@font-face{font-family:"Montserrat";font-style:normal;font-weight:300;src:url("/fonts/Montserrat-Light.woff2") format("woff2"),url("/fonts/Montserrat-Light.woff") format("woff");font-display:swap}@font-face{font-family:"Montserrat";font-style:normal;font-weight:400;src:url("/fonts/Montserrat-Regular.woff2") format("woff2"),url("/fonts/Montserrat-Regular.woff") format("woff");font-display:swap}@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;src:url("/fonts/Montserrat-Medium.woff2") format("woff2"),url("/fonts/Montserrat-Medium.woff") format("woff");font-display:swap}@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;src:url("/fonts/Montserrat-SemiBold.woff2") format("woff2"),url("/fonts/Montserrat-SemiBold.woff") format("woff");font-display:swap}@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;src:url("/fonts/Montserrat-Bold.woff2") format("woff2"),url("/fonts/Montserrat-Bold.woff") format("woff");font-display:swap}@font-face{font-family:"Montserrat";font-style:normal;font-weight:800;src:url("/fonts/Montserrat-ExtraBold.woff2") format("woff2"),url("/fonts/Montserrat-ExtraBold.woff") format("woff");font-display:swap}@font-face{font-family:"Montserrat";font-style:normal;font-weight:900;src:url("/fonts/Montserrat-Black.woff2") format("woff2"),url("/fonts/Montserrat-Black.woff") format("woff");font-display:swap}@font-face{font-family:"Yekanbakh";font-style:normal;font-weight:100;src:url("/fonts/YekanBakhNoEn-Thin.woff2") format("woff2"),url("/fonts/YekanBakhNoEn-Thin.woff") format("woff");font-display:swap}@font-face{font-family:"Yekanbakh";font-style:normal;font-weight:300;src:url("/fonts/YekanBakhNoEn-Light.woff2") format("woff2"),url("/fonts/YekanBakhNoEn-Light.woff") format("woff");font-display:swap}@font-face{font-family:"Yekanbakh";font-style:normal;font-weight:400;src:url("/fonts/YekanBakhNoEn-Regular.woff2") format("woff2"),url("/fonts/YekanBakhNoEn-Regular.woff") format("woff");font-display:swap}@font-face{font-family:"Yekanbakh";font-style:normal;font-weight:600;src:url("/fonts/YekanBakhNoEn-SemiBold.woff2") format("woff2"),url("/fonts/YekanBakhNoEn-SemiBold.woff") format("woff");font-display:swap}@font-face{font-family:"Yekanbakh";font-style:normal;font-weight:700;src:url("/fonts/YekanBakhNoEn-Bold.woff2") format("woff2"),url("/fonts/YekanBakhNoEn-Bold.woff") format("woff");font-display:swap}@font-face{font-family:"Yekanbakh";font-style:normal;font-weight:800;src:url("/fonts/YekanBakhNoEn-ExtraBold.woff2") format("woff2"),url("/fonts/YekanBakhNoEn-ExtraBold.woff") format("woff");font-display:swap}@font-face{font-family:"Yekanbakh";font-style:normal;font-weight:900;src:url("/fonts/YekanBakhNoEn-Black.woff2") format("woff2"),url("/fonts/YekanBakhNoEn-Black.woff") format("woff");font-display:swap}@font-face{font-family:"Yekanbakh";font-style:normal;font-weight:950;src:url("/fonts/YekanBakhNoEn-ExtraBlack.woff2") format("woff2"),url("/fonts/YekanBakhNoEn-ExtraBlack.woff") format("woff");font-display:swap}

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