/* [next]/internal/font/google/inter_e17ca896.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2c55a0e60120577a.0bjc5tiuqdqro.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8.p.0m6w47a4e5dy9.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86.11u06r12fd6v_.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/5476f68d60460930.0wxq9webf.ew4.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f.067x_6k0k23tk.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e.16ipb6fqu393i.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c.p.0q-301v4kxxnr.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/2c55a0e60120577a.0bjc5tiuqdqro.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8.p.0m6w47a4e5dy9.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86.11u06r12fd6v_.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/5476f68d60460930.0wxq9webf.ew4.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f.067x_6k0k23tk.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e.16ipb6fqu393i.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c.p.0q-301v4kxxnr.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/2c55a0e60120577a.0bjc5tiuqdqro.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8.p.0m6w47a4e5dy9.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86.11u06r12fd6v_.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/5476f68d60460930.0wxq9webf.ew4.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f.067x_6k0k23tk.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e.16ipb6fqu393i.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c.p.0q-301v4kxxnr.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.inter_e17ca896-module__XlNWta__className {
  font-family: Inter, system-ui, Arial;
  font-style: normal;
}

.inter_e17ca896-module__XlNWta__variable {
  --font-inter: "Inter", system-ui, Arial;
}

/* [project]/src/components/layout/LeftMenu.module.css [app-client] (css) */
@keyframes LeftMenu-module__tSzmea__pulse-accent {
  0% {
    box-shadow: 0 0 #1d6cff80;
  }

  50% {
    box-shadow: 0 0 0 8px #1d6cff33;
  }

  100% {
    box-shadow: 0 0 #1d6cff00;
  }
}

.LeftMenu-module__tSzmea__menu {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  z-index: 1001;
  -webkit-backdrop-filter: blur(10px);
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 30%;
  max-width: 350px;
  height: 100vh;
  margin-top: -80px;
  padding: 14px 16px;
  transition: all .3s;
  display: flex;
  position: sticky;
  top: 0;
  overflow: visible scroll;
}

.LeftMenu-module__tSzmea__hiddenMenu {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
  transform: rotate(180deg);
}

.LeftMenu-module__tSzmea__hiddenMenu:hover {
  background: #1d6cff1a;
}

.LeftMenu-module__tSzmea__hiddenMenu:hover path {
  fill: #fff;
  transition: all .3s;
}

.LeftMenu-module__tSzmea__hiddenMenu.LeftMenu-module__tSzmea__rotated {
  transform: rotate(0);
}

.LeftMenu-module__tSzmea__menu.LeftMenu-module__tSzmea__collapsed .LeftMenu-module__tSzmea__hiddenMenu {
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  top: 50%;
  right: -17px;
  transform: translateY(-50%);
}

.LeftMenu-module__tSzmea__menu.LeftMenu-module__tSzmea__collapsed:hover .LeftMenu-module__tSzmea__hiddenMenu {
  opacity: 1;
  pointer-events: auto;
}

.LeftMenu-module__tSzmea__menu.LeftMenu-module__tSzmea__collapsed .LeftMenu-module__tSzmea__hiddenMenuWrapper {
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 0;
  overflow: visible;
  transform: translateY(-50%);
}

.LeftMenu-module__tSzmea__menu.LeftMenu-module__tSzmea__collapsed {
  align-items: center;
  max-width: 60px;
  padding: 14px 0;
  width: 60px !important;
  overflow: visible !important;
}

.LeftMenu-module__tSzmea__menu.LeftMenu-module__tSzmea__collapsed .LeftMenu-module__tSzmea__header {
  justify-content: center;
  padding: 0 4px;
  position: relative;
}

.LeftMenu-module__tSzmea__menu.LeftMenu-module__tSzmea__collapsed .LeftMenu-module__tSzmea__header a {
  justify-content: center;
  gap: 0;
  margin: 0 auto;
}

.LeftMenu-module__tSzmea__menu.LeftMenu-module__tSzmea__collapsed .LeftMenu-module__tSzmea__logoText, .LeftMenu-module__tSzmea__menu.LeftMenu-module__tSzmea__collapsed .LeftMenu-module__tSzmea__alert, .LeftMenu-module__tSzmea__menu.LeftMenu-module__tSzmea__collapsed .LeftMenu-module__tSzmea__notificationIcons {
  display: none;
}

.LeftMenu-module__tSzmea__menu.LeftMenu-module__tSzmea__collapsed .LeftMenu-module__tSzmea__menu_item {
  cursor: pointer;
  justify-content: center;
  padding: 8px;
  position: relative;
  overflow: visible;
}

.LeftMenu-module__tSzmea__menu.LeftMenu-module__tSzmea__collapsed .LeftMenu-module__tSzmea__menu_item span {
  display: none;
}

.LeftMenu-module__tSzmea__menu.LeftMenu-module__tSzmea__collapsed .LeftMenu-module__tSzmea__menu_item {
  color: inherit;
  text-decoration: none;
}

.LeftMenu-module__tSzmea__menu.LeftMenu-module__tSzmea__collapsed .LeftMenu-module__tSzmea__dropdownTrigger span {
  display: none;
}

.LeftMenu-module__tSzmea__menu.LeftMenu-module__tSzmea__collapsed .LeftMenu-module__tSzmea__dropdownTrigger {
  justify-content: center;
  padding: 8px;
  overflow: visible;
}

.LeftMenu-module__tSzmea__menu.LeftMenu-module__tSzmea__collapsed .LeftMenu-module__tSzmea__dropdownArrow, .LeftMenu-module__tSzmea__menu.LeftMenu-module__tSzmea__collapsed .LeftMenu-module__tSzmea__submenu {
  display: none;
}

.LeftMenu-module__tSzmea__menu.LeftMenu-module__tSzmea__collapsed .LeftMenu-module__tSzmea__pricingButton {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 12px;
  display: flex;
}

.LeftMenu-module__tSzmea__menu.LeftMenu-module__tSzmea__collapsed .LeftMenu-module__tSzmea__footerLinks {
  display: none;
}

.LeftMenu-module__tSzmea__collapsedTooltip {
  background: var(--bg-secondary);
  color: var(--text-primary);
  white-space: nowrap;
  z-index: 10000;
  box-shadow: var(--block-shadow);
  border: 1px solid var(--border-color);
  pointer-events: none;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 14px;
  animation: .15s LeftMenu-module__tSzmea__fadeIn;
  position: absolute;
  top: 50%;
  left: calc(100% + 10px);
  transform: translateY(-50%);
}

.LeftMenu-module__tSzmea__collapsedTooltip:before {
  content: "";
  border: 6px solid #0000;
  border-left: none;
  border-right-color: #121825;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: -5px;
  transform: translateY(-50%);
}

.LeftMenu-module__tSzmea__hidden {
  display: none !important;
}

.LeftMenu-module__tSzmea__pricingContainerCollapsed {
  justify-content: center;
  width: 100%;
  display: flex;
}

.LeftMenu-module__tSzmea__pricingButtonCollapsed {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.LeftMenu-module__tSzmea__dropdownCollapsed {
  align-items: center;
}

.LeftMenu-module__tSzmea__menu::-webkit-scrollbar {
  width: 4px;
}

.LeftMenu-module__tSzmea__menu::-webkit-scrollbar-track {
  background: none;
}

.LeftMenu-module__tSzmea__menu::-webkit-scrollbar-thumb {
  background: #1d6cff;
  border-radius: 4px;
}

.LeftMenu-module__tSzmea__menu::-webkit-scrollbar-thumb:hover {
  background: #2d9aff;
}

.LeftMenu-module__tSzmea__menu {
  scrollbar-width: thin;
  scrollbar-color: #1d6cff transparent;
}

.LeftMenu-module__tSzmea__header {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.LeftMenu-module__tSzmea__header a {
  align-items: center;
  gap: 12px;
  display: flex;
}

.LeftMenu-module__tSzmea__alert {
  align-items: center;
  gap: 8px;
  margin-left: 11px;
  display: flex;
}

.LeftMenu-module__tSzmea__alertIconWrapper {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.LeftMenu-module__tSzmea__tooltip {
  color: #fff;
  white-space: nowrap;
  z-index: 10000;
  pointer-events: none;
  background: #121825;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 12px;
  position: fixed;
  top: 60px;
  left: 200px;
  transform: none;
  box-shadow: 0 4px 12px #0000004d;
}

.LeftMenu-module__tSzmea__modalOverlay {
  z-index: 1000;
  background: #000000b3;
  justify-content: center;
  align-items: center;
  animation: .2s LeftMenu-module__tSzmea__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

@keyframes LeftMenu-module__tSzmea__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.LeftMenu-module__tSzmea__modalContent {
  background: #0e0c15;
  border: 1px solid #414963;
  border-radius: 16px;
  width: 90%;
  max-width: 480px;
  padding: 24px;
  animation: .3s LeftMenu-module__tSzmea__slideUp;
  position: relative;
}

@keyframes LeftMenu-module__tSzmea__slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.LeftMenu-module__tSzmea__modalClose {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: background .2s;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
}

.LeftMenu-module__tSzmea__modalClose:hover {
  background: #4149634d;
}

.LeftMenu-module__tSzmea__modalTitle {
  color: #fff;
  margin: 0 0 16px;
  font-size: 20px;
  font-weight: 600;
}

.LeftMenu-module__tSzmea__modalTextarea {
  color: #fff;
  resize: vertical;
  box-sizing: border-box;
  background: #121825cc;
  border: 1px solid #414963;
  border-radius: 12px;
  outline: none;
  width: 100%;
  min-height: 100px;
  padding: 12px 16px;
  font-size: 14px;
  transition: border-color .2s;
}

.LeftMenu-module__tSzmea__modalTextarea:focus {
  border-color: #1d6cff;
}

.LeftMenu-module__tSzmea__modalTextarea::placeholder {
  color: #414963;
}

.LeftMenu-module__tSzmea__modalScreenshot {
  flex-direction: column;
  gap: 15px;
  margin-top: 16px;
  display: flex;
  position: relative;
}

.LeftMenu-module__tSzmea__modalScreenshot svg {
  filter: unset !important;
}

.LeftMenu-module__tSzmea__modalInput {
  color: #fff;
  box-sizing: border-box;
  background: #121825cc;
  border: 1px solid #414963;
  border-radius: 12px;
  outline: none;
  width: 100%;
  padding: 12px 16px;
  font-size: 14px;
  transition: border-color .2s;
}

.LeftMenu-module__tSzmea__modalInput:focus {
  border-color: #1d6cff;
}

.LeftMenu-module__tSzmea__modalInput::placeholder {
  color: #414963;
}

.LeftMenu-module__tSzmea__modalFooter {
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.LeftMenu-module__tSzmea__modalIcons {
  gap: 8px;
  display: flex;
}

.LeftMenu-module__tSzmea__modalIconBtn {
  border: unset;
  cursor: pointer;
  background: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: all .2s;
  display: flex;
}

.LeftMenu-module__tSzmea__modalIconBtn svg path {
  stroke: #414963;
  transition: stroke .2s;
}

.LeftMenu-module__tSzmea__modalIconBtn:hover {
  background: #414963;
  border-color: #0000;
}

.LeftMenu-module__tSzmea__modalIconBtn:hover svg path {
  stroke: #fff;
}

.LeftMenu-module__tSzmea__modalIconBtn.LeftMenu-module__tSzmea__active {
  background: #414963;
  border-color: #0000;
}

.LeftMenu-module__tSzmea__modalIconBtn.LeftMenu-module__tSzmea__active svg path {
  stroke: #fff;
}

.LeftMenu-module__tSzmea__modalSubmit {
  color: #fff;
  cursor: pointer;
  background: #1d6cff;
  border: none;
  border-radius: 12px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 500;
  transition: opacity .2s;
}

.LeftMenu-module__tSzmea__modalSubmit:hover {
  opacity: .9;
}

.LeftMenu-module__tSzmea__logoText {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.LeftMenu-module__tSzmea__menu_link {
  flex-direction: column;
  width: 100%;
  margin-top: 32px;
  display: flex;
}

.LeftMenu-module__tSzmea__menu_item {
  width: 100%;
  color: #fff;
  border-radius: 11px;
  align-items: center;
  gap: 16px;
  padding: 8px 10px;
  text-decoration: none;
  transition: all .45s;
  display: flex;
  position: relative;
}

.LeftMenu-module__tSzmea__menu_item.LeftMenu-module__tSzmea__dropdown {
  flex-direction: column;
  align-items: baseline;
  gap: 0;
  padding: 0;
}

.LeftMenu-module__tSzmea__menu_item svg {
  flex-shrink: 0;
  transition: all .45s;
}

.LeftMenu-module__tSzmea__menu_item:not(.LeftMenu-module__tSzmea__dropdown):hover {
  background: #162039;
}

.LeftMenu-module__tSzmea__menu_item:not(.LeftMenu-module__tSzmea__dropdown):hover svg {
  filter: drop-shadow(0 0 4px #006fff) drop-shadow(0 0 8px #006fff);
}

.LeftMenu-module__tSzmea__menuItemActive {
  background: #162039 !important;
}

.LeftMenu-module__tSzmea__menuItemActive svg {
  filter: drop-shadow(0 0 4px #006fff) drop-shadow(0 0 8px #006fff) !important;
}

.LeftMenu-module__tSzmea__menuItemActive > a {
  background: none;
}

.LeftMenu-module__tSzmea__pricingButtonActive {
  color: #fff;
  background: #121825;
}

.LeftMenu-module__tSzmea__menu_item.LeftMenu-module__tSzmea__chatsMenuItem:hover {
  background: none !important;
}

.LeftMenu-module__tSzmea__menu_item.LeftMenu-module__tSzmea__chatsMenuItem:hover svg, .LeftMenu-module__tSzmea__menu_item.LeftMenu-module__tSzmea__chatsMenuItem :hover svg {
  filter: none !important;
}

.LeftMenu-module__tSzmea__menu_item.LeftMenu-module__tSzmea__chatsMenuItem svg {
  filter: none;
  transition: all .45s;
}

.LeftMenu-module__tSzmea__dropdownTrigger {
  cursor: pointer;
  border-radius: 11px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 10px;
  transition: all .45s;
  display: flex;
}

.LeftMenu-module__tSzmea__dropdownTrigger span {
  color: #fff;
  padding: 8px 10px;
}

.LeftMenu-module__tSzmea__dropdownTrigger:hover, .LeftMenu-module__tSzmea__menu_item.LeftMenu-module__tSzmea__dropdown.LeftMenu-module__tSzmea__menuItemActive .LeftMenu-module__tSzmea__dropdownTrigger {
  background: #121825;
}

.LeftMenu-module__tSzmea__menu_item.LeftMenu-module__tSzmea__dropdown.LeftMenu-module__tSzmea__menuItemActive .LeftMenu-module__tSzmea__dropdownTriggerLeft svg {
  filter: drop-shadow(0 0 4px #006fff) drop-shadow(0 0 8px #006fff);
}

.LeftMenu-module__tSzmea__dropdownTriggerLeft {
  align-items: center;
  gap: 16px;
  display: flex;
}

.LeftMenu-module__tSzmea__dropdownTrigger:hover .LeftMenu-module__tSzmea__dropdownTriggerLeft svg {
  filter: drop-shadow(0 0 4px #006fff) drop-shadow(0 0 8px #006fff);
}

.LeftMenu-module__tSzmea__dropdownArrow {
  transition: transform .3s;
  transform: rotate(180deg);
}

.LeftMenu-module__tSzmea__dropdownArrow.LeftMenu-module__tSzmea__rotated {
  transform: rotate(0);
}

.LeftMenu-module__tSzmea__submenu {
  width: 100%;
  padding-left: 10px;
  animation: .3s LeftMenu-module__tSzmea__slideDown;
  overflow: hidden;
}

.LeftMenu-module__tSzmea__submenuItem {
  cursor: pointer;
  color: #fff;
  border-radius: 11px;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 8px 12px;
  font-size: 12px;
  transition: all .45s;
  display: flex;
}

.LeftMenu-module__tSzmea__submenuItem:hover {
  background: #121825;
  transform: translateX(4px);
}

.LeftMenu-module__tSzmea__submenuItem:hover svg {
  filter: drop-shadow(0 0 4px #006fff) drop-shadow(0 0 8px #006fff);
}

.LeftMenu-module__tSzmea__submenuItemActive {
  background: #121825;
}

.LeftMenu-module__tSzmea__submenuItemActive svg {
  filter: drop-shadow(0 0 4px #006fff) drop-shadow(0 0 8px #006fff);
}

.LeftMenu-module__tSzmea__modalScreenshot svg, .LeftMenu-module__tSzmea__modalIconBtn svg {
  filter: none !important;
}

.LeftMenu-module__tSzmea__menu_item > a {
  color: #fff;
  border-radius: 11px;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 8px 10px;
  text-decoration: none;
  transition: all .45s;
  display: flex;
}

.LeftMenu-module__tSzmea__menu_item > a:hover {
  background: #121825;
}

.LeftMenu-module__tSzmea__menu_item > a:hover svg {
  filter: drop-shadow(0 0 4px #006fff) drop-shadow(0 0 8px #006fff);
}

.LeftMenu-module__tSzmea__chatsTrigger {
  cursor: pointer;
  border-radius: 11px;
  align-items: center;
  gap: 16px;
  width: 100%;
  transition: all .45s;
  display: flex;
}

.LeftMenu-module__tSzmea__chatsTrigger span {
  padding: 8px 10px;
}

.LeftMenu-module__tSzmea__chatsOverlay {
  z-index: 1000;
  animation: .3s LeftMenu-module__tSzmea__slideIn;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
}

.LeftMenu-module__tSzmea__chatsContainer {
  align-items: stretch;
  height: 100%;
  display: flex;
}

.LeftMenu-module__tSzmea__chatsPanelWrapper {
  background: #0a0a0f;
  height: 100%;
  box-shadow: -4px 0 20px #0000004d;
}

.LeftMenu-module__tSzmea__menu_item:has(.LeftMenu-module__tSzmea__chatsPanel) {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  padding: 0;
}

.LeftMenu-module__tSzmea__menu_item.LeftMenu-module__tSzmea__chatsMenuItem {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  padding: 0;
}

.LeftMenu-module__tSzmea__chatsHeaderLink {
  width: 100%;
  padding: 8px 10px;
}

.LeftMenu-module__tSzmea__chatsTitleLink {
  color: #fff;
  border-radius: 11px;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all .45s;
  display: flex;
}

.LeftMenu-module__tSzmea__chatsTitleLink:hover {
  background: #121825;
}

.LeftMenu-module__tSzmea__chatsTitleLink:hover svg {
  filter: drop-shadow(0 0 4px #006fff) drop-shadow(0 0 8px #006fff);
}

.LeftMenu-module__tSzmea__chatsTrigger {
  cursor: pointer;
  border-radius: 11px;
  align-items: center;
  gap: 16px;
  width: 100%;
  margin-bottom: 0;
  padding: 8px 10px;
  transition: all .45s;
  display: flex;
}

.LeftMenu-module__tSzmea__chatsTrigger:hover {
  background: #121825;
}

.LeftMenu-module__tSzmea__chatsTrigger:hover svg {
  filter: drop-shadow(0 0 4px #006fff) drop-shadow(0 0 8px #006fff);
}

.LeftMenu-module__tSzmea__footerLinks {
  border-top: 1px solid #4149634d;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin-top: auto;
  padding-top: 20px;
  display: flex;
}

.LeftMenu-module__tSzmea__footerLink {
  color: #414963;
  background: none;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 12px;
  text-decoration: none;
  transition: all .2s;
  display: block;
}

.LeftMenu-module__tSzmea__footerLink:hover {
  color: #fff;
  background: #4149631a;
  transform: translateX(4px);
}

.LeftMenu-module__tSzmea__header .LeftMenu-module__tSzmea__logoText {
  width: 150px;
}

.LeftMenu-module__tSzmea__header svg {
  width: 24px;
}

@media (max-width: 768px) {
  .LeftMenu-module__tSzmea__footerLinks {
    margin-top: 20px;
    padding-top: 16px;
  }

  .LeftMenu-module__tSzmea__footerLink {
    padding: 6px 8px;
    font-size: 11px;
  }
}

.LeftMenu-module__tSzmea__pricingContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 8px 0;
  display: flex;
}

.LeftMenu-module__tSzmea__pricingButton {
  text-align: center;
  color: #fff;
  cursor: pointer;
  background: #1d6cff padding-box padding-box;
  border-image-source: linear-gradient(#2d9aff 0%, #052aa3 100%);
  border-image-slice: 1;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background .3s, transform .3s;
  display: flex;
  position: relative;
}

.LeftMenu-module__tSzmea__pricingButton:hover {
  background: #1838b5;
}

.LeftMenu-module__tSzmea__collapsedChatsIcon {
  cursor: pointer;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin: 4px auto;
  padding: 8px;
  transition: background .2s;
  display: flex;
}

.LeftMenu-module__tSzmea__collapsedChatsIcon:hover {
  background: #ffffff14;
}

.LeftMenu-module__tSzmea__pricingButtonAlt {
  text-align: center;
  border: 1px solid;
  color: #fff;
  cursor: pointer;
  background: #1d6cff;
  border-image-source: linear-gradient(#2d9aff 0%, #052aa3 100%);
  border-image-slice: 1;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.LeftMenu-module__tSzmea__pricingButtonAlt:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px #1d6cff4d;
}

@keyframes LeftMenu-module__tSzmea__slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes LeftMenu-module__tSzmea__slideIn {
  from {
    opacity: 0;
    transform: translateX(100%);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

#LeftMenu-module__tSzmea__dot {
  fill: #1d6cff !important;
}

#LeftMenu-module__tSzmea__t, #LeftMenu-module__tSzmea__e, #LeftMenu-module__tSzmea__c, #LeftMenu-module__tSzmea__h {
  fill: #fff !important;
}

@media (max-width: 1700px) {
  .LeftMenu-module__tSzmea__menu_item, .LeftMenu-module__tSzmea__submenuItem a {
    font-size: 12px;
  }

  .LeftMenu-module__tSzmea__menu_link {
    margin-top: 12px;
  }

  .LeftMenu-module__tSzmea__menu {
    z-index: 1001;
    background: #12182533;
    border: 1px solid #121825;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 30%;
    max-width: 301px;
    margin-top: -80px;
    padding: 14px 16px;
  }

  .LeftMenu-module__tSzmea__menu_item > a {
    padding: 4px;
  }

  .LeftMenu-module__tSzmea__alert {
    margin-left: auto;
  }

  .LeftMenu-module__tSzmea__header .LeftMenu-module__tSzmea__logoText {
    width: 130px;
    display: block;
  }

  .LeftMenu-module__tSzmea__alert, .LeftMenu-module__tSzmea__notificationIconWrapper {
    display: none;
  }
}

@media (max-width: 768px) {
  .LeftMenu-module__tSzmea__menu {
    width: 100%;
    transition: transform .3s;
    transform: translateX(-100%);
  }

  .LeftMenu-module__tSzmea__menu.LeftMenu-module__tSzmea__open {
    transform: translateX(0);
  }

  .LeftMenu-module__tSzmea__chatsOverlay, .LeftMenu-module__tSzmea__chatsPanelWrapper {
    width: 100%;
  }
}

@media (max-width: 1700px) {
  .LeftMenu-module__tSzmea__menu {
    width: 18%;
  }
}

@media (max-width: 1380px) {
  .LeftMenu-module__tSzmea__menu {
    width: 19%;
  }
}

@media (max-width: 1280px) {
  .LeftMenu-module__tSzmea__menu {
    width: 36%;
  }
}

@media (max-width: 1050px) {
  .LeftMenu-module__tSzmea__menu {
    width: 23%;
  }
}

@media (max-width: 1024px) {
  .LeftMenu-module__tSzmea__menu {
    width: 27%;
  }
}

@media (max-width: 850px) {
  .LeftMenu-module__tSzmea__menu .LeftMenu-module__tSzmea__logoText {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .LeftMenu-module__tSzmea__menu {
    width: 0;
    max-width: 60px;
    padding: 0;
  }

  .LeftMenu-module__tSzmea__menu .LeftMenu-module__tSzmea__logoText, .LeftMenu-module__tSzmea__menu .LeftMenu-module__tSzmea__menu_item span {
    display: none !important;
  }
}

.LeftMenu-module__tSzmea__mobileHorizontalMenu {
  background: var(--bg-primary);
  border-bottom: 1px solid var(--border-color);
  z-index: 1001;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  border-radius: 24px;
  height: 48px;
  margin: 0 15px;
  padding: 8px 0;
  display: none;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

body.LeftMenu-module__tSzmea__notificationVisible .LeftMenu-module__tSzmea__mobileHorizontalMenu {
  top: 120px;
}

.LeftMenu-module__tSzmea__mobileHorizontalMenu::-webkit-scrollbar {
  display: none;
}

.LeftMenu-module__tSzmea__mobileHorizontalMenu .LeftMenu-module__tSzmea__mobileMenuList {
  align-items: center;
  gap: 8px;
  min-width: max-content;
  padding: 0 16px;
  display: flex;
}

.LeftMenu-module__tSzmea__mobileHorizontalMenu .LeftMenu-module__tSzmea__mobileMenuItem {
  color: #fff;
  cursor: pointer;
  border-radius: 8px;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  font-size: 13px;
  text-decoration: none;
  transition: background .2s;
  display: flex;
}

.LeftMenu-module__tSzmea__mobileHorizontalMenu .LeftMenu-module__tSzmea__mobileMenuItem:hover {
  background: #1d6cff1a;
}

.LeftMenu-module__tSzmea__mobileHorizontalMenu .LeftMenu-module__tSzmea__mobileMenuItemActive {
  color: #1d6cff;
  background: #1d6cff26;
}

.LeftMenu-module__tSzmea__mobileHorizontalMenu .LeftMenu-module__tSzmea__mobileMenuItem svg {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .LeftMenu-module__tSzmea__mobileHorizontalMenu {
    display: block;
  }
}

html.light-theme .LeftMenu-module__tSzmea__mobileHorizontalMenu {
  border-bottom: 1px solid #e6e9f5;
  background: #fff !important;
}

html.light-theme .LeftMenu-module__tSzmea__mobileHorizontalMenu .LeftMenu-module__tSzmea__mobileMenuItem {
  color: #414963 !important;
}

html.light-theme .LeftMenu-module__tSzmea__mobileHorizontalMenu .LeftMenu-module__tSzmea__mobileMenuItem:hover {
  background: #e6e9f5 !important;
}

html.light-theme .LeftMenu-module__tSzmea__mobileHorizontalMenu .LeftMenu-module__tSzmea__mobileMenuItemActive {
  color: #1d6cff;
  background: #e6e9f5 !important;
}

.LeftMenu-module__tSzmea__notificationIconWrapper {
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: background .2s;
  display: flex;
  position: relative;
}

.LeftMenu-module__tSzmea__notificationIconWrapper:hover {
  background: #1d6cff1a;
}

.LeftMenu-module__tSzmea__notificationTooltip, .LeftMenu-module__tSzmea__hideMenuTooltip {
  color: #fff;
  white-space: nowrap;
  z-index: 10000;
  pointer-events: none;
  background: #121825;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 12px;
  position: fixed;
  top: 60px;
  left: 200px;
  transform: none;
  box-shadow: 0 4px 12px #0000004d;
}

.LeftMenu-module__tSzmea__notificationModalOverlay {
  z-index: 2000;
  background: #0009;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: fixed;
  inset: 0;
}

.LeftMenu-module__tSzmea__notificationModalContent {
  -webkit-backdrop-filter: blur(20px);
  background: #121825f2;
  border: 1px solid #4149634d;
  border-radius: 24px;
  width: 100%;
  max-width: 500px;
  max-height: 90vh;
  padding: 40px;
  position: relative;
  overflow-y: auto;
  box-shadow: 0 8px 32px #0000004d;
}

.LeftMenu-module__tSzmea__notificationModalTitle {
  color: #fff;
  margin: 0 0 32px;
  font-size: 32px;
  font-weight: 700;
}

.LeftMenu-module__tSzmea__notificationModalCloseBtn {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: background .2s;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
}

.LeftMenu-module__tSzmea__notificationModalCloseBtn:hover {
  background: #41496333;
}

.LeftMenu-module__tSzmea__notificationEmpty {
  text-align: center;
  color: #fff9;
  border: 1px dashed #4149634d;
  border-radius: 16px;
  padding: 48px 24px;
  font-size: 16px;
}

.LeftMenu-module__tSzmea__notificationItem {
  background: #4149631a;
  border-radius: 16px;
  gap: 16px;
  margin-bottom: 12px;
  padding: 16px;
  transition: background .2s;
  display: flex;
}

.LeftMenu-module__tSzmea__notificationItem:hover {
  background: #41496326;
}

.LeftMenu-module__tSzmea__notificationIcon {
  background: #1d6cff1a;
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.LeftMenu-module__tSzmea__notificationText {
  flex: 1;
}

.LeftMenu-module__tSzmea__notificationTitle {
  color: #fff;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
}

.LeftMenu-module__tSzmea__notificationDescription {
  color: #ffffffb3;
  margin-bottom: 8px;
  font-size: 14px;
}

.LeftMenu-module__tSzmea__notificationTime {
  color: #fff6;
  font-size: 12px;
}

html.light-theme .LeftMenu-module__tSzmea__menu {
  background: none !important;
  border: 1px solid #e6e9f5 !important;
}

html.light-theme .LeftMenu-module__tSzmea__collapsedTooltip {
  color: #414963 !important;
  background: #fff !important;
  border: 1px solid #e6e9f5 !important;
}

html.light-theme .LeftMenu-module__tSzmea__collapsedTooltip:before {
  border-right-color: #fff !important;
}

html.light-theme .LeftMenu-module__tSzmea__tooltip {
  color: #414963 !important;
  background: #fff !important;
  border: 1px solid #e6e9f5 !important;
}

html.light-theme .LeftMenu-module__tSzmea__modalContent {
  background: #fff !important;
  border: 1px solid #e6e9f5 !important;
}

html.light-theme .LeftMenu-module__tSzmea__modalTitle {
  color: #414963 !important;
}

:is(html.light-theme .LeftMenu-module__tSzmea__modalTextarea, html.light-theme .LeftMenu-module__tSzmea__modalInput) {
  color: #414963 !important;
  background: #f5f6fa !important;
  border: 1px solid #e6e9f5 !important;
}

html.light-theme .LeftMenu-module__tSzmea__modalTextarea::placeholder {
  color: #afb7d2 !important;
}

html.light-theme .LeftMenu-module__tSzmea__modalInput::placeholder {
  color: #afb7d2 !important;
}

html.light-theme .LeftMenu-module__tSzmea__modalClose:hover {
  background: #f5f6fa !important;
}

html.light-theme .LeftMenu-module__tSzmea__modalIconBtn:hover {
  background: #f5f6fa !important;
}

:is(html.light-theme .LeftMenu-module__tSzmea__modalIconBtn:hover svg path, html.light-theme .LeftMenu-module__tSzmea__modalIconBtn.LeftMenu-module__tSzmea__active svg path) {
  stroke: #414963 !important;
}

html.light-theme .LeftMenu-module__tSzmea__modalIconBtn.LeftMenu-module__tSzmea__active {
  background: #f5f6fa !important;
}

html.light-theme .LeftMenu-module__tSzmea__modalSubmit {
  color: #fff !important;
  background: #1d6cff !important;
}

html.light-theme .LeftMenu-module__tSzmea__logoText {
  color: #414963 !important;
}

html.light-theme .LeftMenu-module__tSzmea__logoText path {
  fill: #414963 !important;
}

:is(html.light-theme .LeftMenu-module__tSzmea__header path, html.light-theme .LeftMenu-module__tSzmea__dropdownArrow path) {
  stroke: #414963 !important;
}

html.light-theme .LeftMenu-module__tSzmea__footerLink:hover {
  color: #0a0a0f;
}

html.light-theme .LeftMenu-module__tSzmea__menu_item {
  color: #414963 !important;
}

html.light-theme .LeftMenu-module__tSzmea__menu_item > a {
  color: #414963;
}

html.light-theme .LeftMenu-module__tSzmea__menu_item:not(.LeftMenu-module__tSzmea__dropdown):hover {
  background: #e6e9f5 !important;
}

html.light-theme .LeftMenu-module__tSzmea__menu_item > a:hover {
  background: #e6e9f5 !important;
}

html.light-theme .LeftMenu-module__tSzmea__menu_item:not(.LeftMenu-module__tSzmea__dropdown):hover svg {
  filter: none !important;
}

html.light-theme .LeftMenu-module__tSzmea__menuItemActive {
  background: #e6e9f5 !important;
}

html.light-theme .LeftMenu-module__tSzmea__pricingButtonActive {
  color: #414963;
  background: #e6e9f5;
}

html.light-theme .LeftMenu-module__tSzmea__dropdownTrigger span {
  color: #414963 !important;
}

html.light-theme .LeftMenu-module__tSzmea__dropdownTrigger:hover {
  background: #e6e9f5 !important;
}

html.light-theme .LeftMenu-module__tSzmea__menu_item.LeftMenu-module__tSzmea__dropdown.LeftMenu-module__tSzmea__menuItemActive .LeftMenu-module__tSzmea__dropdownTrigger {
  background: #e6e9f5 !important;
}

html.light-theme .LeftMenu-module__tSzmea__submenuItem {
  color: #414963 !important;
}

html.light-theme .LeftMenu-module__tSzmea__submenuItem:hover {
  background: #e6e9f5 !important;
}

html.light-theme .LeftMenu-module__tSzmea__submenuItemActive {
  background: #e6e9f5 !important;
}

html.light-theme .LeftMenu-module__tSzmea__chatsTrigger:hover {
  background: #e6e9f5 !important;
}

html.light-theme .LeftMenu-module__tSzmea__chatsPanelWrapper {
  box-shadow: -4px 0 20px #0000000d;
  background: #fff !important;
}

html.light-theme .LeftMenu-module__tSzmea__notificationEmpty {
  border: 1px dashed #e6e9f5;
  color: #414963 !important;
}

html.light-theme .LeftMenu-module__tSzmea__notificationItem {
  background: #f5f6fa !important;
}

html.light-theme .LeftMenu-module__tSzmea__notificationItem:hover {
  background: #eef0f7 !important;
}

html.light-theme .LeftMenu-module__tSzmea__notificationTitle {
  color: #414963 !important;
}

html.light-theme .LeftMenu-module__tSzmea__notificationDescription {
  color: #414963b3 !important;
}

html.light-theme .LeftMenu-module__tSzmea__notificationTime {
  color: #41496366 !important;
}

html.light-theme .LeftMenu-module__tSzmea__menu::-webkit-scrollbar-thumb {
  background: #e6e9f5 !important;
}

html.light-theme .LeftMenu-module__tSzmea__menu::-webkit-scrollbar-thumb:hover {
  background: #afb7d2 !important;
}

html.light-theme .LeftMenu-module__tSzmea__menu {
  scrollbar-color: #e6e9f5 transparent;
}

.LeftMenu-module__tSzmea__sidebarMenu {
  left: 300px;
  background: var(--bg-secondary) !important;
  border: none !important;
  width: 100% !important;
  max-width: none !important;
  margin-top: 0 !important;
  padding: 0 16px !important;
  position: relative !important;
}

.LeftMenu-module__tSzmea__sidebarMenu.LeftMenu-module__tSzmea__menu .LeftMenu-module__tSzmea__menu_item span {
  display: block !important;
}

.LeftMenu-module__tSzmea__sidebarMenu .LeftMenu-module__tSzmea__header {
  display: none;
}

.LeftMenu-module__tSzmea__sidebarMenu .LeftMenu-module__tSzmea__menu_item {
  border-radius: 12px;
  margin-bottom: 4px;
  color: #fff !important;
  padding: 12px 16px !important;
}

.LeftMenu-module__tSzmea__sidebarMenu .LeftMenu-module__tSzmea__menu_item span, .LeftMenu-module__tSzmea__sidebarMenu .LeftMenu-module__tSzmea__menu_item a {
  color: #fff !important;
}

.LeftMenu-module__tSzmea__sidebarMenu .LeftMenu-module__tSzmea__menu_item:hover {
  background: #1d6cff26;
}

.LeftMenu-module__tSzmea__sidebarMenu .LeftMenu-module__tSzmea__pricingButton {
  justify-content: center;
  width: 100%;
  color: #fff !important;
}

.LeftMenu-module__tSzmea__sidebarMenu .LeftMenu-module__tSzmea__pricingButton span {
  color: #fff !important;
}

.LeftMenu-module__tSzmea__sidebarMenu.LeftMenu-module__tSzmea__collapsed {
  width: 100% !important;
  max-width: none !important;
}

.LeftMenu-module__tSzmea__sidebarMenu.LeftMenu-module__tSzmea__collapsed .LeftMenu-module__tSzmea__menu_item {
  justify-content: flex-start !important;
}

html.light-theme .LeftMenu-module__tSzmea__sidebarMenu .LeftMenu-module__tSzmea__menu_item {
  color: #414963 !important;
}

:is(html.light-theme .LeftMenu-module__tSzmea__sidebarMenu .LeftMenu-module__tSzmea__menu_item span, html.light-theme .LeftMenu-module__tSzmea__sidebarMenu .LeftMenu-module__tSzmea__menu_item a) {
  color: #414963 !important;
}

html.light-theme .LeftMenu-module__tSzmea__sidebarMenu .LeftMenu-module__tSzmea__pricingButton {
  color: #414963 !important;
}

html.light-theme .LeftMenu-module__tSzmea__sidebarMenu .LeftMenu-module__tSzmea__pricingButton span {
  color: #414963 !important;
}

/* [project]/src/components/chats/ChatsPanel.module.css [app-client] (css) */
@keyframes ChatsPanel-module__JWruaW__pulse-accent {
  0% {
    box-shadow: 0 0 #1d6cff80;
  }

  50% {
    box-shadow: 0 0 0 8px #1d6cff33;
  }

  100% {
    box-shadow: 0 0 #1d6cff00;
  }
}

.ChatsPanel-module__JWruaW__chatsHeader:hover .ChatsPanel-module__JWruaW__chatsTitle > svg:first-of-type, .ChatsPanel-module__JWruaW__chatItem:hover .ChatsPanel-module__JWruaW__chatIcon svg {
  transition: all .45s;
  filter: drop-shadow(0 0 4px #006fff) drop-shadow(0 0 8px #006fff) !important;
}

.ChatsPanel-module__JWruaW__newChatButton svg, .ChatsPanel-module__JWruaW__newChatButton:hover svg {
  filter: none !important;
}

.ChatsPanel-module__JWruaW__chatsTitle > svg:first-of-type {
  filter: none;
  transition: all .45s;
}

.ChatsPanel-module__JWruaW__chatsPanel {
  background: #162039;
  border-radius: 14px;
  flex-direction: column;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.ChatsPanel-module__JWruaW__chatsHeader {
  cursor: pointer;
  border-radius: 11px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
  padding: 8px 10px;
  transition: all .45s;
  display: flex;
}

.ChatsPanel-module__JWruaW__chatsTitle {
  color: var(--text-primary);
  align-items: center;
  gap: 6px;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all .45s;
  display: flex;
}

.ChatsPanel-module__JWruaW__chatsTitle span {
  color: var(--text-primary);
  border-radius: 11px;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 8px 10px;
  text-decoration: none;
  transition: all .45s;
  display: flex;
}

.ChatsPanel-module__JWruaW__chatsHeader:hover {
  background: var(--bg-tertiary);
}

.ChatsPanel-module__JWruaW__newChatButton {
  color: var(--text-primary);
  cursor: pointer;
  white-space: nowrap;
  background: #1d6cff1a;
  border: none;
  border-radius: 8px;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  transition: all .2s;
  display: flex;
}

.ChatsPanel-module__JWruaW__newChatButton:hover {
  background: var(--accent-color);
  color: #fff;
  transform: scale(1.02);
}

.ChatsPanel-module__JWruaW__newChatButton:hover svg path {
  stroke: #fff;
}

.ChatsPanel-module__JWruaW__headerButtons {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ChatsPanel-module__JWruaW__expandButtonWrapper {
  position: relative;
}

.ChatsPanel-module__JWruaW__expandButton {
  color: var(--text-primary);
  cursor: pointer;
  background: #1d6cff1a;
  border: none;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 6px;
  transition: all .2s;
  display: flex;
}

.ChatsPanel-module__JWruaW__expandButton:hover {
  background: var(--accent-color);
  color: #fff;
  transform: scale(1.02);
}

.ChatsPanel-module__JWruaW__expandButton.ChatsPanel-module__JWruaW__expandedButton {
  background: var(--accent-color);
  color: #fff;
  transition: background .2s;
  animation: 2s infinite ChatsPanel-module__JWruaW__pulse-accent;
}

.ChatsPanel-module__JWruaW__expandButton.ChatsPanel-module__JWruaW__expandedButton:hover {
  background: #1d6cffcc;
  animation: none;
}

.ChatsPanel-module__JWruaW__expandTooltip {
  color: #fff;
  white-space: nowrap;
  z-index: 10000;
  pointer-events: none;
  background: #121825;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 12px;
  position: fixed;
  top: 60px;
  left: 200px;
  transform: none;
  box-shadow: 0 4px 12px #0000004d;
}

.ChatsPanel-module__JWruaW__chatsPanel.ChatsPanel-module__JWruaW__expanded {
  z-index: 999;
  border: 1px solid var(--border-color);
  height: 700px;
  box-shadow: 0 8px 32px #00000080;
}

.ChatsPanel-module__JWruaW__chatsPanel.ChatsPanel-module__JWruaW__expanded .ChatsPanel-module__JWruaW__chatsList {
  height: 640px;
  max-height: 640px;
}

.ChatsPanel-module__JWruaW__chatsList {
  flex-direction: column;
  gap: 12px;
  max-height: 250px;
  padding: 0 10px;
  display: flex;
  overflow-y: auto;
}

.ChatsPanel-module__JWruaW__chatGroup {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.ChatsPanel-module__JWruaW__groupTitle {
  color: #ffffff80;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-top: 4px;
  padding: 4px 0;
  font-size: 11px;
  font-weight: 500;
}

.ChatsPanel-module__JWruaW__groupTitle:first-child {
  margin-top: 0;
}

.ChatsPanel-module__JWruaW__chatsList::-webkit-scrollbar {
  width: 4px;
}

.ChatsPanel-module__JWruaW__chatsList::-webkit-scrollbar-track {
  background: #ffffff0d;
  border-radius: 2px;
}

.ChatsPanel-module__JWruaW__chatsList::-webkit-scrollbar-thumb {
  background: #fff3;
  border-radius: 2px;
}

.ChatsPanel-module__JWruaW__chatsList::-webkit-scrollbar-thumb:hover {
  background: #ffffff4d;
}

.ChatsPanel-module__JWruaW__chatItem {
  cursor: pointer;
  border-radius: 11px;
  align-items: center;
  gap: 12px;
  height: 32px;
  padding: 6px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.ChatsPanel-module__JWruaW__chatRightSection {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
  position: relative;
}

.ChatsPanel-module__JWruaW__chatItem .ChatsPanel-module__JWruaW__chatMenuButton {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ChatsPanel-module__JWruaW__chatItem:hover {
  background: #121825;
}

.ChatsPanel-module__JWruaW__chatItem.ChatsPanel-module__JWruaW__active {
  background: #1d6cff1a;
  border-left: 2px solid #1d6cff;
}

.ChatsPanel-module__JWruaW__chatInfo {
  cursor: pointer;
  flex: 1;
  min-width: 0;
}

.ChatsPanel-module__JWruaW__chatTitleWrapper {
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  display: flex;
}

.ChatsPanel-module__JWruaW__chatTypeIcon {
  color: #8e8e93;
  flex-shrink: 0;
}

.ChatsPanel-module__JWruaW__chatItem.ChatsPanel-module__JWruaW__active .ChatsPanel-module__JWruaW__chatTypeIcon {
  color: #1d6cff;
}

.ChatsPanel-module__JWruaW__chatTitle {
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
}

.ChatsPanel-module__JWruaW__chatEditInput {
  color: #fff;
  background: #1d6cff33;
  border: 1px solid #1d6cff;
  border-radius: 4px;
  outline: none;
  width: 100%;
  margin-bottom: 4px;
  padding: 4px 8px;
  font-size: 14px;
}

.ChatsPanel-module__JWruaW__chatEditInput:focus {
  border-color: #4184ff;
}

.ChatsPanel-module__JWruaW__chatPreview {
  color: #8e8e93;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  overflow: hidden;
}

.ChatsPanel-module__JWruaW__chatMenuButtonWrapper {
  flex-shrink: 0;
  position: relative;
}

.ChatsPanel-module__JWruaW__chatMenuButton {
  cursor: pointer;
  background: #ffffff1a;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 4px 6px;
  transition: all .2s;
  display: flex;
}

.ChatsPanel-module__JWruaW__chatMenuButton:hover {
  background: #fff3;
}

.ChatsPanel-module__JWruaW__chatPopupMenuOverlay {
  z-index: 9999;
  background: #1e2330;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  min-width: 180px;
  padding: 6px;
  animation: .15s ChatsPanel-module__JWruaW__fadeIn;
  position: fixed;
  transform: translateX(8px);
  box-shadow: 0 8px 32px #00000080;
}

@keyframes ChatsPanel-module__JWruaW__fadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ChatsPanel-module__JWruaW__popupMenuItem {
  color: #fff;
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  font-size: 13px;
  transition: all .2s;
  display: flex;
}

.ChatsPanel-module__JWruaW__popupMenuItem:hover {
  background: #ffffff1a;
}

.ChatsPanel-module__JWruaW__popupMenuItem span {
  flex: 1;
}

.ChatsPanel-module__JWruaW__popupMenuItem svg {
  flex-shrink: 0;
}

.ChatsPanel-module__JWruaW__deleteItem {
  color: #ff6b6b;
}

.ChatsPanel-module__JWruaW__deleteItem:hover {
  background: #ff6b6b26;
}

.ChatsPanel-module__JWruaW__deleteItem svg {
  stroke: #ff6b6b;
}

.ChatsPanel-module__JWruaW__emptyChats {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 32px 16px;
  display: flex;
}

.ChatsPanel-module__JWruaW__emptyText {
  color: #414963;
  margin: 0;
  font-size: 14px;
}

.ChatsPanel-module__JWruaW__loadingContainer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 40px 20px;
  display: flex;
}

.ChatsPanel-module__JWruaW__loader {
  border: 3px solid #1d6cff33;
  border-top-color: #1d6cff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  animation: .8s linear infinite ChatsPanel-module__JWruaW__spin;
}

@keyframes ChatsPanel-module__JWruaW__spin {
  to {
    transform: rotate(360deg);
  }
}

.ChatsPanel-module__JWruaW__loadingText {
  color: #8e8e93;
  margin: 0;
  font-size: 14px;
}

.ChatsPanel-module__JWruaW__errorContainer {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 40px 20px;
  display: flex;
}

.ChatsPanel-module__JWruaW__errorText {
  color: #ff6b6b;
  margin: 0;
  font-size: 14px;
}

.ChatsPanel-module__JWruaW__retryButton {
  color: #ff6b6b;
  cursor: pointer;
  background: #ff6b6b1a;
  border: 1px solid #ff6b6b4d;
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 12px;
  transition: all .2s;
}

.ChatsPanel-module__JWruaW__retryButton:hover {
  background: #ff6b6b33;
  transform: scale(1.02);
}

.ChatsPanel-module__JWruaW__unreadBadge {
  color: #fff;
  background: #ff3b30;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: -6px;
  right: -6px;
  box-shadow: 0 1px 2px #0003;
}

.ChatsPanel-module__JWruaW__createFirstChatButton {
  color: #fff;
  cursor: pointer;
  background: #1d6cff;
  border: none;
  border-radius: 8px;
  margin-top: 8px;
  padding: 8px 16px;
  font-size: 12px;
  transition: background .2s, transform .2s;
  animation: 2s infinite ChatsPanel-module__JWruaW__pulse-accent;
}

.ChatsPanel-module__JWruaW__createFirstChatButton:hover {
  background: #0056e0;
  animation: none;
  transform: scale(1.02);
}

.ChatsPanel-module__JWruaW__newChatButton:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.ChatsPanel-module__JWruaW__newChatButton:disabled:hover {
  background: #1d6cff1a;
  transform: none;
}

.ChatsPanel-module__JWruaW__chatIcon {
  background: #1d6cff1a;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
}

.ChatsPanel-module__JWruaW__unreadBadge {
  color: #fff;
  background: #ff3b30;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 10px;
  font-weight: 600;
  animation: .3s ChatsPanel-module__JWruaW__badgePop;
  display: flex;
  position: absolute;
  top: -6px;
  right: -6px;
  box-shadow: 0 1px 2px #0003;
}

@keyframes ChatsPanel-module__JWruaW__badgePop {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  80% {
    transform: scale(1.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@media (max-width: 1700px) {
  .ChatsPanel-module__JWruaW__chatsTitle span, .ChatsPanel-module__JWruaW__chatTitle {
    font-size: 12px;
  }
}

@media (max-width: 1550px) {
  .ChatsPanel-module__JWruaW__newChatButton span {
    display: none;
  }
}

html.light-theme .ChatsPanel-module__JWruaW__chatsPanel {
  background: #fff;
}

html.light-theme .ChatsPanel-module__JWruaW__chatsTitle {
  color: #414963;
}

html.light-theme .ChatsPanel-module__JWruaW__chatsTitle span {
  color: #414963;
}

html.light-theme .ChatsPanel-module__JWruaW__chatTitle {
  color: #414963;
}

html.light-theme .ChatsPanel-module__JWruaW__chatMessage {
  color: #414963;
}

html.light-theme .ChatsPanel-module__JWruaW__newChatButton {
  color: #414963;
}

html.light-theme .ChatsPanel-module__JWruaW__chatMenuButton:hover {
  background: #78767633;
}

html.light-theme .ChatsPanel-module__JWruaW__chatMenuButton {
  background: #78767633;
}

html.light-theme .ChatsPanel-module__JWruaW__chatsHeader:hover {
  background: #f5f6fa;
}

html.light-theme .ChatsPanel-module__JWruaW__chatItem:hover {
  background: #f5f6fa;
}

html.light-theme .ChatsPanel-module__JWruaW__chatItem {
  border-bottom: 1px solid #e6e9f5;
}

html.light-theme .ChatsPanel-module__JWruaW__groupTitle {
  color: #8e8e93;
}

html.light-theme .ChatsPanel-module__JWruaW__chatMessage {
  color: #afb7d2;
}

.ChatsPanel-module__JWruaW__chatTitleNew {
  color: #fff;
  font-weight: 700;
}

.ChatsPanel-module__JWruaW__newMessageDot {
  background: #1d6cff;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.ChatsPanel-module__JWruaW__chatSpinner {
  animation: .8s linear infinite ChatsPanel-module__JWruaW__chatSpin;
}

@keyframes ChatsPanel-module__JWruaW__chatSpin {
  to {
    transform: rotate(360deg);
  }
}

/* [project]/src/components/AuthPopup/AuthPopup.module.css [app-client] (css) */
.AuthPopup-module__gYMDPG__overlay {
  isolation: isolate;
  background: #000000b3;
  justify-content: center;
  align-items: center;
  padding: 24px;
  animation: .2s AuthPopup-module__gYMDPG__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
  z-index: 99999 !important;
}

@keyframes AuthPopup-module__gYMDPG__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.AuthPopup-module__gYMDPG__container {
  background: #0e0c15;
  border: 1px solid #414963;
  border-radius: 20px;
  width: 100%;
  max-width: 440px;
  padding: 32px;
  animation: .3s AuthPopup-module__gYMDPG__slideUp;
  position: relative;
}

@keyframes AuthPopup-module__gYMDPG__slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.AuthPopup-module__gYMDPG__closeButton {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: background .2s;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
}

.AuthPopup-module__gYMDPG__closeButton:hover {
  background: #41496333;
}

.AuthPopup-module__gYMDPG__title {
  color: #fff;
  text-align: center;
  margin: 0 0 24px;
  font-size: 28px;
  font-weight: 700;
}

.AuthPopup-module__gYMDPG__form {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.AuthPopup-module__gYMDPG__inputGroup {
  width: 100%;
}

.AuthPopup-module__gYMDPG__input {
  color: #fff;
  box-sizing: border-box;
  background: #4149631a;
  border: 1px solid #4149634d;
  border-radius: 12px;
  outline: none;
  width: 100%;
  padding: 14px 16px;
  font-size: 15px;
  transition: border-color .2s;
}

.AuthPopup-module__gYMDPG__input::placeholder {
  color: #fff6;
}

.AuthPopup-module__gYMDPG__input:focus {
  border-color: #1d6cff;
}

.AuthPopup-module__gYMDPG__checkboxLabel {
  cursor: pointer;
  align-items: flex-start;
  gap: 10px;
  margin-top: 4px;
  display: flex;
}

.AuthPopup-module__gYMDPG__checkbox {
  accent-color: #1d6cff;
  cursor: pointer;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-top: 2px;
}

.AuthPopup-module__gYMDPG__checkboxText {
  color: #ffffffb3;
  font-size: 13px;
  line-height: 1.4;
}

.AuthPopup-module__gYMDPG__submitButton {
  color: #fff;
  cursor: pointer;
  background: #1d6cff;
  border: none;
  border-radius: 14px;
  width: 100%;
  margin-top: 8px;
  padding: 16px;
  font-size: 16px;
  font-weight: 600;
  transition: background .2s, transform .2s;
}

.AuthPopup-module__gYMDPG__submitButton:hover {
  background: #1838b5;
}

.AuthPopup-module__gYMDPG__errorMessage {
  color: #f44;
  text-align: center;
  margin-top: 8px;
  font-size: 13px;
}

.AuthPopup-module__gYMDPG__submitButton:active {
  transform: scale(.98);
}

.AuthPopup-module__gYMDPG__divider {
  align-items: center;
  margin: 24px 0;
  display: flex;
}

.AuthPopup-module__gYMDPG__divider:before, .AuthPopup-module__gYMDPG__divider:after {
  content: "";
  background: #4149634d;
  flex: 1;
  height: 1px;
}

.AuthPopup-module__gYMDPG__divider span {
  color: #ffffff80;
  white-space: nowrap;
  padding: 0 16px;
  font-size: 13px;
}

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

.AuthPopup-module__gYMDPG__socialButton {
  cursor: pointer;
  background: #4149631a;
  border: 1px solid #41496333;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  padding: 6px;
  transition: all .2s;
  display: flex;
}

.AuthPopup-module__gYMDPG__socialButton:hover {
  background: #41496333;
  transform: translateY(-2px);
}

.AuthPopup-module__gYMDPG__socialButton:active {
  transform: translateY(0);
}

.AuthPopup-module__gYMDPG__switchText {
  text-align: center;
  color: #fff9;
  margin-top: 24px;
  font-size: 14px;
}

.AuthPopup-module__gYMDPG__switchButton {
  color: #1d6cff;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  transition: color .2s;
}

.AuthPopup-module__gYMDPG__switchButton:hover {
  color: #1838b5;
  text-decoration: underline;
}

body.light-theme .AuthPopup-module__gYMDPG__container {
  background: #fff;
  border: 1px solid #e6e9f5;
  box-shadow: 0 8px 32px #0000001a;
}

body.light-theme .AuthPopup-module__gYMDPG__title {
  color: #414963;
}

body.light-theme .AuthPopup-module__gYMDPG__input {
  color: #414963;
  background: #f5f6fa;
  border-color: #e6e9f5;
}

body.light-theme .AuthPopup-module__gYMDPG__input::placeholder {
  color: #41496366;
}

body.light-theme .AuthPopup-module__gYMDPG__input:focus {
  border-color: #1d6cff;
}

body.light-theme .AuthPopup-module__gYMDPG__checkboxText {
  color: #414963b3;
}

body.light-theme .AuthPopup-module__gYMDPG__divider span {
  color: #41496380;
}

body.light-theme .AuthPopup-module__gYMDPG__divider:before {
  background: #e6e9f5;
}

body.light-theme .AuthPopup-module__gYMDPG__divider:after {
  background: #e6e9f5;
}

body.light-theme .AuthPopup-module__gYMDPG__switchText {
  color: #41496399;
}

body.light-theme .AuthPopup-module__gYMDPG__socialButton {
  background: #f5f6fa;
  border-color: #e6e9f5;
}

body.light-theme .AuthPopup-module__gYMDPG__socialButton:hover {
  background: #eef0f7;
}

body.light-theme .AuthPopup-module__gYMDPG__closeButton:hover {
  background: #f5f6fa;
}

@media (max-width: 480px) {
  .AuthPopup-module__gYMDPG__container {
    padding: 24px 20px;
  }

  .AuthPopup-module__gYMDPG__title {
    font-size: 24px;
  }

  .AuthPopup-module__gYMDPG__input {
    padding: 12px 14px;
    font-size: 14px;
  }

  .AuthPopup-module__gYMDPG__submitButton {
    padding: 14px;
    font-size: 15px;
  }

  .AuthPopup-module__gYMDPG__socialButton {
    width: 46px;
    height: 46px;
  }

  .AuthPopup-module__gYMDPG__socialIcons {
    gap: 8px;
  }
}

/* [project]/src/components/layout/Header.module.css [app-client] (css) */
@keyframes Header-module__lnUIdW__pulse-accent {
  0% {
    box-shadow: 0 0 #1d6cff80;
  }

  50% {
    box-shadow: 0 0 0 8px #1d6cff33;
  }

  100% {
    box-shadow: 0 0 #1d6cff00;
  }
}

.Header-module__lnUIdW__header {
  z-index: 999;
  pointer-events: none;
  background: none;
  width: 100%;
  transition: all .3s;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
}

.Header-module__lnUIdW__menuSpacer {
  pointer-events: auto;
  flex-shrink: 0;
  width: 30%;
}

.contentWrapper:has(.menu.collapsed) .Header-module__lnUIdW__menuSpacer {
  width: 60px;
}

.Header-module__lnUIdW__header > * {
  pointer-events: auto;
}

body.Header-module__lnUIdW__notificationVisible .Header-module__lnUIdW__header {
  top: 40px;
}

.Header-module__lnUIdW__header.Header-module__lnUIdW__scrolled {
  -webkit-backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;
}

@supports not ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) {
  .Header-module__lnUIdW__header.Header-module__lnUIdW__scrolled {
    background: #000000b3;
    box-shadow: 0 4px 30px #0000001a;
  }
}

.Header-module__lnUIdW__container {
  z-index: 1;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  padding: 16px 40px;
  display: flex;
  position: relative;
}

.Header-module__lnUIdW__leftBlock {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  box-shadow: var(--block-shadow);
  cursor: pointer;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 8px 11px;
  transition: all .3s;
  display: none;
}

.Header-module__lnUIdW__leftBlock svg {
  stroke: var(--icon-color);
  transition: stroke .3s;
}

.Header-module__lnUIdW__leftBlock:hover {
  background: var(--bg-tertiary);
}

.Header-module__lnUIdW__centerBlock {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  box-shadow: var(--block-shadow);
  cursor: pointer;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  transition: all .3s;
  display: flex;
}

.Header-module__lnUIdW__centerBlock svg {
  stroke: var(--icon-color);
  color: var(--icon-color);
  transition: stroke .3s, color .3s, filter .3s;
}

.Header-module__lnUIdW__onlineCounter {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  box-shadow: var(--block-shadow);
  min-height: 45px;
  color: var(--text-color, #e0e0e0);
  white-space: nowrap;
  cursor: default;
  border-radius: 20px;
  align-items: center;
  gap: 8px;
  margin-right: 12px;
  padding: 8px 14px;
  font-size: 14px;
  transition: all .3s;
  display: flex;
}

.Header-module__lnUIdW__onlineDot {
  background: #4caf50;
  border-radius: 50%;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  animation: 2s ease-in-out infinite Header-module__lnUIdW__onlinePulse;
}

@keyframes Header-module__lnUIdW__onlinePulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .25;
  }
}

.Header-module__lnUIdW__centerBlock:hover {
  background: var(--bg-tertiary);
}

.Header-module__lnUIdW__iconActive {
  stroke: var(--icon-active-color) !important;
  color: var(--icon-active-color) !important;
}

body:not(.Header-module__lnUIdW__light-theme) .Header-module__lnUIdW__iconActive {
  filter: drop-shadow(0 0 6px #fff9);
}

.Header-module__lnUIdW__switchContainer {
  align-items: center;
  gap: 12px;
  display: flex;
}

.Header-module__lnUIdW__switch {
  background: var(--switch-active-bg);
  cursor: pointer;
  border-radius: 24px;
  align-items: center;
  width: 48px;
  height: 24px;
  padding: 0 4px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.Header-module__lnUIdW__switch:not(.Header-module__lnUIdW__active) {
  background: var(--switch-inactive-bg);
  border: 1px solid var(--switch-inactive-border);
}

.Header-module__lnUIdW__switchKnob {
  background: var(--switch-knob-active);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  transition: transform .3s, background .3s;
  transform: translateX(0);
}

.Header-module__lnUIdW__switch.Header-module__lnUIdW__active .Header-module__lnUIdW__switchKnob {
  background: var(--switch-knob-active);
  transform: translateX(24px);
}

.Header-module__lnUIdW__switch:not(.Header-module__lnUIdW__active) .Header-module__lnUIdW__switchKnob {
  background: var(--switch-knob-inactive);
  transform: translateX(0);
}

.Header-module__lnUIdW__switchContainer svg {
  cursor: pointer;
  transition: all .3s;
}

.Header-module__lnUIdW__switchContainer svg:hover {
  filter: drop-shadow(0 0 4px #1d6cff);
  transform: scale(1.05);
}

.Header-module__lnUIdW__loginButton {
  text-align: center;
  background: var(--accent-color);
  color: #fff;
  cursor: pointer;
  background-clip: padding-box;
  border: 1px solid #0000;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  min-width: 80px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background .3s, transform .3s;
  animation: 2s infinite Header-module__lnUIdW__pulse-accent;
  display: flex;
  position: relative;
}

.Header-module__lnUIdW__loginButton:hover {
  background: var(--accent-hover);
  animation: none;
}

.Header-module__lnUIdW__userInfoWrapper {
  position: relative;
}

.Header-module__lnUIdW__userButton {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  box-shadow: var(--block-shadow);
  color: var(--text-color, #e0e0e0);
  cursor: pointer;
  white-space: nowrap;
  border-radius: 20px;
  align-items: center;
  gap: 6px;
  min-height: 45px;
  padding: 8px 14px;
  font-size: 14px;
  transition: all .3s;
  display: flex;
}

.Header-module__lnUIdW__userButton:hover {
  background: var(--bg-tertiary);
}

.Header-module__lnUIdW__userName {
  color: var(--text-color, #e0e0e0);
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
}

.Header-module__lnUIdW__dropdownArrow {
  flex-shrink: 0;
  transition: transform .2s;
}

.Header-module__lnUIdW__arrowUp {
  transform: rotate(180deg);
}

.Header-module__lnUIdW__profileDropdown {
  z-index: 1000;
  background: #1a1d2e;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  min-width: 220px;
  padding: 6px;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  box-shadow: 0 8px 32px #0006;
}

.Header-module__lnUIdW__profileDropdownItem {
  color: var(--text-color, #e0e0e0);
  cursor: pointer;
  box-sizing: border-box;
  background: none;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  text-decoration: none;
  transition: background .15s;
  display: flex;
}

.Header-module__lnUIdW__profileDropdownItem:hover {
  background: #ffffff0f;
}

.Header-module__lnUIdW__profileDropdownItem span {
  white-space: nowrap;
}

.Header-module__lnUIdW__profileDivider {
  background: #ffffff14;
  height: 1px;
  margin: 4px 6px;
}

@media (max-width: 1280px) {
  .Header-module__lnUIdW__header {
    width: 76.6%;
  }
}

.Header-module__lnUIdW__mobLogo {
  margin-right: auto;
  display: none;
}

@media (max-width: 768px) {
  .Header-module__lnUIdW__header {
    width: 100%;
    padding: 12px 16px;
  }

  .Header-module__lnUIdW__mobLogo {
    display: block;
  }

  .Header-module__lnUIdW__mobLogo a {
    align-items: center;
    gap: 5px;
    display: flex;
  }

  .Header-module__lnUIdW__container {
    gap: 8px;
  }

  .Header-module__lnUIdW__leftBlock, .Header-module__lnUIdW__centerBlock {
    padding: 6px;
  }

  .Header-module__lnUIdW__leftBlock svg, .Header-module__lnUIdW__centerBlock svg {
    width: 18px;
    height: 18px;
  }

  .Header-module__lnUIdW__loginButton {
    min-width: 60px;
    padding: 8px 16px;
    font-size: 12px;
  }

  .Header-module__lnUIdW__switchContainer svg {
    width: 20px;
    height: 20px;
  }

  .Header-module__lnUIdW__switch {
    width: 40px;
    height: 20px;
  }

  .Header-module__lnUIdW__switchKnob {
    width: 14px;
    height: 14px;
  }

  .Header-module__lnUIdW__switch.Header-module__lnUIdW__active .Header-module__lnUIdW__switchKnob {
    transform: translateX(20px);
  }
}

@media (max-width: 600px) {
  .Header-module__lnUIdW__mobLogo .Header-module__lnUIdW__logoText {
    display: none;
  }
}

.Header-module__lnUIdW__iconGroup {
  align-items: center;
  gap: 8px;
  display: flex;
}

.Header-module__lnUIdW__alertIconWrapper {
  cursor: pointer;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  box-shadow: var(--block-shadow);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.Header-module__lnUIdW__alertIconWrapper svg {
  stroke: var(--icon-color);
  transition: stroke .3s;
}

.Header-module__lnUIdW__alertIconWrapper:hover {
  background: var(--bg-tertiary);
}

.Header-module__lnUIdW__tooltip {
  background: var(--bg-secondary);
  color: var(--text-primary);
  white-space: nowrap;
  z-index: 10000;
  box-shadow: var(--block-shadow);
  pointer-events: none;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 12px;
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}

.Header-module__lnUIdW__notificationIconWrapper {
  cursor: pointer;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  box-shadow: var(--block-shadow);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.Header-module__lnUIdW__notificationIconWrapper svg {
  stroke: var(--icon-color);
  transition: stroke .3s;
}

.Header-module__lnUIdW__notificationIconWrapper:hover {
  background: var(--bg-tertiary);
}

.Header-module__lnUIdW__notificationTooltip {
  background: var(--bg-secondary);
  color: var(--text-primary);
  white-space: nowrap;
  z-index: 10000;
  box-shadow: var(--block-shadow);
  pointer-events: none;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 12px;
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}

.Header-module__lnUIdW__modalOverlay {
  z-index: 20000;
  background: #000000b3;
  justify-content: center;
  align-items: center;
  animation: .2s Header-module__lnUIdW__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

@keyframes Header-module__lnUIdW__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.Header-module__lnUIdW__modalContent {
  background: #0e0c15;
  border: 1px solid #414963;
  border-radius: 16px;
  width: 90%;
  max-width: 480px;
  padding: 24px;
  animation: .3s Header-module__lnUIdW__slideUp;
  position: relative;
}

@keyframes Header-module__lnUIdW__slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.Header-module__lnUIdW__modalClose {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: background .2s;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
}

.Header-module__lnUIdW__modalClose:hover {
  background: #41496333;
}

.Header-module__lnUIdW__modalTitle {
  color: #fff;
  margin: 0 0 20px;
  font-size: 24px;
  font-weight: 600;
}

.Header-module__lnUIdW__modalTextarea {
  color: #fff;
  resize: vertical;
  background: #4149631a;
  border: 1px solid #4149634d;
  border-radius: 12px;
  outline: none;
  width: 100%;
  min-height: 100px;
  padding: 12px;
  font-size: 14px;
  transition: border-color .2s;
}

.Header-module__lnUIdW__modalTextarea:focus {
  border-color: #1d6cff;
}

.Header-module__lnUIdW__modalTextarea::placeholder {
  color: #fff6;
}

.Header-module__lnUIdW__modalScreenshot {
  text-align: center;
  color: #fff9;
  margin-top: 16px;
  font-size: 14px;
}

.Header-module__lnUIdW__screenshotIcon {
  justify-content: center;
  margin-top: 12px;
  display: flex;
}

.Header-module__lnUIdW__modalFooter {
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.Header-module__lnUIdW__modalIcons {
  gap: 8px;
  display: flex;
}

.Header-module__lnUIdW__modalIconBtn {
  cursor: pointer;
  background: #4149631a;
  border: 1px solid #41496333;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .2s;
  display: flex;
}

.Header-module__lnUIdW__modalIconBtn:hover {
  background: #41496333;
}

.Header-module__lnUIdW__modalIconBtn.Header-module__lnUIdW__active {
  background: #1d6cff;
  border-color: #1d6cff;
}

.Header-module__lnUIdW__modalSubmit {
  color: #fff;
  cursor: pointer;
  background: #1d6cff;
  border: none;
  border-radius: 10px;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 500;
  transition: background .2s;
}

.Header-module__lnUIdW__modalSubmit:hover {
  background: #1838b5;
}

.Header-module__lnUIdW__notificationModalOverlay {
  z-index: 20000;
  background: #0009;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: fixed;
  inset: 0;
}

.Header-module__lnUIdW__notificationModalContent {
  -webkit-backdrop-filter: blur(20px);
  background: #121825f2;
  border: 1px solid #4149634d;
  border-radius: 24px;
  width: 100%;
  max-width: 500px;
  max-height: 90vh;
  padding: 40px;
  position: relative;
  overflow-y: auto;
  box-shadow: 0 8px 32px #0000004d;
}

.Header-module__lnUIdW__notificationModalTitle {
  color: #fff;
  margin: 0 0 32px;
  font-size: 32px;
  font-weight: 700;
}

.Header-module__lnUIdW__notificationModalCloseBtn {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: background .2s;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
}

.Header-module__lnUIdW__notificationModalCloseBtn:hover {
  background: #41496333;
}

.Header-module__lnUIdW__notificationEmpty {
  text-align: center;
  color: #fff9;
  border: 1px dashed #4149634d;
  border-radius: 16px;
  padding: 48px 24px;
  font-size: 16px;
}

@media (max-width: 768px) {
  .Header-module__lnUIdW__iconGroup {
    gap: 4px;
  }

  .Header-module__lnUIdW__alertIconWrapper, .Header-module__lnUIdW__notificationIconWrapper {
    padding: 6px;
  }

  .Header-module__lnUIdW__alertIconWrapper svg, .Header-module__lnUIdW__notificationIconWrapper svg {
    width: 20px;
    height: 20px;
  }
}

:is(html.light-theme .Header-module__lnUIdW__leftBlock, html.light-theme .Header-module__lnUIdW__centerBlock) {
  background: #fff;
  border: 1px solid #e6e9f5;
  box-shadow: 0 4px 20px #0000000d;
}

:is(html.light-theme .Header-module__lnUIdW__leftBlock:hover, html.light-theme .Header-module__lnUIdW__centerBlock:hover) {
  background: #f5f6fa;
}

:is(html.light-theme .Header-module__lnUIdW__leftBlock svg, html.light-theme .Header-module__lnUIdW__centerBlock svg) {
  stroke: #afb7d2;
}

html.light-theme .Header-module__lnUIdW__iconActive {
  stroke: #414963 !important;
}

:is(html.light-theme .Header-module__lnUIdW__alertIconWrapper, html.light-theme .Header-module__lnUIdW__notificationIconWrapper) {
  background: #fff;
  border: 1px solid #e6e9f5;
}

:is(html.light-theme .Header-module__lnUIdW__alertIconWrapper svg, html.light-theme .Header-module__lnUIdW__notificationIconWrapper svg) {
  stroke: #afb7d2;
}

:is(html.light-theme .Header-module__lnUIdW__alertIconWrapper:hover, html.light-theme .Header-module__lnUIdW__notificationIconWrapper:hover) {
  background: #f5f6fa;
}

:is(html.light-theme .Header-module__lnUIdW__tooltip, html.light-theme .Header-module__lnUIdW__notificationTooltip) {
  color: #414963;
  background: #fff;
  border: 1px solid #e6e9f5;
}

html.light-theme .Header-module__lnUIdW__loginButton {
  color: #fff;
  background: #1d6cff;
}

html.light-theme .Header-module__lnUIdW__loginButton:hover {
  background: #1838b5;
}

html.light-theme .Header-module__lnUIdW__notificationModalContent {
  background: #fff;
  border: 1px solid #e6e9f5;
  box-shadow: 0 8px 32px #0000001a;
}

html.light-theme .Header-module__lnUIdW__notificationModalTitle {
  color: #414963;
}

html.light-theme .Header-module__lnUIdW__notificationModalCloseBtn:hover {
  background: #f5f6fa;
}

html.light-theme .Header-module__lnUIdW__notificationEmpty {
  color: #414963;
  border: 1px dashed #e6e9f5;
}

html.light-theme .Header-module__lnUIdW__notificationItem {
  background: #f5f6fa;
}

html.light-theme .Header-module__lnUIdW__notificationItem:hover {
  background: #eef0f7;
}

html.light-theme .Header-module__lnUIdW__notificationTitle {
  color: #414963;
}

html.light-theme .Header-module__lnUIdW__notificationDescription {
  color: #414963b3;
}

html.light-theme .Header-module__lnUIdW__notificationTime {
  color: #41496366;
}

.Header-module__lnUIdW__hamburgerButton {
  background: var(--bg-secondary);
  cursor: pointer;
  color: var(--icon-color);
  border: none;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: all .3s;
  display: flex;
}

.Header-module__lnUIdW__hamburgerButton:hover {
  background: var(--bg-tertiary);
}

.Header-module__lnUIdW__hamburgerButton svg {
  stroke: var(--icon-color);
  transition: stroke .3s;
}

.Header-module__lnUIdW__sidebarOverlay {
  opacity: 0;
  visibility: hidden;
  z-index: 1001;
  background: #000000b3;
  width: 100%;
  height: 100%;
  transition: all .3s;
  position: fixed;
  top: 0;
  left: 0;
}

.Header-module__lnUIdW__sidebarOverlay.Header-module__lnUIdW__overlayOpen {
  opacity: 1;
  visibility: visible;
}

.Header-module__lnUIdW__sidebar {
  border-right: 1px solid var(--border-color);
  z-index: 1002;
  -webkit-backdrop-filter: blur(10px);
  background: #121825fa;
  flex-direction: column;
  width: 320px;
  max-width: 85vw;
  height: 100vh;
  transition: transform .3s;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  transform: translateX(-100%);
}

.Header-module__lnUIdW__sidebar.Header-module__lnUIdW__sidebarOpen {
  transform: translateX(0);
}

.Header-module__lnUIdW__sidebarHeader {
  border-bottom: 1px solid var(--border-color);
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  display: flex;
}

.Header-module__lnUIdW__sidebarHeader a {
  align-items: center;
  display: flex;
}

.Header-module__lnUIdW__closeButton {
  cursor: pointer;
  color: var(--icon-color);
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: all .3s;
  display: flex;
}

.Header-module__lnUIdW__closeButton:hover {
  background: #1d6cff1a;
}

.Header-module__lnUIdW__closeButton svg {
  stroke: var(--icon-color);
}

.Header-module__lnUIdW__sidebarContent {
  flex: 1;
  padding: 16px 0;
  overflow-y: auto;
}

.Header-module__lnUIdW__sidebar .Header-module__lnUIdW__mobileHorizontalMenu {
  display: none !important;
}

.Header-module__lnUIdW__sidebar .Header-module__lnUIdW__menu {
  -webkit-backdrop-filter: none !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  max-width: none !important;
  margin-top: 0 !important;
  position: static !important;
}

.Header-module__lnUIdW__sidebar .Header-module__lnUIdW__hiddenMenuWrapper {
  display: none !important;
}

@media (max-width: 768px) {
  .Header-module__lnUIdW__header {
    width: 100%;
    padding: 12px 16px;
  }

  .Header-module__lnUIdW__mobLogo {
    display: block;
  }

  .Header-module__lnUIdW__container {
    padding: 16px 0;
  }

  .Header-module__lnUIdW__hamburgerButton {
    display: flex;
  }

  .Header-module__lnUIdW__menuSpacer {
    display: none;
  }

  .Header-module__lnUIdW__userInfoWrapper, .Header-module__lnUIdW__alertIconWrapper {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .Header-module__lnUIdW__hamburgerButton {
    display: none;
  }
}

/* [project]/src/components/CookieConsent/CookieConsent.module.css [app-client] (css) */
@keyframes CookieConsent-module__ORNcuG__pulse-accent {
  0% {
    box-shadow: 0 0 #1d6cff80;
  }

  50% {
    box-shadow: 0 0 0 8px #1d6cff33;
  }

  100% {
    box-shadow: 0 0 #1d6cff00;
  }
}

.CookieConsent-module__ORNcuG__overlay {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 9998;
  background: #00000080;
  position: fixed;
  inset: 0;
}

.CookieConsent-module__ORNcuG__cookieContainer {
  z-index: 9999;
  background: #121825;
  border: 1px solid #4149634d;
  border-radius: 24px;
  width: 90%;
  padding: 24px;
  animation: .3s CookieConsent-module__ORNcuG__slideUp;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 4px 20px #0000004d;
}

@keyframes CookieConsent-module__ORNcuG__slideUp {
  from {
    opacity: 0;
    transform: translateX(-50%)translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)translateY(0);
  }
}

.CookieConsent-module__ORNcuG__cookieContent {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.CookieConsent-module__ORNcuG__header {
  align-items: center;
  gap: 12px;
  display: flex;
}

.CookieConsent-module__ORNcuG__title {
  color: #fff;
  margin: 0;
  font-family: Magistral, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.CookieConsent-module__ORNcuG__description {
  color: #fff;
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

.CookieConsent-module__ORNcuG__buttonsRow {
  gap: 12px;
  display: flex;
}

.CookieConsent-module__ORNcuG__rejectButton {
  color: #fffc;
  cursor: pointer;
  background: #41496333;
  border: 1px solid #41496380;
  border-radius: 12px;
  flex: 1;
  padding: 12px 16px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: all .3s;
}

.CookieConsent-module__ORNcuG__rejectButton:hover {
  background: #41496366;
}

.CookieConsent-module__ORNcuG__acceptButton {
  color: #fff;
  cursor: pointer;
  background: #1d6cff;
  border: none;
  border-radius: 12px;
  flex: 1;
  padding: 12px 16px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  transition: background .3s, transform .3s;
  animation: 2s infinite CookieConsent-module__ORNcuG__pulse-accent;
}

.CookieConsent-module__ORNcuG__acceptButton:hover {
  background: #1838b5;
  animation: none;
  transform: translateY(-2px);
}

.CookieConsent-module__ORNcuG__infoBlock {
  align-items: center;
  gap: 15px;
  display: flex;
}

.CookieConsent-module__ORNcuG__infoBlock img {
  width: 107px;
  height: 107px;
}

.CookieConsent-module__ORNcuG__textBlock {
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  display: flex;
}

.CookieConsent-module__ORNcuG__textBlock a {
  color: #1d6cff;
}

.CookieConsent-module__ORNcuG__textBlock p {
  color: #fff;
}

@media (max-width: 768px) {
  .CookieConsent-module__ORNcuG__cookieContainer {
    width: calc(100% - 32px);
    padding: 20px;
    bottom: 16px;
  }

  .CookieConsent-module__ORNcuG__buttonsRow {
    flex-direction: column;
  }

  .CookieConsent-module__ORNcuG__title {
    font-size: 18px;
  }

  .CookieConsent-module__ORNcuG__description {
    font-size: 13px;
  }
}

body.light-theme .CookieConsent-module__ORNcuG__cookieContainer {
  background: #fff;
  border: 1px solid #e6e9f5;
  box-shadow: 0 4px 20px #00000014;
}

body.light-theme .CookieConsent-module__ORNcuG__title {
  color: #414963;
}

body.light-theme .CookieConsent-module__ORNcuG__description {
  color: #414963;
}

body.light-theme .CookieConsent-module__ORNcuG__textBlock p {
  color: #414963;
}

body.light-theme .CookieConsent-module__ORNcuG__rejectButton {
  color: #414963;
  background: #f5f6fa;
  border: 1px solid #e6e9f5;
}

body.light-theme .CookieConsent-module__ORNcuG__acceptButton {
  color: #fff;
  background: #1d6cff;
}

/* [project]/src/components/NewModelNotification/NewModelNotification.module.css [app-client] (css) */
.NewModelNotification-module__dGxUqq__notification {
  -webkit-backdrop-filter: blur(10px);
  z-index: 9999;
  background: linear-gradient(90deg, #bd14c5e6 0%, #006fffe6 100%);
  justify-content: center;
  align-items: center;
  height: 40px;
  animation: .3s ease-out NewModelNotification-module__dGxUqq__slideDown;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 2px 10px #0000004d;
}

@keyframes NewModelNotification-module__dGxUqq__slideDown {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.NewModelNotification-module__dGxUqq__content {
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  padding: 0 24px;
  display: flex;
}

.NewModelNotification-module__dGxUqq__icon {
  flex-shrink: 0;
  font-size: 18px;
}

.NewModelNotification-module__dGxUqq__text {
  color: #fff;
  text-align: center;
  flex: 1;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.NewModelNotification-module__dGxUqq__text strong {
  color: #ffe066;
  margin-right: 4px;
}

.NewModelNotification-module__dGxUqq__closeButton {
  cursor: pointer;
  color: #fff;
  background: #fff3;
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.NewModelNotification-module__dGxUqq__closeButton:hover {
  background: #ffffff4d;
  transform: scale(1.1);
}

.NewModelNotification-module__dGxUqq__closeButton:active {
  transform: scale(.95);
}

@media (max-width: 768px) {
  .NewModelNotification-module__dGxUqq__text {
    gap: 8px;
    font-size: 11px;
  }

  .NewModelNotification-module__dGxUqq__content {
    gap: 8px;
    padding: 0 16px;
  }

  .NewModelNotification-module__dGxUqq__icon {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .NewModelNotification-module__dGxUqq__text {
    font-size: 10px;
  }

  .NewModelNotification-module__dGxUqq__content {
    padding: 0 12px;
  }
}

/* [project]/src/components/TopUpModal/TopUpModal.module.css [app-client] (css) */
.TopUpModal-module__z3geIq__modalOverlay {
  background: #0009;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: fixed;
  inset: 0;
  z-index: 2000 !important;
}

.TopUpModal-module__z3geIq__modalContent {
  background: var(--bg-primary);
  border: 1px solid var(--border-color);
  width: 100%;
  max-width: fit-content;
  box-shadow: var(--block-shadow);
  border-radius: 24px;
  padding: 40px;
  position: relative;
}

.TopUpModal-module__z3geIq__modalTitle {
  text-align: center;
  color: var(--text-primary);
  margin: 0 0 40px;
  font-size: 24px;
  font-weight: 700;
}

.TopUpModal-module__z3geIq__row {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.TopUpModal-module__z3geIq__amountControl {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.TopUpModal-module__z3geIq__submitBtn {
  color: #fff;
  cursor: pointer;
  background: #1d6cff;
  border: none;
  border-radius: 16px;
  flex: 1;
  max-width: 200px;
  padding: 18px;
  font-size: 16px;
  font-weight: 600;
  transition: transform .2s, box-shadow .2s;
}

.TopUpModal-module__z3geIq__submitBtn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px #1d6cff66;
}

.TopUpModal-module__z3geIq__submitBtn:active {
  transform: translateY(0);
}

.TopUpModal-module__z3geIq__amountButton {
  color: #1d6cff;
  cursor: pointer;
  background: #1d6cff1a;
  border: 1px solid #1d6cff4d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: all .2s;
  display: flex;
}

.TopUpModal-module__z3geIq__amountButton:hover:not(:disabled) {
  background: #1d6cff33;
  transform: scale(1.05);
}

.TopUpModal-module__z3geIq__amountButton:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.TopUpModal-module__z3geIq__amountValue {
  color: var(--text-primary);
  text-align: center;
  min-width: 120px;
  font-size: 32px;
  font-weight: 700;
}

.TopUpModal-module__z3geIq__modalCloseBtn {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: background .2s;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
}

.TopUpModal-module__z3geIq__modalCloseBtn:hover {
  background: #ffffff1a;
}

/* [project]/src/app/globals.css [app-client] (css) */
:root {
  --bg-primary: #0a0a0f;
  --bg-secondary: #12182533;
  --bg-tertiary: #12182566;
  --text-primary: #fff;
  --text-secondary: #ededed;
  --text-muted: #414963;
  --border-color: #121825;
  --accent-color: #1d6cff;
  --accent-hover: #1838b5;
  --switch-active-bg: #1d6cff;
  --switch-inactive-bg: transparent;
  --switch-inactive-border: #414963;
  --switch-knob-active: #0e0c15;
  --switch-knob-inactive: #414963;
  --icon-color: #414963;
  --icon-active-color: #fff;
  --block-shadow: 0px 4px 20px 0px #0003;
  --logo-text-color: #fff;
  --menu-bg: #0a0a0fcc;
  --dropdown-bg: #162039f2;
}

html.light-theme, html.light-theme body {
  --bg-primary: #fff;
  --bg-secondary: #fff;
  --bg-tertiary: #f5f6fa;
  --text-primary: #414963;
  --text-secondary: #414963;
  --text-muted: #414963;
  --border-color: #e6e9f5;
  --accent-color: #1d6cff;
  --accent-hover: #1838b5;
  --switch-active-bg: #1d6cff;
  --switch-inactive-bg: transparent;
  --switch-inactive-border: #414963;
  --switch-knob-active: #0e0c15;
  --switch-knob-inactive: #414963;
  --icon-color: #afb7d2;
  --icon-active-color: #414963;
  --block-shadow: 0px 4px 20px 0px #0000000d;
  --link-color: #e6e9f5;
  --logo-text-color: #0a0a0f;
  --menu-bg: #ffffffe6;
  --dropdown-bg: #fffffffa;
}

:root {
  --background: var(--bg-primary);
  --foreground: var(--text-primary);
}

@keyframes pulse-accent {
  0% {
    box-shadow: 0 0 #1d6cff80;
  }

  50% {
    box-shadow: 0 0 0 8px #1d6cff33;
  }

  100% {
    box-shadow: 0 0 #1d6cff00;
  }
}

.pulse-accent {
  will-change: box-shadow;
  animation: 2s infinite pulse-accent;
}

@font-face {
  font-family: Magistral;
  src: url("/fonts/Magistral-Book.woff2") format("woff2"), url("/fonts/Magistral-Book.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Magistral;
  src: url("/fonts/Magistral-Bold.woff2") format("woff2"), url("/fonts/Magistral-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Magistral;
  src: url("/fonts/Magistral-Medium.woff2") format("woff2"), url("/fonts/Magistral-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@media (prefers-reduced-motion: no-preference) {
  main.mainContent:after {
    content: "";
    filter: blur(80px);
    z-index: 0;
    will-change: transform;
    opacity: .4;
    contain: layout style;
    background: #bd14c5;
    border-radius: 50%;
    width: 300px;
    height: 300px;
    transition: right .3s;
    position: fixed;
    top: 150px;
    right: 300px;
  }

  main.mainContent:before {
    content: "";
    filter: blur(80px);
    z-index: 0;
    will-change: transform;
    opacity: .4;
    contain: layout style;
    background: #006fff;
    border-radius: 50%;
    width: 300px;
    height: 300px;
    transition: left .3s;
    position: fixed;
    top: 150px;
    left: 600px;
  }

  .contentWrapper:has(.menu.collapsed) main.mainContent:after {
    right: 200px;
  }

  .contentWrapper:has(.menu.collapsed) main.mainContent:before {
    left: 500px;
  }
}

@media (prefers-reduced-motion: reduce) {
  main:after, main:before {
    filter: blur();
    opacity: .3;
  }
}

html {
  height: 100%;
}

html, body {
  max-width: 100vw;
}

body {
  min-height: 100%;
  color: var(--text-primary);
  background: var(--bg-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  flex-direction: column;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  transition: background-color .3s, color .3s;
  display: flex;
  overflow-x: hidden;
}

body.no-scroll {
  overflow: hidden !important;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

.contentWrapper {
  align-items: flex-start;
  min-height: calc(100vh - 80px);
  margin-top: 80px;
  transition: all .3s;
  display: flex;
}

body.notificationVisible .contentWrapper {
  margin-top: 120px;
}

body.notificationVisible .menu {
  top: 40px;
}

body.notificationVisible header {
  top: 40px !important;
}

main.mainContent {
  flex: 1;
  width: 70%;
  min-width: 0;
  margin-left: auto;
  padding: 0 40px;
  transition: width .3s, max-width .3s;
}

.contentWrapper:has(.menu.collapsed) main.mainContent {
  width: 88% !important;
  max-width: calc(100% - 100px) !important;
}

@media (prefers-color-scheme: dark) {
  html {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }
}

@media (max-width: 1700px) {
  main.mainContent {
    width: 68%;
    margin-left: auto;
    padding: 0;
  }

  .contentWrapper:has(.menu.collapsed) main.mainContent {
    width: 85% !important;
  }
}

@media (max-width: 1380px) {
  main.mainContent {
    width: 65%;
    margin-left: auto;
  }

  .contentWrapper:has(.menu.collapsed) main.mainContent {
    width: 82% !important;
  }
}

@media (max-width: 1280px) {
  main.mainContent {
    width: 62%;
    margin-left: auto;
  }

  .contentWrapper:has(.menu.collapsed) main.mainContent {
    width: 80% !important;
  }
}

@media (max-width: 1024px) {
  main.mainContent {
    width: 60%;
  }

  .contentWrapper:has(.menu.collapsed) main.mainContent {
    width: 78% !important;
  }
}

@media (max-width: 768px) {
  main.mainContent {
    width: 100%;
    padding: 0 15px;
    margin-top: 128px !important;
  }

  .contentWrapper:has(.menu.collapsed) main.mainContent {
    width: 95% !important;
  }

  .contentWrapper {
    margin-top: 0;
  }

  body.notificationVisible main.mainContent {
    margin-top: 168px !important;
  }

  [class*="Slider"] [class*="slider"], [class*="slider"] {
    touch-action: pan-y !important;
    overflow: hidden !important;
  }

  .contentWrapper > [data-testid="left-menu"] {
    transition: transform .3s;
    transform: translateX(-100%);
    z-index: 1002 !important;
    background: #121825 !important;
    width: 320px !important;
    max-width: 85vw !important;
    margin-top: 0 !important;
    padding: 0 10px !important;
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
  }

  html.mobile-menu-open .contentWrapper > [data-testid="left-menu"] {
    transform: translateX(0);
  }

  html.mobile-menu-open .contentWrapper > [data-testid="left-menu"] [class*="menu_item"] span, html.mobile-menu-open .contentWrapper > [data-testid="left-menu"] [class*="dropdownTrigger"] span {
    display: block !important;
  }

  html.mobile-menu-open .contentWrapper:before {
    content: "";
    z-index: 1001;
    background: #000000b3;
    position: fixed;
    inset: 0;
  }

  html.mobile-menu-open .contentWrapper > main {
    pointer-events: none;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__01fkpbe._.css.map*/