@charset "UTF-8";@keyframes szh-menu-show-slide-left {
  from {
    opacity: 0;
    transform: translateX(0.75rem);
  }
}
@keyframes szh-menu-hide-slide-left {
  to {
    opacity: 0;
    transform: translateX(0.75rem);
  }
}
@keyframes szh-menu-show-slide-right {
  from {
    opacity: 0;
    transform: translateX(-0.75rem);
  }
}
@keyframes szh-menu-hide-slide-right {
  to {
    opacity: 0;
    transform: translateX(-0.75rem);
  }
}
@keyframes szh-menu-show-slide-top {
  from {
    opacity: 0;
    transform: translateY(0.75rem);
  }
}
@keyframes szh-menu-hide-slide-top {
  to {
    opacity: 0;
    transform: translateY(0.75rem);
  }
}
@keyframes szh-menu-show-slide-bottom {
  from {
    opacity: 0;
    transform: translateY(-0.75rem);
  }
}
@keyframes szh-menu-hide-slide-bottom {
  to {
    opacity: 0;
    transform: translateY(-0.75rem);
  }
}
.szh-menu--state-opening.szh-menu--dir-left {
  animation: szh-menu-show-slide-left 0.15s ease-out;
}

.szh-menu--state-closing.szh-menu--dir-left {
  animation: szh-menu-hide-slide-left 0.15s ease-in forwards;
}

.szh-menu--state-opening.szh-menu--dir-right {
  animation: szh-menu-show-slide-right 0.15s ease-out;
}

.szh-menu--state-closing.szh-menu--dir-right {
  animation: szh-menu-hide-slide-right 0.15s ease-in forwards;
}

.szh-menu--state-opening.szh-menu--dir-top {
  animation: szh-menu-show-slide-top 0.15s ease-out;
}

.szh-menu--state-closing.szh-menu--dir-top {
  animation: szh-menu-hide-slide-top 0.15s ease-in forwards;
}

.szh-menu--state-opening.szh-menu--dir-bottom {
  animation: szh-menu-show-slide-bottom 0.15s ease-out;
}

.szh-menu--state-closing.szh-menu--dir-bottom {
  animation: szh-menu-hide-slide-bottom 0.15s ease-in forwards;
}

iframe#webpack-dev-server-client-overlay {
  display: none !important;
}

@layer theme, base, components, utilities;
@layer theme {
  @theme default {
    --font-sans:
      ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono:
      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-red-950: oklch(25.8% 0.092 26.042);
    --color-orange-50: oklch(98% 0.016 73.684);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-200: oklch(90.1% 0.076 70.697);
    --color-orange-300: oklch(83.7% 0.128 66.29);
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-orange-600: oklch(64.6% 0.222 41.116);
    --color-orange-700: oklch(55.3% 0.195 38.402);
    --color-orange-800: oklch(47% 0.157 37.304);
    --color-orange-900: oklch(40.8% 0.123 38.172);
    --color-orange-950: oklch(26.6% 0.079 36.259);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-amber-950: oklch(27.9% 0.077 45.635);
    --color-yellow-50: oklch(98.7% 0.026 102.212);
    --color-yellow-100: oklch(97.3% 0.071 103.193);
    --color-yellow-200: oklch(94.5% 0.129 101.54);
    --color-yellow-300: oklch(90.5% 0.182 98.111);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-yellow-600: oklch(68.1% 0.162 75.834);
    --color-yellow-700: oklch(55.4% 0.135 66.442);
    --color-yellow-800: oklch(47.6% 0.114 61.907);
    --color-yellow-900: oklch(42.1% 0.095 57.708);
    --color-yellow-950: oklch(28.6% 0.066 53.813);
    --color-lime-50: oklch(98.6% 0.031 120.757);
    --color-lime-100: oklch(96.7% 0.067 122.328);
    --color-lime-200: oklch(93.8% 0.127 124.321);
    --color-lime-300: oklch(89.7% 0.196 126.665);
    --color-lime-400: oklch(84.1% 0.238 128.85);
    --color-lime-500: oklch(76.8% 0.233 130.85);
    --color-lime-600: oklch(64.8% 0.2 131.684);
    --color-lime-700: oklch(53.2% 0.157 131.589);
    --color-lime-800: oklch(45.3% 0.124 130.933);
    --color-lime-900: oklch(40.5% 0.101 131.063);
    --color-lime-950: oklch(27.4% 0.072 132.109);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-300: oklch(87.1% 0.15 154.449);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-green-800: oklch(44.8% 0.119 151.328);
    --color-green-900: oklch(39.3% 0.095 152.535);
    --color-green-950: oklch(26.6% 0.065 152.934);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-300: oklch(84.5% 0.143 164.978);
    --color-emerald-400: oklch(76.5% 0.177 163.223);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-emerald-900: oklch(37.8% 0.077 168.94);
    --color-emerald-950: oklch(26.2% 0.051 172.552);
    --color-teal-50: oklch(98.4% 0.014 180.72);
    --color-teal-100: oklch(95.3% 0.051 180.801);
    --color-teal-200: oklch(91% 0.096 180.426);
    --color-teal-300: oklch(85.5% 0.138 181.071);
    --color-teal-400: oklch(77.7% 0.152 181.912);
    --color-teal-500: oklch(70.4% 0.14 182.503);
    --color-teal-600: oklch(60% 0.118 184.704);
    --color-teal-700: oklch(51.1% 0.096 186.391);
    --color-teal-800: oklch(43.7% 0.078 188.216);
    --color-teal-900: oklch(38.6% 0.063 188.416);
    --color-teal-950: oklch(27.7% 0.046 192.524);
    --color-cyan-50: oklch(98.4% 0.019 200.873);
    --color-cyan-100: oklch(95.6% 0.045 203.388);
    --color-cyan-200: oklch(91.7% 0.08 205.041);
    --color-cyan-300: oklch(86.5% 0.127 207.078);
    --color-cyan-400: oklch(78.9% 0.154 211.53);
    --color-cyan-500: oklch(71.5% 0.143 215.221);
    --color-cyan-600: oklch(60.9% 0.126 221.723);
    --color-cyan-700: oklch(52% 0.105 223.128);
    --color-cyan-800: oklch(45% 0.085 224.283);
    --color-cyan-900: oklch(39.8% 0.07 227.392);
    --color-cyan-950: oklch(30.2% 0.056 229.695);
    --color-sky-50: oklch(97.7% 0.013 236.62);
    --color-sky-100: oklch(95.1% 0.026 236.824);
    --color-sky-200: oklch(90.1% 0.058 230.902);
    --color-sky-300: oklch(82.8% 0.111 230.318);
    --color-sky-400: oklch(74.6% 0.16 232.661);
    --color-sky-500: oklch(68.5% 0.169 237.323);
    --color-sky-600: oklch(58.8% 0.158 241.966);
    --color-sky-700: oklch(50% 0.134 242.749);
    --color-sky-800: oklch(44.3% 0.11 240.79);
    --color-sky-900: oklch(39.1% 0.09 240.876);
    --color-sky-950: oklch(29.3% 0.066 243.157);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-blue-950: oklch(28.2% 0.091 267.935);
    --color-indigo-50: oklch(96.2% 0.018 272.314);
    --color-indigo-100: oklch(93% 0.034 272.788);
    --color-indigo-200: oklch(87% 0.065 274.039);
    --color-indigo-300: oklch(78.5% 0.115 274.713);
    --color-indigo-400: oklch(67.3% 0.182 276.935);
    --color-indigo-500: oklch(58.5% 0.233 277.117);
    --color-indigo-600: oklch(51.1% 0.262 276.966);
    --color-indigo-700: oklch(45.7% 0.24 277.023);
    --color-indigo-800: oklch(39.8% 0.195 277.366);
    --color-indigo-900: oklch(35.9% 0.144 278.697);
    --color-indigo-950: oklch(25.7% 0.09 281.288);
    --color-violet-50: oklch(96.9% 0.016 293.756);
    --color-violet-100: oklch(94.3% 0.029 294.588);
    --color-violet-200: oklch(89.4% 0.057 293.283);
    --color-violet-300: oklch(81.1% 0.111 293.571);
    --color-violet-400: oklch(70.2% 0.183 293.541);
    --color-violet-500: oklch(60.6% 0.25 292.717);
    --color-violet-600: oklch(54.1% 0.281 293.009);
    --color-violet-700: oklch(49.1% 0.27 292.581);
    --color-violet-800: oklch(43.2% 0.232 292.759);
    --color-violet-900: oklch(38% 0.189 293.745);
    --color-violet-950: oklch(28.3% 0.141 291.089);
    --color-purple-50: oklch(97.7% 0.014 308.299);
    --color-purple-100: oklch(94.6% 0.033 307.174);
    --color-purple-200: oklch(90.2% 0.063 306.703);
    --color-purple-300: oklch(82.7% 0.119 306.383);
    --color-purple-400: oklch(71.4% 0.203 305.504);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-purple-700: oklch(49.6% 0.265 301.924);
    --color-purple-800: oklch(43.8% 0.218 303.724);
    --color-purple-900: oklch(38.1% 0.176 304.987);
    --color-purple-950: oklch(29.1% 0.149 302.717);
    --color-fuchsia-50: oklch(97.7% 0.017 320.058);
    --color-fuchsia-100: oklch(95.2% 0.037 318.852);
    --color-fuchsia-200: oklch(90.3% 0.076 319.62);
    --color-fuchsia-300: oklch(83.3% 0.145 321.434);
    --color-fuchsia-400: oklch(74% 0.238 322.16);
    --color-fuchsia-500: oklch(66.7% 0.295 322.15);
    --color-fuchsia-600: oklch(59.1% 0.293 322.896);
    --color-fuchsia-700: oklch(51.8% 0.253 323.949);
    --color-fuchsia-800: oklch(45.2% 0.211 324.591);
    --color-fuchsia-900: oklch(40.1% 0.17 325.612);
    --color-fuchsia-950: oklch(29.3% 0.136 325.661);
    --color-pink-50: oklch(97.1% 0.014 343.198);
    --color-pink-100: oklch(94.8% 0.028 342.258);
    --color-pink-200: oklch(89.9% 0.061 343.231);
    --color-pink-300: oklch(82.3% 0.12 346.018);
    --color-pink-400: oklch(71.8% 0.202 349.761);
    --color-pink-500: oklch(65.6% 0.241 354.308);
    --color-pink-600: oklch(59.2% 0.249 0.584);
    --color-pink-700: oklch(52.5% 0.223 3.958);
    --color-pink-800: oklch(45.9% 0.187 3.815);
    --color-pink-900: oklch(40.8% 0.153 2.432);
    --color-pink-950: oklch(28.4% 0.109 3.907);
    --color-rose-50: oklch(96.9% 0.015 12.422);
    --color-rose-100: oklch(94.1% 0.03 12.58);
    --color-rose-200: oklch(89.2% 0.058 10.001);
    --color-rose-300: oklch(81% 0.117 11.638);
    --color-rose-400: oklch(71.2% 0.194 13.428);
    --color-rose-500: oklch(64.5% 0.246 16.439);
    --color-rose-600: oklch(58.6% 0.253 17.585);
    --color-rose-700: oklch(51.4% 0.222 16.935);
    --color-rose-800: oklch(45.5% 0.188 13.697);
    --color-rose-900: oklch(41% 0.159 10.272);
    --color-rose-950: oklch(27.1% 0.105 12.094);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-gray-950: oklch(13% 0.028 261.692);
    --color-zinc-50: oklch(98.5% 0 0);
    --color-zinc-100: oklch(96.7% 0.001 286.375);
    --color-zinc-200: oklch(92% 0.004 286.32);
    --color-zinc-300: oklch(87.1% 0.006 286.286);
    --color-zinc-400: oklch(70.5% 0.015 286.067);
    --color-zinc-500: oklch(55.2% 0.016 285.938);
    --color-zinc-600: oklch(44.2% 0.017 285.786);
    --color-zinc-700: oklch(37% 0.013 285.805);
    --color-zinc-800: oklch(27.4% 0.006 286.033);
    --color-zinc-900: oklch(21% 0.006 285.885);
    --color-zinc-950: oklch(14.1% 0.005 285.823);
    --color-neutral-50: oklch(98.5% 0 0);
    --color-neutral-100: oklch(97% 0 0);
    --color-neutral-200: oklch(92.2% 0 0);
    --color-neutral-300: oklch(87% 0 0);
    --color-neutral-400: oklch(70.8% 0 0);
    --color-neutral-500: oklch(55.6% 0 0);
    --color-neutral-600: oklch(43.9% 0 0);
    --color-neutral-700: oklch(37.1% 0 0);
    --color-neutral-800: oklch(26.9% 0 0);
    --color-neutral-900: oklch(20.5% 0 0);
    --color-neutral-950: oklch(14.5% 0 0);
    --color-stone-50: oklch(98.5% 0.001 106.423);
    --color-stone-100: oklch(97% 0.001 106.424);
    --color-stone-200: oklch(92.3% 0.003 48.717);
    --color-stone-300: oklch(86.9% 0.005 56.366);
    --color-stone-400: oklch(70.9% 0.01 56.259);
    --color-stone-500: oklch(55.3% 0.013 58.071);
    --color-stone-600: oklch(44.4% 0.011 73.639);
    --color-stone-700: oklch(37.4% 0.01 67.558);
    --color-stone-800: oklch(26.8% 0.007 34.298);
    --color-stone-900: oklch(21.6% 0.006 56.043);
    --color-stone-950: oklch(14.7% 0.004 49.25);
    --color-mauve-50: oklch(98.5% 0 0);
    --color-mauve-100: oklch(96% 0.003 325.6);
    --color-mauve-200: oklch(92.2% 0.005 325.62);
    --color-mauve-300: oklch(86.5% 0.012 325.68);
    --color-mauve-400: oklch(71.1% 0.019 323.02);
    --color-mauve-500: oklch(54.2% 0.034 322.5);
    --color-mauve-600: oklch(43.5% 0.029 321.78);
    --color-mauve-700: oklch(36.4% 0.029 323.89);
    --color-mauve-800: oklch(26.3% 0.024 320.12);
    --color-mauve-900: oklch(21.2% 0.019 322.12);
    --color-mauve-950: oklch(14.5% 0.008 326);
    --color-olive-50: oklch(98.8% 0.003 106.5);
    --color-olive-100: oklch(96.6% 0.005 106.5);
    --color-olive-200: oklch(93% 0.007 106.5);
    --color-olive-300: oklch(88% 0.011 106.6);
    --color-olive-400: oklch(73.7% 0.021 106.9);
    --color-olive-500: oklch(58% 0.031 107.3);
    --color-olive-600: oklch(46.6% 0.025 107.3);
    --color-olive-700: oklch(39.4% 0.023 107.4);
    --color-olive-800: oklch(28.6% 0.016 107.4);
    --color-olive-900: oklch(22.8% 0.013 107.4);
    --color-olive-950: oklch(15.3% 0.006 107.1);
    --color-mist-50: oklch(98.7% 0.002 197.1);
    --color-mist-100: oklch(96.3% 0.002 197.1);
    --color-mist-200: oklch(92.5% 0.005 214.3);
    --color-mist-300: oklch(87.2% 0.007 219.6);
    --color-mist-400: oklch(72.3% 0.014 214.4);
    --color-mist-500: oklch(56% 0.021 213.5);
    --color-mist-600: oklch(45% 0.017 213.2);
    --color-mist-700: oklch(37.8% 0.015 216);
    --color-mist-800: oklch(27.5% 0.011 216.9);
    --color-mist-900: oklch(21.8% 0.008 223.9);
    --color-mist-950: oklch(14.8% 0.004 228.8);
    --color-taupe-50: oklch(98.6% 0.002 67.8);
    --color-taupe-100: oklch(96% 0.002 17.2);
    --color-taupe-200: oklch(92.2% 0.005 34.3);
    --color-taupe-300: oklch(86.8% 0.007 39.5);
    --color-taupe-400: oklch(71.4% 0.014 41.2);
    --color-taupe-500: oklch(54.7% 0.021 43.1);
    --color-taupe-600: oklch(43.8% 0.017 39.3);
    --color-taupe-700: oklch(36.7% 0.016 35.7);
    --color-taupe-800: oklch(26.8% 0.011 36.5);
    --color-taupe-900: oklch(21.4% 0.009 43.1);
    --color-taupe-950: oklch(14.7% 0.004 49.3);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --breakpoint-sm: 40rem;
    --breakpoint-md: 48rem;
    --breakpoint-lg: 64rem;
    --breakpoint-xl: 80rem;
    --breakpoint-2xl: 96rem;
    --container-3xs: 16rem;
    --container-2xs: 18rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-thin: 100;
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
    --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow-md:
      0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg:
      0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-xl:
      0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
    --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
    --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
    --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
    --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
    --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
    --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
    --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
    --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
    --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);
    --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);
    --text-shadow-sm:
      0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075),
      0px 2px 2px rgb(0 0 0 / 0.075);
    --text-shadow-md:
      0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1),
      0px 2px 4px rgb(0 0 0 / 0.1);
    --text-shadow-lg:
      0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1),
      0px 4px 8px rgb(0 0 0 / 0.1);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    @keyframes spin {
      to {
        transform: rotate(360deg);
      }
    }
    @keyframes ping {
      75%, 100% {
        transform: scale(2);
        opacity: 0;
      }
    }
    @keyframes pulse {
      50% {
        opacity: 0.5;
      }
    }
    @keyframes bounce {
      0%, 100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
      }
      50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
      }
    }
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --perspective-dramatic: 100px;
    --perspective-near: 300px;
    --perspective-normal: 500px;
    --perspective-midrange: 800px;
    --perspective-distant: 1200px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: --theme(--font-sans, initial);
    --default-font-feature-settings: --theme(
      --font-sans--font-feature-settings,
      initial
    );
    --default-font-variation-settings: --theme(
      --font-sans--font-variation-settings,
      initial
    );
    --default-mono-font-family: --theme(--font-mono, initial);
    --default-mono-font-feature-settings: --theme(
      --font-mono--font-feature-settings,
      initial
    );
    --default-mono-font-variation-settings: --theme(
      --font-mono--font-variation-settings,
      initial
    );
  }
  /* Deprecated */
  @theme default inline reference {
    --blur: 8px;
    --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
    --drop-shadow: 0 1px 2px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.06);
    --radius: 0.25rem;
    --max-width-prose: 65ch;
  }
}
@layer base {
  /*
    1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
    2. Remove default margins and padding
    3. Reset all borders.
  */
  ::-webkit-file-upload-button {
    box-sizing: border-box; /* 1 */
    margin: 0; /* 2 */
    padding: 0; /* 2 */
    border: 0 solid; /* 3 */
  }
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box; /* 1 */
    margin: 0; /* 2 */
    padding: 0; /* 2 */
    border: 0 solid; /* 3 */
  }
  /*
    1. Use a consistent sensible line-height in all browsers.
    2. Prevent adjustments of font size after orientation changes in iOS.
    3. Use a more readable tab size.
    4. Use the user's configured `sans` font-family by default.
    5. Use the user's configured `sans` font-feature-settings by default.
    6. Use the user's configured `sans` font-variation-settings by default.
    7. Disable tap highlights on iOS.
  */
  html,
  :host {
    line-height: 1.5; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    tab-size: 4; /* 3 */
    font-family: --theme(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); /* 4 */
    font-feature-settings: --theme(--default-font-feature-settings, normal); /* 5 */
    font-variation-settings: --theme(--default-font-variation-settings, normal); /* 6 */
    -webkit-tap-highlight-color: transparent; /* 7 */
  }
  /*
    1. Add the correct height in Firefox.
    2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
    3. Reset the default border style to a 1px solid border.
  */
  hr {
    height: 0; /* 1 */
    color: inherit; /* 2 */
    border-top-width: 1px; /* 3 */
  }
  /*
    Add the correct text decoration in Chrome, Edge, and Safari.
  */
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  /*
    Remove the default font size and weight for headings.
  */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  /*
    Reset links to optimize for opt-in styling instead of opt-out.
  */
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  /*
    Add the correct font weight in Edge and Safari.
  */
  b,
  strong {
    font-weight: bolder;
  }
  /*
    1. Use the user's configured `mono` font-family by default.
    2. Use the user's configured `mono` font-feature-settings by default.
    3. Use the user's configured `mono` font-variation-settings by default.
    4. Correct the odd `em` font sizing in all browsers.
  */
  code,
  kbd,
  samp,
  pre {
    font-family: --theme(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); /* 1 */
    font-feature-settings: --theme(--default-mono-font-feature-settings, normal); /* 2 */
    font-variation-settings: --theme(--default-mono-font-variation-settings, normal); /* 3 */
    font-size: 1em; /* 4 */
  }
  /*
    Add the correct font size in all browsers.
  */
  small {
    font-size: 80%;
  }
  /*
    Prevent `sub` and `sup` elements from affecting the line height in all browsers.
  */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  /*
    1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
    2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
    3. Remove gaps between table borders by default.
  */
  table {
    text-indent: 0; /* 1 */
    border-color: inherit; /* 2 */
    border-collapse: collapse; /* 3 */
  }
  /*
    Use the modern Firefox focus style for all focusable elements.
  */
  :-moz-focusring {
    outline: auto;
  }
  /*
    Add the correct vertical alignment in Chrome and Firefox.
  */
  progress {
    vertical-align: baseline;
  }
  /*
    Add the correct display in Chrome and Safari.
  */
  summary {
    display: list-item;
  }
  /*
    Make lists unstyled by default.
  */
  ol,
  ul,
  menu {
    list-style: none;
  }
  /*
    1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
    2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
        This can trigger a poorly considered lint error in some tools but is included by design.
  */
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block; /* 1 */
    vertical-align: middle; /* 2 */
  }
  /*
    Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
  */
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  /*
    1. Inherit font styles in all browsers.
    2. Remove border radius in all browsers.
    3. Remove background color in all browsers.
    4. Ensure consistent opacity for disabled states in all browsers.
  */
  ::-webkit-file-upload-button {
    font: inherit; /* 1 */
    font-feature-settings: inherit; /* 1 */
    font-variation-settings: inherit; /* 1 */
    letter-spacing: inherit; /* 1 */
    color: inherit; /* 1 */
    border-radius: 0; /* 2 */
    background-color: transparent; /* 3 */
    opacity: 1; /* 4 */
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit; /* 1 */
    font-feature-settings: inherit; /* 1 */
    font-variation-settings: inherit; /* 1 */
    letter-spacing: inherit; /* 1 */
    color: inherit; /* 1 */
    border-radius: 0; /* 2 */
    background-color: transparent; /* 3 */
    opacity: 1; /* 4 */
  }
  /*
    Restore default font weight.
  */
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  /*
    Restore indentation.
  */
  :where(select:is([multiple], [size])) optgroup option {
    -webkit-padding-start: 20px;
            padding-inline-start: 20px;
  }
  /*
    Restore space after button.
  */
  ::-webkit-file-upload-button {
    -webkit-margin-end: 4px;
            margin-inline-end: 4px;
  }
  ::file-selector-button {
    -webkit-margin-end: 4px;
            margin-inline-end: 4px;
  }
  /*
    Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
  */
  ::placeholder {
    opacity: 1;
  }
  /*
    Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not
    crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194)
  */
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
  /*
    Prevent resizing textareas horizontally by default.
  */
  textarea {
    resize: vertical;
  }
  /*
    Remove the inner padding in Chrome and Safari on macOS.
  */
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  /*
    1. Ensure date/time inputs have the same height when empty in iOS Safari.
    2. Ensure text alignment can be changed on date/time inputs in iOS Safari.
  */
  ::-webkit-date-and-time-value {
    min-height: 1lh; /* 1 */
    text-align: inherit; /* 2 */
  }
  /*
    Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.
  */
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  /*
    Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.
  */
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  /*
    Center dropdown marker shown on inputs with paired `<datalist>`s in Chrome. (https://github.com/tailwindlabs/tailwindcss/issues/18499)
  */
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  /*
    Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
  */
  :-moz-ui-invalid {
    box-shadow: none;
  }
  /*
    Correct the inability to style the border radius in iOS Safari.
  */
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
            appearance: button;
  }
  button,
  input:where([type=button], [type=reset], [type=submit]),
  ::file-selector-button {
    -webkit-appearance: button;
            appearance: button;
  }
  /*
    Correct the cursor style of increment and decrement buttons in Safari.
  */
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  /*
    Make elements with the HTML hidden attribute stay hidden by default.
  */
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
@layer utilities {
  @tailwind utilities;
}
html {
  --color-base: #ffffff;
  --color-text: #000000;
  --color-footer_color: #0b5cff;
  --color-header_color: #242452;
  --color-video_layout_back: #171735;
}

html[data-theme=dark] {
  --color-base: #000000;
  --color-text: #ffffff;
  --color-footer_color: #0b5cff;
  --color-header_color: #d2d2d9;
  --color-video_layout_back: #000000;
}

/* Light */
@font-face {
  font-family: "yekanbakh";
  font-weight: 300;
  font-display: swap;
  src: url("/assets/YekanBakh-Regular-C44lh5T0.woff2") format("woff2");
}
/* Normal */
@font-face {
  font-family: "yekanbakh";
  font-weight: 400;
  font-display: swap;
  src: url("/assets/YekanBakh-SemiBold-BuacKFH7.woff2") format("woff2");
}
/* Bold */
@font-face {
  font-family: "yekanbakh";
  font-weight: 700;
  font-display: swap;
  src: url("/assets/YekanBakh-Bold-B77iuzwW.woff2") format("woff2");
}
/* kaster-icons */
@font-face {
  font-family: "rocket";
  src: url("/assets/rocket-icons-DuJEq3Cs.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^=ic-],
[class*=" ic-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "rocket" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ic-undo:before {
  content: "\e98c";
}

.ic-redo:before {
  content: "\e98d";
}

.ic-star:before {
  content: "\e98b";
  color: #d9d9d9;
}

.ic-file:before {
  content: "\e989";
}

.ic-upload:before {
  content: "\e98a";
}

.ic-color-palette:before {
  content: "\e988";
}

.ic-resend:before {
  content: "\e987";
}

.ic-dark .path1:before {
  content: "\e97d";
  color: rgb(50, 77, 200);
  opacity: 0.01;
}

.ic-dark .path2:before {
  content: "\e97e";
  margin-left: -1em;
  color: rgb(165, 165, 179);
}

.ic-guide:before {
  content: "\e97f";
}

.ic-justice:before {
  content: "\e980";
}

.ic-light .path1:before {
  content: "\e981";
  color: rgb(7, 42, 200);
  opacity: 0.01;
}

.ic-light .path2:before {
  content: "\e982";
  margin-left: -1em;
  color: rgb(224, 224, 224);
}

.ic-mic-on:before {
  content: "\e97d";
  color: #00d121;
  font-size: 16px;
}

.ic-mic-off:before {
  content: "\e97e";
  color: #f00;
  font-size: 16px;
}

.ic-rtl:before {
  content: "\e922";
}

.ic-plus:before {
  content: "\e923";
}

.ic-minus:before {
  content: "\e926";
}

.ic-ltr:before {
  content: "\e927";
}

.ic-italic:before {
  content: "\e92a";
}

.ic-bold:before {
  content: "\e95a";
}

.ic-align-right:before {
  content: "\e968";
}

.ic-align-left:before {
  content: "\e96e";
}

.ic-align-center:before {
  content: "\e96f";
}

.ic-RoominRoom:before {
  content: "\e97c";
  color: #4a4a68;
}

.ic-recreate1:before {
  content: "\e919";
  color: #5774ff;
}
#theme-light .ic-recreate1:before, [data-theme=light] .ic-recreate1:before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #5774ff;
}
#theme-dark .ic-recreate1:before, [data-theme=dark] .ic-recreate1:before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}

.ic-edit:before {
  content: "\e91a";
  color: #5774ff;
}

.ic-exchange:before {
  content: "\e921";
  color: #5774ff;
}

.ic-plus:before {
  content: "\e92a";
}

.ic-ltr:before {
  content: "\e95a";
}

.ic-exchangeLayout:before {
  content: "\e918";
}

.ic-record_time:before {
  content: "\e908";
}

.ic-record_audio:before {
  content: "\e902";
}

.ic-record_audio_video:before {
  content: "\e904";
}

.ic-Delete:before {
  content: "\e91f";
}

.ic-Download:before {
  content: "\e942";
}

.ic-Plus:before {
  content: "\e944";
}

.ic-Circle:before {
  content: "\e945";
}

.ic-Zoom-In:before {
  content: "\e949";
}

.ic-Zoom-Out:before {
  content: "\e94f";
}

.ic-copy:before {
  content: "\e905";
}

.ic-Thickness:before {
  content: "\e950";
}

.ic-Text-Size-Large:before {
  content: "\e951";
}

.ic-Text-Size-Medium:before {
  content: "\e952";
}

.ic-Text-Size-Small:before {
  content: "\e954";
}

.ic-Text-Size-XLarge:before {
  content: "\e955";
}

.ic-Stroke-Thickness-1:before {
  content: "\e956";
}

.ic-Stroke-Thickness-2:before {
  content: "\e957";
}

.ic-Stroke-Thickness-3:before {
  content: "\e958";
}

.ic-share_ios:before {
  content: "\e970";
}

.ic-Stroke-Thickness-4:before {
  content: "\e95b";
}

.ic-Shapes:before {
  content: "\e95c";
}

.ic-Select:before {
  content: "\e95d";
}

.ic-Text:before {
  content: "\e95e";
}

.ic-Rectangle:before {
  content: "\e95f";
}

.ic-Pencil:before {
  content: "\e960";
}

.ic-Pan:before {
  content: "\e961";
}

.ic-Highlighter:before {
  content: "\e962";
}

.ic-Fullscreen:before {
  content: "\e963";
}

.ic-Eraser:before {
  content: "\e964";
}

.ic-check:before {
  content: "\e93f";
}

.ic-error:before {
  content: "\e941";
  color: #c00;
}
#theme-light .ic-error:before, [data-theme=light] .ic-error:before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
#theme-dark .ic-error:before, [data-theme=dark] .ic-error:before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}

.ic-info:before {
  content: "\e93e";
}

.ic-crossv2:before {
  content: "\e93b";
  color: rgba(0, 0, 0, 0.8);
}
#theme-light .ic-crossv2:before, [data-theme=light] .ic-crossv2:before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: rgba(0, 0, 0, 0.5411764706);
}
#theme-dark .ic-crossv2:before, [data-theme=dark] .ic-crossv2:before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}

.ic-back:before {
  content: "\e93c";
  color: #4a4a68;
}
#theme-light .ic-back:before, [data-theme=light] .ic-back:before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #4a4a68;
}
#theme-dark .ic-back:before, [data-theme=dark] .ic-back:before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}

.ic-chat-fill:before {
  content: "\e934";
}
#theme-light .ic-chat-fill:before, [data-theme=light] .ic-chat-fill:before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #f3f6f9;
}
#theme-dark .ic-chat-fill:before, [data-theme=dark] .ic-chat-fill:before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}

.ic-userlist_mobile_fill:before {
  content: "\e93a";
}
#theme-light .ic-userlist_mobile_fill:before, [data-theme=light] .ic-userlist_mobile_fill:before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #f3f6f9;
}
#theme-dark .ic-userlist_mobile_fill:before, [data-theme=dark] .ic-userlist_mobile_fill:before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}

.ic-send:before {
  content: "\e91d";
  color: #5774ff;
}

.ic-private:before {
  content: "\e91b";
}
#theme-light .ic-private:before, [data-theme=light] .ic-private:before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff;
}
#theme-dark .ic-private:before, [data-theme=dark] .ic-private:before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}

.ic-instagram:before {
  content: "\e910";
}

.ic-captcha_refresh:before {
  content: "\e911";
}

.ic-telegram:before {
  content: "\e912";
}

.ic-youtube:before {
  content: "\e913";
}

.ic-localRecordIcon:before {
  content: "\e915";
}

.ic-hamburger-menu:before {
  content: "\e916";
}

.ic-Warning:before {
  content: "\e907";
  color: #ffc400;
}

.ic-switchMic:before {
  content: "\e901";
}

.ic-editChat_mini:before {
  content: "\e939";
}

.ic-pin_mini:before {
  content: "\e937";
}

.ic-participant:before {
  content: "\e92c";
}

.ic-assistant:before {
  content: "\e92d";
}

.ic-operator:before {
  content: "\e92e";
}

.ic-presenter:before {
  content: "\e92f";
}

.ic-support:before {
  content: "\e930";
}

.ic-manager:before {
  content: "\e931";
}

.ic-sectionSetting:before {
  content: "\e92b";
}
#theme-light .ic-sectionSetting:before, [data-theme=light] .ic-sectionSetting:before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .ic-sectionSetting:before, [data-theme=dark] .ic-sectionSetting:before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}

.ic-reply:before {
  content: "\e936";
}

.ic-unPinChat:before {
  content: "\e928";
}

.ic-pinChat:before {
  content: "\e929";
}

.ic-editChat:before {
  content: "\e938";
}

.ic-chat:before {
  content: "\e90d";
}

.ic-longArrow {
  transform: rotateZ(2deg);
}

.ic-longArrow:before {
  content: "\e925";
}

.ic-classSettings-fill:before {
  content: "\e924";
}

.ic-classSettings-Vector:before {
  content: "\e920";
}

.ic-Triangle:before {
  content: "\e914";
}

.ic-SupportChat:before {
  content: "\e90c";
}

.ic-AudioMode:before {
  content: "\e909";
}

.ic-dismissal:before {
  content: "\e900";
}

.ic-Speaker-fill:before {
  content: "\e97b";
}

.ic-AssignOwner:before {
  content: "\e96a";
}

.ic-Speaker-vector:before {
  content: "\e977";
}

.ic-MoreOption-vector:before {
  content: "\e978";
}

.ic-MoreOption-fill:before {
  content: "\e979";
}

.ic-Mic-vector:before {
  content: "\e97a";
}

.ic-VideoStream:before {
  content: "\e976";
}

.ic-QA-vector:before {
  content: "\e975";
}

.ic-ConnectionHealth-vector:before {
  content: "\e969";
}

.ic-Cam-vector:before {
  content: "\e96b";
}

.ic-Cam-fill:before {
  content: "\e96c";
}

.ic-Mic-fill:before {
  content: "\e96d";
}

.ic-plus_box:before {
  content: "\e974";
}

.ic-WhiteBoard-vector:before {
  content: "\e971";
}

.ic-FileShare-vector:before {
  content: "\e972";
}

.ic-ScreenShare-vector:before {
  content: "\e973";
}

.ic-Raise-Hand-Stroke:before {
  content: "\e966";
}

.ic-Raise-Hand-Filled:before {
  content: "\e967";
}

.ic-add_btn:before {
  content: "\e968";
}

.ic-rollCall:before {
  content: "\e965";
}

.ic-makeOffCam:before {
  content: "\e94d";
}

.ic-makeOffMic:before {
  content: "\e94c";
}

.ic-alocom_blue:before {
  content: "\e94a";
}

.ic-Pause:before {
  content: "\e94b";
}

.ic-finishPresent:before {
  content: "\e948";
}

.ic-power-button:before {
  content: "\e946";
}

.ic-FinishClass:before {
  content: "\e947";
  color: rgba(0, 0, 0, 0.8);
}
#theme-light .ic-FinishClass:before, [data-theme=light] .ic-FinishClass:before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: rgba(0, 0, 0, 0.5411764706) !important;
}
#theme-dark .ic-FinishClass:before, [data-theme=dark] .ic-FinishClass:before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff6666 !important;
}

.ic-eraser:before {
  content: "\e943";
}

.ic-Download_Icon:before {
  content: "\e940";
}

.ic-userlist_mobile:before {
  content: "\e93d";
}

.ic-Phones-Mobile-Devices-Signal-signal-full:before {
  content: "\e959";
}

.ic-Search-Icon:before {
  content: "\e94e";
}

.ic-More-Options:before {
  content: "\e953";
}

.ic-arrow:before {
  content: "\e91c";
}

.ic-cross:before {
  content: "\e91e";
  color: rgba(0, 0, 0, 0.8);
}
#theme-light .ic-cross:before, [data-theme=light] .ic-cross:before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: rgba(0, 0, 0, 0.5411764706);
}
#theme-dark .ic-cross:before, [data-theme=dark] .ic-cross:before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}

.ic-notif:before {
  content: "\e903";
}

.ic-fullview:before {
  content: "\e906";
}

.ic-mic:before {
  content: "\e90a";
  font-size: 16px;
}

.ic-outview:before {
  content: "\e90e";
}

.ic-aparat:before {
  content: "\e90f";
}

.ic-video_call:before {
  content: "\e932";
}

.ic-Delete-Bin:before {
  content: "\e933";
}

.ic-Backarrow:before {
  content: "\e935";
}

.ic-dark-mode:before {
  content: "\e917";
  color: #9aacff;
}

* {
  outline: none !important;
  font-family: yekanbakh !important;
  /* width */
}
*::-webkit-scrollbar {
  width: 12px;
}
* {
  /* Track */
}
*::-webkit-scrollbar-track {
  background: transparent;
  border: 5px solid #ffffff;
}
#theme-light *::-webkit-scrollbar-track, [data-theme=light] *::-webkit-scrollbar-track {
  -webkit-transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-color: #fff;
}
#theme-dark *::-webkit-scrollbar-track, [data-theme=dark] *::-webkit-scrollbar-track {
  -webkit-transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-color: transparent;
}
* {
  /* Handle */
}
*::-webkit-scrollbar-thumb {
  background: rgb(223.8253012048, 223.8253012048, 228.6746987952);
  border-radius: 17px;
  border: 4px solid #ffffff;
}
#theme-light *::-webkit-scrollbar-thumb, [data-theme=light] *::-webkit-scrollbar-thumb {
  -webkit-transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #d2d2d9;
  border-color: #fff;
}
#theme-dark *::-webkit-scrollbar-thumb, [data-theme=dark] *::-webkit-scrollbar-thumb {
  -webkit-transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #393a40;
  border-color: #202127;
}
* {
  /* Handle */
}
*::-webkit-scrollbar-button {
  display: none;
}
* {
  /* Handle on hover */
}
*::-webkit-scrollbar-thumb:hover {
  background: rgb(148, 148, 148);
}

*,
:after,
:before {
  box-sizing: border-box;
}

:root {
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

body {
  --fontsizeScale: 0px;
}

html {
  font-size: 16px;
}

body {
  margin: 0px;
  background-color: #ffffff;
  text-align: right;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  font-weight: 300;
  color: #171735;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#theme-dark {
  background-color: #121212;
}

html,
body {
  overscroll-behavior-y: contain;
}

img {
  max-width: 100%;
  height: auto;
}

ul {
  padding: 0;
  list-style: none;
}

a {
  color: #0b5cff;
}
#theme-light a, [data-theme=light] a {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff;
}
#theme-dark a, [data-theme=dark] a {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
  text-decoration: underline;
}
a {
  text-decoration: none;
  background-color: initial;
}
a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 7px;
  font-weight: 500;
}

h5 {
  font-size: 17.5px;
}

h6 {
  font-size: 14px;
}

input {
  font-family: yekanbakh;
}

button:hover:not(:disabled) {
  cursor: pointer;
}

label {
  display: inline-block;
  margin-bottom: 7px;
}

hr {
  margin: 14px 0;
  background-color: currentColor;
  color: gray;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

.row .col {
  float: right;
}

.row-left .col {
  float: left;
}

.backdrop {
  background-color: white;
}

::-webkit-scrollbar {
  width: 12px;
  margin: 5px;
  padding: 5px;
  float: left;
}

::-webkit-scrollbar-track {
  margin: 5px;
  padding: 5px;
}

::-moz-scrollbar-track {
  background: white;
  margin: 5px;
  padding: 5px;
}

::-webkit-scrollbar-thumb {
  background: #d2d2d9;
  margin: 5px;
  padding: 5px;
}

::-moz-scrollbar-thumb {
  background: white;
  margin: 5px;
  padding: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #bbbbc6;
  padding: 5px;
}

::-moz-scrollbar-thumb:hover {
  background: white;
  padding: 5px;
}

.ltr, .message__text--textLtr {
  direction: ltr !important;
}

.rtl {
  direction: rtl !important;
}

.position-relative, .c-input__wrapper {
  position: relative;
}

.no-margin {
  margin: 0 !important;
}

.no-padding, .c-vidMag__slider--icon {
  padding: 0 !important;
}

.full-width, .c-input__row, .status-container, .newMessage__SendMsgBox--sender, .message__repliedBox--replyMsg, .message__repliedBox--replySender, .c-user-info__first-lastName--name, .c-user-info__first-lastName, .user-managment__userInfo, .c-auth__loginBtn, .c-auth__inputs {
  width: 100%;
}

@media (max-width: 991px) {
  .full-width-mobile {
    width: 100%;
  }
}

.visibility-hidden {
  visibility: hidden;
}

.icon--color {
  color: #0b5cff !important;
}

.icon--black {
  color: #000000;
}

.icon--white, .c-mobileNavBar__3rd i {
  color: #ffffff;
}

.icon--gray-900, .connectionStatus__header--backIcon, .backIcon--mobile {
  color: #171735;
}

.icon--color-400 {
  color: #8e8ea1 !important;
}

.icon--size-bigx {
  font-size: 36px;
}

.icon--size-big, .backIcon--mobile {
  font-size: 28px !important;
}

.icon--size-17 {
  font-size: 17px !important;
}

.icon--size-25 {
  font-size: 25px !important;
}

.icon--size-large {
  font-size: 16px;
}

.icon--size-10 {
  font-size: 10px !important;
}

.icon--size-12 {
  font-size: 12px !important;
}

.icon--size-15 {
  font-size: 15px !important;
}

.icon--size-20 {
  font-size: 20px;
}

.icon--size-33 {
  font-size: 33px;
}

.icon--size-mediumx {
  font-size: 14px !important;
}

.icon--size-mediumx-laptop {
  font-size: 14px !important;
}

.icon--size-medium {
  font-size: 10px;
}

.icon--size-small {
  font-size: 8px;
}

.icon--rotate-half, .c-moreChatOptions--moreIcon, .icon-arrow-header {
  transform: rotate(180deg);
}

.icon--rotate-270, .alocom .c-entrance__header--backTo, .c-entrance__header--backTo {
  transform: rotate(270deg);
}

.icon-default-header {
  font-size: 24px;
}
#theme-light .icon-default-header, [data-theme=light] .icon-default-header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #f3f6f9;
}
#theme-dark .icon-default-header, [data-theme=dark] .icon-default-header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}

.icon-arrow-header {
  padding: 0 12px 0 0;
  font-size: 6px;
  color: #171735;
}
.icon-arrow-header--padding {
  padding: 0 4px 0 0 !important;
}

@media (max-width: 991px) {
  .backIcon--mobile {
    display: flex !important;
  }
}

.justify-center {
  justify-content: center;
}

.justify-around {
  justify-content: space-around !important;
}

.m-t-0 {
  margin-top: 0px !important;
}

.m-t-2 {
  margin-top: 2px !important;
}

.m-t-3 {
  margin-top: 3px !important;
}

.m-t-6 {
  margin-top: 6px !important;
}

.m-t-15 {
  margin-top: 15px;
}

@media (max-width: 991px) {
  .m-t-24-mobile {
    margin-top: 24px !important;
  }
}

.m-t-25 {
  margin-top: 25px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-t-110 {
  margin-top: 110px !important;
}

.m-b-0, .c-settingModal__row--marginEnd {
  margin-bottom: 0px !important;
}

.m-b-1, .userCtrl__header--userStyle {
  margin-bottom: 1px !important;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-b-16 {
  margin-bottom: 16px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-r-5 {
  margin-right: 5px;
}

.m-r-12 {
  margin-right: 12px;
}

.m-i-s-8 {
  -webkit-margin-start: 8px;
          margin-inline-start: 8px;
}

.m-r-20 {
  -webkit-margin-start: 20px;
          margin-inline-start: 20px;
}

.m-r-30 {
  margin-right: 30px;
}

.m-l-5 {
  margin-left: 5px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-l-12 {
  margin-left: 12px;
}

.m-l-16, .connectionStatus__header--backIcon, .backIcon--mobile {
  -webkit-margin-end: 16px;
          margin-inline-end: 16px;
}

.p-b-18 {
  padding-bottom: 18px !important;
}

.p-r-20 {
  padding-right: 20px;
}

.p-l-20 {
  padding-left: 20px;
}

.p-t-50 {
  padding-top: 50px !important;
}

.p-0-10 {
  padding: 0px 10px;
}

.p-5-10 {
  padding: 5px 10px;
}

.font-size-13px {
  font-size: 13px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-16px {
  font-size: 16px !important;
}

.font-size-18px {
  font-size: 18px !important;
}

.font-size-20px {
  font-size: 20px !important;
}

.font-size-22px {
  font-size: 22px !important;
}

.font-weight-bold, .c-auth__eventName {
  font-weight: 700 !important;
}

.font-bold, .c-tab__titles {
  font-weight: bold;
}

.font-redular {
  font-weight: 400;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-left, .message__text--textLtr {
  text-align: left !important;
}

.text-capitalize, .c-title {
  text-transform: capitalize;
}

.text-overflow-ellipsis, .newMessage__SendMsgBox--sender, .message__repliedBox--replyMsg, .message__repliedBox--replySender, .message__sender, .userCtrl__header--roomName {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.pointer, .c-dropdown__list--item, .speaker__alert, .moreSetting-container, .szh-menu__item:not(.szh-menu__item--children), .c-auth__loginTab, .icon-default-header, .icon-arrow-header {
  cursor: pointer;
}

.cursor-unset {
  cursor: unset !important;
}

.d-none, .connectionStatus__header--backIcon {
  display: none;
}

@media (max-width: 991px) {
  .d-none-mobile {
    display: none !important;
  }
}

.d-block {
  display: block;
}

.d-flex, .c-input__row, .c-settingModal__alert, .status-container, .c-radio__icon, .user-managment__userActions, .user-managment__userInfo, .grid-layout .c-cell, .forth-section__connectionHealth, .szh-menu__item, .f-center-around, .userCtrl__icon-container, .f-center-center, .c-tab__titles, .c-settingModal__btn, .record__timer--stopBtn, .record__timer--icon, .c-mobileNavBar__3rd, .wb__colors--checkmark, .wb__colors--item, .wb__container, .navigatorConnection, .f-center-between, .c-settingModal__mediaRow, .c-settingModal__row, .c-settingModal__footer, .c-localRecordModal__button--wrapper, .c-localRecordModal__inputGroup, .c-modal__footer, .c-modal__header {
  display: flex;
}

.d-flex-force {
  display: flex !important;
}

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.align-items-center, .user-managment__userActions, .user-managment__userInfo, .szh-menu__item, .f-center-around, .userCtrl__icon-container, .f-center-center, .c-tab__titles, .c-settingModal__btn, .record__timer--stopBtn, .record__timer--icon, .c-mobileNavBar__3rd, .wb__colors--checkmark, .wb__colors--item, .wb__container, .navigatorConnection, .f-center-between, .c-settingModal__mediaRow, .c-settingModal__row, .c-settingModal__footer, .c-localRecordModal__button--wrapper, .c-localRecordModal__inputGroup, .c-modal__footer, .c-modal__header {
  align-items: center !important;
}

.align-self-center, .connectionStatus__header--backIcon, .backIcon--mobile {
  align-self: center;
}

.align-self-start {
  align-self: flex-start;
}

.align-self-end {
  align-self: flex-end;
}

.justify-content-start, .c-settingModal__alert {
  justify-content: flex-start;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center, .f-center-center, .c-tab__titles, .c-settingModal__btn, .record__timer--stopBtn, .record__timer--icon, .c-mobileNavBar__3rd, .wb__colors--checkmark, .wb__colors--item, .wb__container, .navigatorConnection {
  justify-content: center !important;
}

.justify-content-between, .status-container, .user-managment__userInfo, .f-center-between, .c-settingModal__mediaRow, .c-settingModal__row, .c-settingModal__footer, .c-localRecordModal__button--wrapper, .c-localRecordModal__inputGroup, .c-modal__footer, .c-modal__header {
  justify-content: space-between;
}

.main-blue-color {
  color: #0b5cff !important;
}

.gray-color {
  color: #77778e;
}

.white-color {
  color: #ffffff;
}

.disable-red-color {
  color: #ff0000 !important;
}
.disable-red-color::before {
  color: #ff0000 !important;
}

.m-i-e-10 {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}

.m-i-s-0 {
  -webkit-margin-start: 0 !important;
          margin-inline-start: 0 !important;
}

.m-i-e-20 {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}

.mb-3 {
  margin-bottom: 14px;
}

.mb-8px {
  margin-bottom: 8px;
}

.mb-4 {
  margin-bottom: 21px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-35 {
  margin-bottom: 35px;
}

.m-auto {
  margin: auto;
}

.position-absolute {
  position: absolute;
}

.absolute-bottom-0 {
  bottom: 0px;
}

.f-center-around, .userCtrl__icon-container {
  justify-content: space-around;
}

.transition {
  transition: all 0.3s ease;
}

.red-color {
  color: #ff0000;
}
#theme-light .red-color, [data-theme=light] .red-color {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff0000 !important;
}
#theme-dark .red-color, [data-theme=dark] .red-color {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff6666 !important;
}

.flex-column, .c-dropdown__list, .c-tab__wrapper {
  display: flex;
  flex-direction: column;
}

.flex-row-center-center, .c-splashScreen, .c-snackbar, .alocom .c-entrance__eventsList--actionBtn, .alocom .c-entrance__header, .c-entrance__eventsList--actionBtn, .c-entrance__header, .c-input__adornment, .c-moreOptionAnnounce__message, .stream-video__audio-visualiser, .c-notSupported__buttons, .c-captcha__image, .c-captcha__refresh, .c-captcha, .c-modal__container, .c-pureLoading__container, .newMessage__SendMsgBox--icon, .newMessage__SendMsgBox--iconBadge, .speaker-mobile, .c-auth__loginTab, .c-auth__topNav {
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.flex-column-center-center, .alocom .c-entrance__eventLink, .alocom .c-entrance__main, .c-entrance__eventLink, .c-entrance__main, .c-notSupported__button, .c-notSupported__message, .c-user-info__first-lastName, .c-stream--noTeacher, .c-auth__EventNotExist, .c-auth__page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex-direction-row-reverse {
  flex-direction: row-reverse;
}

.minHeight-54 {
  min-height: 54px;
}

.height-42, .forth-section__connectionHealth {
  height: 42px;
}

.full-height {
  height: 100%;
}

.gap-4 {
  column-gap: 4px;
}

.m-top-5 {
  margin-top: 5px;
}

.m-top-10 {
  margin-top: 10px;
}

.m-top-15 {
  margin-top: 15px;
}

.m-top-20 {
  margin-top: 20px;
}

.m-top-25 {
  margin-top: 25px;
}

.m-top-30 {
  margin-top: 30px;
}

.m-top-35 {
  margin-top: 35px;
}

.m-top-40 {
  margin-top: 40px;
}

.m-top-45 {
  margin-top: 45px;
}

.m-top-50 {
  margin-top: 50px;
}

.m-bottom-5 {
  margin-bottom: 5px;
}

.m-bottom-10 {
  margin-bottom: 10px;
}

.m-bottom-15 {
  margin-bottom: 15px;
}

.m-bottom-20 {
  margin-bottom: 20px;
}

.m-bottom-25 {
  margin-bottom: 25px;
}

.m-bottom-30 {
  margin-bottom: 30px;
}

.m-bottom-35 {
  margin-bottom: 35px;
}

.m-bottom-40 {
  margin-bottom: 40px;
}

.m-bottom-45 {
  margin-bottom: 45px;
}

.m-bottom-50 {
  margin-bottom: 50px;
}

.m-left-5 {
  margin-left: 5px;
}

.m-left-10 {
  margin-left: 10px;
}

.m-left-15 {
  margin-left: 15px;
}

.m-left-20 {
  margin-left: 20px;
}

.m-left-25 {
  margin-left: 25px;
}

.m-left-30 {
  margin-left: 30px;
}

.m-left-35 {
  margin-left: 35px;
}

.m-left-40 {
  margin-left: 40px;
}

.m-left-45 {
  margin-left: 45px;
}

.m-left-50 {
  margin-left: 50px;
}

.m-right-5 {
  margin-right: 5px;
}

.m-right-10 {
  margin-right: 10px;
}

.m-right-15 {
  margin-right: 15px;
}

.m-right-20 {
  margin-right: 20px;
}

.m-right-25 {
  margin-right: 25px;
}

.m-right-30 {
  margin-right: 30px;
}

.m-right-35 {
  margin-right: 35px;
}

.m-right-40 {
  margin-right: 40px;
}

.m-right-45 {
  margin-right: 45px;
}

.m-right-50 {
  margin-right: 50px;
}

.gap-col-5 {
  grid-column-gap: 5px;
}

.gap-row-5 {
  grid-row-gap: 5px;
}

.gap-col-10 {
  grid-column-gap: 10px;
}

.gap-row-10 {
  grid-row-gap: 10px;
}

.gap-col-15 {
  grid-column-gap: 15px;
}

.gap-row-15 {
  grid-row-gap: 15px;
}

.gap-col-20 {
  grid-column-gap: 20px;
}

.gap-row-20 {
  grid-row-gap: 20px;
}

.gap-col-25 {
  grid-column-gap: 25px;
}

.gap-row-25 {
  grid-row-gap: 25px;
}

.gap-col-30 {
  grid-column-gap: 30px;
}

.gap-row-30 {
  grid-row-gap: 30px;
}

.gap-col-35 {
  grid-column-gap: 35px;
}

.gap-row-35 {
  grid-row-gap: 35px;
}

.gap-col-40 {
  grid-column-gap: 40px;
}

.gap-row-40 {
  grid-row-gap: 40px;
}

.gap-col-45 {
  grid-column-gap: 45px;
}

.gap-row-45 {
  grid-row-gap: 45px;
}

.gap-col-50 {
  grid-column-gap: 50px;
}

.gap-row-50 {
  grid-row-gap: 50px;
}

.t-xxsmall {
  font-size: 8px;
}

.t-xsmall {
  font-size: calc(10px + var(--fontsizeScale));
}

.t-small, .status-container {
  font-size: calc(12px + var(--fontsizeScale));
}

.t-medium, .c-user-info__first-lastName--name, .c-title {
  font-size: calc(14px + var(--fontsizeScale));
}

.t-large {
  font-size: calc(16px + var(--fontsizeScale));
}

.t-xlarge {
  font-size: calc(18px + var(--fontsizeScale));
}

.t-xxlarge {
  font-size: calc(20px + var(--fontsizeScale));
}

.circled, .record__timer--stopBtn, .record__timer--icon::before, .record__timer--icon::after, .record__timer--icon, .record__timer, .wb__colors--item, .c-radio__icon {
  border-radius: 200px;
}

.font-roboto {
  font-family: roboto !important;
}

.shadowed {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.bordered {
  border: 2px solid #707070;
}

.inset-zero, .c-localRecordModal__background, .c-modal__container, .drawer__wrapper {
  top: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  right: 0px !important;
}

.ellipse-text {
  max-width: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.font-12 {
  font-size: 12px;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mr-auto {
  margin-right: auto;
}

.visible {
  opacity: 1;
}

.hidden {
  opacity: 0;
}

/********************************************************/
/********************************************************/
.c-loading-page {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.notif__pulse {
  position: absolute;
  width: 10px;
  height: 10px;
  padding: 2px;
  background: #c30f42;
  outline: 0;
  border: none;
  right: 0;
  top: 48%;
  z-index: 3;
  border-radius: 100%;
  transition: all 0.3s ease;
  animation: Pulse 5s infinite;
  transform: translateX(-12px) translateY(-10px);
}
@keyframes Pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(215, 17, 73, 0.85);
  }
  50% {
    box-shadow: 0 0 0 30px rgba(215, 17, 73, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(215, 17, 73, 0);
  }
}
.main-layout {
  --vh: 100vh;
  --vh: 100dvh;
}

.main-layout {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 90vh; /* Fallback for browsers that do not support Custom Properties */
  height: var(--vh);
}
.main-layout__middle {
  display: flex;
  flex: 1 1 auto;
  height: calc(var(--vh) - 48px);
}
@media (max-width: 991px) {
  .main-layout__middle {
    height: calc(var(--vh) - 52px - 56px);
  }
}
@media (max-width: 991px) {
  .main-layout__middle.shrinked {
    height: calc(var(--vh) - 52px - 56px - 40%);
  }
}
.main-layout.blur {
  filter: blur(4px);
}

.headerAlert {
  position: fixed;
  top: 48px;
  right: 0;
  left: 0;
  height: 45px;
  z-index: 20;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .headerAlert {
    top: 52px;
    z-index: 20;
    padding: 0px 15px;
    height: 65px;
  }
}
.headerAlert--offlineColor {
  background-color: #ff0000;
}
#theme-light .headerAlert--offlineColor, [data-theme=light] .headerAlert--offlineColor {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #ff0000;
}
#theme-dark .headerAlert--offlineColor, [data-theme=dark] .headerAlert--offlineColor {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #ff6666;
}
.headerAlert--disconnectSocket {
  background-color: #ffdc66;
  z-index: 19;
}
@media (max-width: 991px) {
  .headerAlert--disconnectSocket {
    z-index: 19;
    height: 65px;
  }
}
.headerAlert__text {
  font-size: 12px;
  direction: rtl;
}
.headerAlert__text--offlineColor, .headerAlert__text--offlineColor p {
  color: #ffffff !important;
}
.headerAlert__text--offlineColor {
  font-size: 16px;
  font-weight: bold;
}
.headerAlert__text--mainMessage {
  margin: 0 10px;
  text-align: center;
}
#theme-light .headerAlert__text--mainMessage, [data-theme=light] .headerAlert__text--mainMessage {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
#theme-dark .headerAlert__text--mainMessage, [data-theme=dark] .headerAlert__text--mainMessage {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #121212;
}
.headerAlert__text--disconnectSocket {
  color: #4a4a68;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .headerAlert__text--disconnectSocket img {
    width: 40px;
  }
}
.headerAlert__text--retryVector {
  transition: all 0.3s ease;
  animation: circle 4s linear infinite;
  font-size: 22px;
}

.watermark-container {
  pointer-events: none;
  transition: opacity 0.5s ease-in-out;
  z-index: 10000;
  display: block;
}
.watermark-container .watermark {
  position: fixed;
  color: #77778e !important;
  font-size: 16px;
  font-weight: 450;
}
@media (min-width: 992px) {
  .watermark-container .watermark {
    font-size: 18px;
  }
}

@keyframes circle {
  0% {
    transform: rotate(0deg) ک;
  }
  100% {
    transform: rotate(360deg);
  }
}
.c-auth__topNav {
  width: 100%;
  height: 48px;
}
#theme-light .c-auth__topNav, [data-theme=light] .c-auth__topNav {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
#theme-dark .c-auth__topNav, [data-theme=dark] .c-auth__topNav {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
.c-auth__topNav {
  z-index: 10;
}
.c-auth__topNav--backIcon, .alocom .c-entrance__header--menuIcon, .c-entrance__header--menuIcon {
  position: absolute;
  left: 20px;
  display: flex;
  gap: 8px;
  align-items: center;
}
#theme-light .c-auth__topNav--backIcon, #theme-light .c-entrance__header--menuIcon, [data-theme=light] .c-auth__topNav--backIcon, [data-theme=light] .c-entrance__header--menuIcon {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #4a4a68;
}
#theme-dark .c-auth__topNav--backIcon, #theme-dark .c-entrance__header--menuIcon, [data-theme=dark] .c-auth__topNav--backIcon, [data-theme=dark] .c-entrance__header--menuIcon {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.c-auth__topNav--backIcon.rtl, .rtl.c-entrance__header--menuIcon {
  left: unset;
  right: 20px;
}
.c-auth__topNav--backIcon, .alocom .c-entrance__header--menuIcon, .c-entrance__header--menuIcon {
  display: flex;
  padding: 5px;
  cursor: pointer;
}
.c-auth__topNav--backIcon i, .alocom .c-entrance__header--menuIcon i, .c-entrance__header--menuIcon i {
  font-size: 24px;
  font-weight: bold;
}
#theme-light .c-auth__topNav--backIcon i::before, #theme-light .c-entrance__header--menuIcon i::before, [data-theme=light] .c-auth__topNav--backIcon i::before, [data-theme=light] .c-entrance__header--menuIcon i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #4a4a68;
}
#theme-dark .c-auth__topNav--backIcon i::before, #theme-dark .c-entrance__header--menuIcon i::before, [data-theme=dark] .c-auth__topNav--backIcon i::before, [data-theme=dark] .c-entrance__header--menuIcon i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
@media (max-width: 991px) {
  .c-auth__topNav {
    height: 52px;
  }
}
.c-auth__inputs::placeholder {
  color: gray-2500;
  font-size: calc(14px + var(--fontsizeScale));
}
.c-auth__inputs {
  margin-bottom: 44px;
}
.c-auth__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 5px;
  min-height: 100px;
}
.c-auth__logo:not(.expired-event) {
  width: 150px;
}
.c-auth__logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.c-auth__eventName {
  font-size: 16px;
  margin-bottom: 24px;
}
.c-auth__eventName {
  max-width: 350px;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2; /* یعنی حداکثر 2 خط */
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
}
@media (max-width: 575px) {
  .c-auth__eventName {
    max-width: 250px;
  }
}
.c-auth__page {
  text-align: center;
  min-height: 100vh;
  background-color: #ffffff;
  overflow: hidden;
}
#theme-light .c-auth__page, [data-theme=light] .c-auth__page {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .c-auth__page, [data-theme=dark] .c-auth__page {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #121212;
}
@media (max-width: 991px) {
  .c-auth__page {
    padding: 0;
    justify-content: flex-start;
  }
  #theme-light .c-auth__page, [data-theme=light] .c-auth__page {
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    background-color: #fff;
  }
  #theme-dark .c-auth__page, [data-theme=dark] .c-auth__page {
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    background-color: #292a30;
  }
}
.c-auth__page .c-input__wrapper {
  margin-bottom: 24px !important;
}
.c-auth__form {
  width: 430px;
  border-radius: 8px;
  box-shadow: 0 4px 24px 0px rgba(0, 0, 0, 0.0588235294);
  padding: 24px 40px;
  justify-self: center;
  margin: auto;
}
#theme-light .c-auth__form, [data-theme=light] .c-auth__form {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
  background-color: #fff;
}
#theme-dark .c-auth__form, [data-theme=dark] .c-auth__form {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #a0a0a0;
  background-color: #292a30;
}
@media (max-width: 991px) {
  .c-auth__form {
    padding: 18px 40px;
    width: 100vw;
    box-shadow: unset;
    margin: 0 0px 0px 0px;
  }
}
@media (max-width: 991px) {
  .c-auth__form--notExist {
    display: flex;
    flex-direction: column;
    align-self: self-start;
  }
}
.c-auth__form form:not(.otp) {
  margin-bottom: 16px;
}
.c-auth__enterTabs {
  width: 100%;
  height: 40px;
  margin-bottom: 16px;
  padding: 4px;
  background-color: #eef1ff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
  position: relative;
}
#theme-light .c-auth__enterTabs, [data-theme=light] .c-auth__enterTabs {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #eef1ff;
}
#theme-dark .c-auth__enterTabs, [data-theme=dark] .c-auth__enterTabs {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #202127;
}
@media (max-width: 991px) {
  .c-auth__enterTabs {
    margin-bottom: 22px;
  }
}
.c-auth__enterTabs::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  left: 50%;
  height: 32px;
  background-color: #ffffff;
  border-radius: 10px;
  transition: right 0.3s, left 0.2s 0.1s;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.14);
}
#theme-dark .c-auth__enterTabs::after, [data-theme=dark] .c-auth__enterTabs::after {
  background-color: #393a40;
}
.c-auth__enterTabs--activeTitle {
  color: #171735 !important;
}
#theme-light .c-auth__enterTabs--activeTitle, [data-theme=light] .c-auth__enterTabs--activeTitle {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735 !important;
}
#theme-dark .c-auth__enterTabs--activeTitle, [data-theme=dark] .c-auth__enterTabs--activeTitle {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff !important;
}
.c-auth__enterTabs--user::after {
  right: 50%;
  left: 4px;
  transition: right 0.2s 0.1s, left 0.3s;
}
.c-auth__loginTab {
  font-size: calc(14px + var(--fontsizeScale));
  font-weight: 500;
  width: 100%;
  z-index: 2;
  color: #77778e;
}
#theme-light .c-auth__loginTab, [data-theme=light] .c-auth__loginTab {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #77778e;
}
#theme-dark .c-auth__loginTab, [data-theme=dark] .c-auth__loginTab {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #77778e;
}
.c-auth--supportChat {
  position: fixed;
  left: 10px;
  bottom: 20px;
  width: 60px;
  height: 60px;
  cursor: pointer;
}
.c-auth--supportChat svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .c-auth--supportChat {
    left: 10px;
    right: unset;
    bottom: 30px;
  }
}
.c-auth__EventNotExist {
  margin-bottom: 70px;
}
@media (max-width: 991px) {
  .c-auth__EventNotExist img {
    width: 200px;
    height: auto;
  }
}
.c-auth__EventNotExist--title {
  margin-top: 28px;
  font-size: 18px;
  font-weight: 500;
}
#theme-light .c-auth__EventNotExist--title, [data-theme=light] .c-auth__EventNotExist--title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-auth__EventNotExist--title, [data-theme=dark] .c-auth__EventNotExist--title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.c-auth__EventNotExist--description {
  color: #707070;
  font-size: calc(16px + var(--fontsizeScale));
  line-height: 35px;
}
.c-auth__loginLabel {
  font-size: calc(14px + var(--fontsizeScale));
  font-weight: 500;
  color: #171735;
}
#theme-light .c-auth__loginLabel, [data-theme=light] .c-auth__loginLabel {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-auth__loginLabel, [data-theme=dark] .c-auth__loginLabel {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.c-auth__faUsername {
  font-size: calc(12px + var(--fontsizeScale));
  font-weight: 400;
  margin-right: 8px;
  color: #77778e;
  background-color: #ffffff;
}
#theme-light .c-auth__faUsername, [data-theme=light] .c-auth__faUsername {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
  color: #77778e;
}
#theme-dark .c-auth__faUsername, [data-theme=dark] .c-auth__faUsername {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
  color: #a0a0a0;
}
.c-auth__loginBtn {
  height: 48px;
}
.c-auth__footer {
  margin-top: -4px;
  transform: scale(0.7);
}
.c-auth__otp-input {
  text-align: center;
  width: 40px;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
#theme-light .c-auth__otp-input, [data-theme=light] .c-auth__otp-input {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-bottom: 2px solid #0b5cff;
  color: #171735 !important;
}
#theme-dark .c-auth__otp-input, [data-theme=dark] .c-auth__otp-input {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-bottom: 2px solid #d2d2d9;
  color: #fff !important;
}
.c-auth__otp-input.error {
  border-bottom: 2px solid red;
}
.c-auth__otp-input::-webkit-outer-spin-button, .c-auth__otp-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.c-auth__otp-input {
  /* Firefox */
}
.c-auth__otp-input[type=number] {
  -moz-appearance: textfield;
}
.c-auth__otp-inputs {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 16px;
}
.c-auth__otp-input.small {
  width: 29px;
}
.c-auth__code-sent {
  font-size: 14px;
  color: #77778e;
  font-weight: 400;
  text-align: start;
  margin-bottom: 8px;
}
.c-auth__code-sent p b {
  direction: ltr !important;
  display: inline-block;
}
.c-auth__resend-code {
  font-weight: 400;
  font-size: 14px;
  color: #171735;
}
#theme-light .c-auth__resend-code, [data-theme=light] .c-auth__resend-code {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735 !important;
}
#theme-dark .c-auth__resend-code, [data-theme=dark] .c-auth__resend-code {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff !important;
}
.c-auth__resend-code-btn {
  font-weight: 400;
  font-size: 14px;
  color: #0b5cff;
  margin: auto;
}
.c-auth__forget-password {
  display: block;
  font-size: 14px;
  color: #5774ff;
  line-height: 35px;
  cursor: pointer;
  transition: color 0.2s;
}
.c-auth__terms a {
  text-decoration: none !important;
}
#theme-light .c-auth__terms a, [data-theme=light] .c-auth__terms a {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #5774ff;
}
#theme-dark .c-auth__terms a, [data-theme=dark] .c-auth__terms a {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.c-auth__terms {
  font-size: 12px;
  margin-bottom: 30px;
  margin-top: 8px;
}
#theme-light .c-auth__terms, [data-theme=light] .c-auth__terms {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-auth__terms, [data-theme=dark] .c-auth__terms {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}

.otp-timer {
  padding: 8px;
  font-weight: 600;
  border-radius: 8px;
  letter-spacing: 1px;
  color: #0b5cff;
  background: #eef1ff;
  margin: 8px;
}

@keyframes fade-in {
  0% {
    opacity: 0;
    transform: translateY(-5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes slide-left {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.szh-menu {
  font-family: sans-serif;
  font-size: 12.9504px;
  -webkit-user-select: none;
          user-select: none;
  box-shadow: 0 2px 20px rgba(29, 29, 66, 0.2039215686);
  border-radius: 16px;
  padding: 6px;
}
#theme-light .szh-menu, [data-theme=light] .szh-menu {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .szh-menu, [data-theme=dark] .szh-menu {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
}
#theme-light .szh-menu, [data-theme=light] .szh-menu {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .szh-menu, [data-theme=dark] .szh-menu {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.szh-menu {
  width: -webkit-max-content;
  width: max-content;
  z-index: 5000;
  display: flex;
  flex-direction: column;
  min-width: 40px;
  font-weight: 400;
}
.szh-menu > hr {
  margin: 4px 0;
}
.szh-menu > hr:first-child, .szh-menu > hr:last-child, .szh-menu > hr:nth-child(2) {
  display: none;
}
.szh-menu--state-open .szh-menu__item {
  animation: 300ms ease-in-out both fade-in;
}
.szh-menu--state-open .szh-menu__item:not(.szh-menu--state-open .szh-menu__item:last-child) {
  margin-bottom: 4px;
}
.szh-menu--state-open .szh-menu__item:nth-child(0) {
  animation-delay: -0.06s;
}
.szh-menu--state-open .szh-menu__item:nth-child(1) {
  animation-delay: -0.03s;
}
.szh-menu--state-open .szh-menu__item:nth-child(2) {
  animation-delay: 0s;
}
.szh-menu--state-open .szh-menu__item:nth-child(3) {
  animation-delay: 0.03s;
}
.szh-menu--state-open .szh-menu__item:nth-child(4) {
  animation-delay: 0.06s;
}
.szh-menu--state-open .szh-menu__item:nth-child(5) {
  animation-delay: 0.09s;
}
.szh-menu--state-open .szh-menu__item:nth-child(6) {
  animation-delay: 0.12s;
}
.szh-menu--state-open .szh-menu__item:nth-child(7) {
  animation-delay: 0.15s;
}
.szh-menu--state-open .szh-menu__item:nth-child(8) {
  animation-delay: 0.18s;
}
.szh-menu--state-open .szh-menu__item:nth-child(9) {
  animation-delay: 0.21s;
}
.szh-menu--state-open .szh-menu__item:nth-child(10) {
  animation-delay: 0.24s;
}
.szh-menu--state-open .szh-menu__item:nth-child(11) {
  animation-delay: 0.27s;
}
.szh-menu--state-open .szh-menu__item:nth-child(12) {
  animation-delay: 0.3s;
}
.szh-menu--state-open .szh-menu__item i.red-color::before {
  color: #ff0000;
}
#theme-light .szh-menu--state-open .szh-menu__item i.red-color::before, [data-theme=light] .szh-menu--state-open .szh-menu__item i.red-color::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff0000 !important;
}
#theme-dark .szh-menu--state-open .szh-menu__item i.red-color::before, [data-theme=dark] .szh-menu--state-open .szh-menu__item i.red-color::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff6666 !important;
}
.szh-menu__item {
  padding: 12px;
  border-radius: 10px;
  color: inherit;
  transition: 250ms background-color;
  font-size: calc(14px + var(--fontsizeScale));
  opacity: 0;
  transition: background-color 250ms;
  -webkit-padding-start: 12px;
          padding-inline-start: 12px;
  -webkit-padding-end: 24px;
          padding-inline-end: 24px;
}
.szh-menu__item.active-item {
  background-color: #9aacff;
}
#theme-light .szh-menu__item.active-item, [data-theme=light] .szh-menu__item.active-item {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #9aacff;
}
#theme-dark .szh-menu__item.active-item, [data-theme=dark] .szh-menu__item.active-item {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #9aacff;
}
.szh-menu__item > div {
  width: 100%;
}
.szh-menu__item i {
  font-size: 23px;
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
}
#theme-light .szh-menu__item i::before, [data-theme=light] .szh-menu__item i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #4a4a68;
}
#theme-dark .szh-menu__item i::before, [data-theme=dark] .szh-menu__item i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
#theme-light .szh-menu__item--hover.blocked-users, [data-theme=light] .szh-menu__item--hover.blocked-users {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #ffeeee;
}
#theme-dark .szh-menu__item--hover.blocked-users, [data-theme=dark] .szh-menu__item--hover.blocked-users {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #393a40;
}
.szh-menu__item--disabled {
  cursor: not-allowed !important;
  color: #bbbbc6 !important;
  opacity: 0.9 !important;
}
.szh-menu__item--children {
  background: unset;
  color: unset;
  padding: 0;
}
.szh-menu__item--export .icon {
  margin-inline: 3px 17px;
}
.szh-menu__item--export {
  background: unset;
  color: unset;
}
#theme-light .szh-menu__item--export.szh-menu__item--hover, [data-theme=light] .szh-menu__item--export.szh-menu__item--hover {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #eef1ff;
}
#theme-dark .szh-menu__item--export.szh-menu__item--hover, [data-theme=dark] .szh-menu__item--export.szh-menu__item--hover {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
.szh-menu__item--danger {
  color: #ff0000;
}
#theme-light .szh-menu__item--danger, [data-theme=light] .szh-menu__item--danger {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff0000;
}
#theme-dark .szh-menu__item--danger, [data-theme=dark] .szh-menu__item--danger {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff6666;
}
.szh-menu__item--danger.szh-menu__item--hover {
  color: #ff0000;
}
#theme-light .szh-menu__item--danger.szh-menu__item--hover, [data-theme=light] .szh-menu__item--danger.szh-menu__item--hover {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff0000;
  background: #ffeeee;
}
#theme-dark .szh-menu__item--danger.szh-menu__item--hover, [data-theme=dark] .szh-menu__item--danger.szh-menu__item--hover {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff6666;
  background: #393a40;
}
#theme-light .szh-menu__item--danger i::before, [data-theme=light] .szh-menu__item--danger i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff0000 !important;
}
#theme-dark .szh-menu__item--danger i::before, [data-theme=dark] .szh-menu__item--danger i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff6666 !important;
}
.szh-menu__item--noBg {
  padding: 0px;
}
.szh-menu__item--noBg:hover {
  background-color: unset;
}
.szh-menu-button {
  display: flex;
  padding: 0;
}
.szh-menu-container.compact .szh-menu {
  border-radius: 6px;
  padding: 4px;
}
.szh-menu-container.compact .szh-menu__item {
  padding: 4px 8px;
  font-size: calc(10px + var(--fontsizeScale));
  border-radius: 4px;
}
.szh-menu-container.compact .szh-menu__item i {
  font-size: 15px;
}
.szh-menu.wide {
  min-width: 260px;
}

.c-btn {
  padding: 15.4px 11.2px;
  font-weight: bold;
  border-radius: 8px;
  position: relative;
  color: #000000;
}
#theme-light .c-btn, [data-theme=light] .c-btn {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #000;
}
#theme-dark .c-btn, [data-theme=dark] .c-btn {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
@media (max-width: 991px) {
  .c-btn {
    padding: 9px 20px !important;
  }
}
.c-btn, .c-btn:hover, .c-btn:focus {
  outline: none;
  padding: 10px 20px;
  font-size: calc(12px + var(--fontsizeScale));
  font-weight: bold;
  border-radius: 8px;
  transition: 250ms box-shadow;
  min-width: 95px;
}
.c-btn--secondary {
  background-color: transparent;
}
#theme-light .c-btn--secondary, [data-theme=light] .c-btn--secondary {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #0b5cff;
  color: #0b5cff !important;
}
#theme-dark .c-btn--secondary, [data-theme=dark] .c-btn--secondary {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #9aacff;
  color: #9aacff !important;
}
.c-btn:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.c-btn__blue {
  background-color: #0b5cff;
  color: #ffffff;
}
#theme-light .c-btn__blue, [data-theme=light] .c-btn__blue {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #0b5cff;
  color: #fff;
}
#theme-dark .c-btn__blue, [data-theme=dark] .c-btn__blue {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #9aacff;
  color: #1a1e2e;
}
.c-btn__red {
  background-color: #ff0000;
}
#theme-light .c-btn__red, [data-theme=light] .c-btn__red {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #ff0000 !important;
  color: #fff;
}
#theme-dark .c-btn__red, [data-theme=dark] .c-btn__red {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #ff6666 !important;
  color: #fff;
}
.c-btn__icon {
  flex: 0 0 auto;
  color: rgba(0, 0, 0, 0.54);
  padding: 12px;
  overflow: visible;
  font-size: 21px;
  text-align: center;
  border-radius: 50%;
  position: relative;
}
.c-btn--halfwdth {
  width: 50%;
}

.btn-container {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  margin-top: auto;
  padding: 22.4px;
  -webkit-backface-visibility: hidden;
}
.btn-container.drawer-btn {
  box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.15);
}
#theme-light .btn-container.drawer-btn, [data-theme=light] .btn-container.drawer-btn {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #f3f6f9;
}
#theme-dark .btn-container.drawer-btn, [data-theme=dark] .btn-container.drawer-btn {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #15161b;
}
.btn-container.drawer-btn {
  background-color: #f3f6f9;
  background-attachment: local, local, scroll, scroll;
}
#theme-light .btn-container.drawer-btn.delete-rooms button, [data-theme=light] .btn-container.drawer-btn.delete-rooms button {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #ff0000;
  color: #fff;
}
#theme-dark .btn-container.drawer-btn.delete-rooms button, [data-theme=dark] .btn-container.drawer-btn.delete-rooms button {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #ff6666;
  color: #fff;
}
.btn-container.p-0 {
  padding: 0;
}
.btn-container__button {
  padding: 10px 20px;
  border-radius: 8px;
  position: relative;
  color: #000000;
}
#theme-light .btn-container__button, [data-theme=light] .btn-container__button {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #000;
}
#theme-dark .btn-container__button, [data-theme=dark] .btn-container__button {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
@media (max-width: 991px) {
  .btn-container__button {
    padding: 9px 20px !important;
  }
}
.btn-container__button, .btn-container__button:hover, .btn-container__button:focus {
  outline: none;
  padding: 10px 20px;
  font-size: calc(12px + var(--fontsizeScale));
  border-radius: 8px;
  transition: 250ms box-shadow;
  min-width: 95px;
}
.btn-container__button--blue {
  background-color: #0b5cff;
  border-radius: 11.2px;
  color: #ffffff;
}
#theme-light .btn-container__button--blue, [data-theme=light] .btn-container__button--blue {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #0b5cff;
  color: #fff;
}
#theme-dark .btn-container__button--blue, [data-theme=dark] .btn-container__button--blue {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #9aacff;
  color: #1a1e2e;
}
.btn-container__button__icon {
  flex: 0 0 auto;
  color: rgba(0, 0, 0, 0.54);
  padding: 12px;
  overflow: visible;
  font-size: 21px;
  text-align: center;
  border-radius: 50%;
  position: relative;
}
.btn-container__button--halfwdth {
  width: 50%;
}

.header {
  height: 48px;
}
#theme-light .header, [data-theme=light] .header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #1d1d42;
}
#theme-dark .header, [data-theme=dark] .header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #1a1e2e;
}
.header {
  color: #ffffff;
  top: 0;
  z-index: 20;
  display: grid;
  grid-template-columns: 286px 65px 294px minmax(224px, 1fr);
  grid-template-rows: 48px;
}
@media (max-width: 991px) {
  .header {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 52px;
    box-shadow: none;
    z-index: 10;
    height: 52px;
  }
}
#theme-light .header.subroom-bg, [data-theme=light] .header.subroom-bg {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #2c3a80;
}
#theme-dark .header.subroom-bg, [data-theme=dark] .header.subroom-bg {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #383c50;
}
#theme-light .header--activeIcon i, [data-theme=light] .header--activeIcon i {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #f3f6f9;
}
#theme-dark .header--activeIcon i, [data-theme=dark] .header--activeIcon i {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
#theme-light .header--activeIcon:disabled, [data-theme=light] .header--activeIcon:disabled {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: transparent;
}
#theme-dark .header--activeIcon:disabled, [data-theme=dark] .header--activeIcon:disabled {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: transparent;
}
#theme-light .header--activeIcon:disabled div i::before, [data-theme=light] .header--activeIcon:disabled div i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #f3f6f9;
}
#theme-dark .header--activeIcon:disabled div i::before, [data-theme=dark] .header--activeIcon:disabled div i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #6c6c6c;
}

.c-pop-up__notifContainer {
  transform: translate(100%, -50%) !important;
}

.icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-container--c-handrise {
  width: 23px;
  height: 21px;
}
.icon-container--c-mic {
  width: 23px;
  height: 21px;
}

.media-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: color 1s ease;
  -webkit-margin-start: 23px;
          margin-inline-start: 23px;
}

.first-section {
  max-width: 286px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -webkit-padding-start: 12px;
          padding-inline-start: 12px;
}
.first-section__logoContainer {
  display: flex;
  align-items: center;
  width: 80px;
  height: 35px;
}
.first-section__logoContainer img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 991px) {
  .first-section {
    -webkit-padding-start: 12px;
            padding-inline-start: 12px;
  }
}

.second-section {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .second-section {
    display: none;
  }
}

.third-section i:not(.ic-arrow)::before {
  font-size: 24px;
}
#theme-light .third-section i:not(.ic-arrow)::before, [data-theme=light] .third-section i:not(.ic-arrow)::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #f3f6f9;
}
#theme-dark .third-section i:not(.ic-arrow)::before, [data-theme=dark] .third-section i:not(.ic-arrow)::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.third-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: all 1s ease;
}
.third-section__c-mic {
  width: 19px;
  height: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.third-section__c-cam {
  width: 21px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.third-section::before {
  content: "";
  min-width: 2px;
  height: 25px;
  background-color: #ffffff;
  position: relative;
  display: block;
  margin: 0 12px 0 4px;
}
@media (max-width: 991px) {
  .third-section {
    display: none;
  }
}

.forth-section {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  -webkit-margin-end: 12px;
          margin-inline-end: 12px;
}
.forth-section__timer {
  font-size: 12px;
  min-width: 55px;
  text-align: left;
}
.forth-section__connectionHealth {
  -webkit-padding-start: 28px;
          padding-inline-start: 28px;
}
@media (max-width: 991px) {
  .forth-section > span {
    -webkit-padding-start: 16px;
            padding-inline-start: 16px;
  }
}
.forth-section > span > button {
  height: 100%;
  width: 100%;
}
#theme-light .forth-section > div:last-child i::before, [data-theme=light] .forth-section > div:last-child i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #f3f6f9;
}
#theme-dark .forth-section > div:last-child i::before, [data-theme=dark] .forth-section > div:last-child i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
@media (max-width: 991px) {
  .forth-section {
    -webkit-margin-end: 12px;
            margin-inline-end: 12px;
  }
}

.speaker-mobile {
  width: 24px;
  height: 25px;
  font-size: 14px;
  font-weight: 400;
  -webkit-padding-start: 0px !important;
          padding-inline-start: 0px !important;
}

.skeletonHeader {
  background-color: #474784;
  background-color: #474784;
  overflow: hidden;
}
.skeletonHeader::after {
  content: "";
  width: 0;
  opacity: 0.5;
  height: auto;
  position: absolute;
  left: -45px;
  animation-name: table-skeleton;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  transform: rotate(45deg);
  box-shadow: 0 0 28px 36.4px rgba(71, 71, 132, 0.835);
}
.skeletonHeader {
  position: relative;
}
#theme-light .skeletonHeader, [data-theme=light] .skeletonHeader {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #474784;
  background-color: #474784;
  overflow: hidden;
}
#theme-light .skeletonHeader::after, [data-theme=light] .skeletonHeader::after {
  content: "";
  width: 0;
  opacity: 0.5;
  height: auto;
  position: absolute;
  left: -45px;
  animation-name: table-skeleton;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  transform: rotate(45deg);
  box-shadow: 0 0 28px 36.4px rgba(71, 71, 132, 0.835);
}
#theme-dark .skeletonHeader, [data-theme=dark] .skeletonHeader {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #545454;
  background-color: #545454;
  overflow: hidden;
}
#theme-dark .skeletonHeader::after, [data-theme=dark] .skeletonHeader::after {
  content: "";
  width: 0;
  opacity: 0.5;
  height: auto;
  position: absolute;
  left: -45px;
  animation-name: table-skeleton;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  transform: rotate(45deg);
  box-shadow: 0 0 28px 36.4px rgba(84, 84, 84, 0.835);
}

.video-layout {
  width: 100%;
  flex: 1 1 auto;
  position: relative;
}
@media (max-width: 991px) {
  .video-layout__mobile--user--videoMagazine {
    display: flex;
  }
}
@media (max-width: 991px) {
  .video-layout__mobile--user--screenShareIsActive {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.c-class-layout {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  background-position: center;
  background-repeat: repeat;
  background-image: url(/assets/background_pattern-IkJifP_U.png);
}
#theme-light .c-class-layout, [data-theme=light] .c-class-layout {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
#theme-dark .c-class-layout, [data-theme=dark] .c-class-layout {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-image: url(/assets/bg-dark-Qg_WnKai.jpg);
}
.c-class-layout__iau {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/iau-guide-desk.jpg);
}
@media (max-width: 991px) {
  .c-class-layout__iau {
    background-image: url(../images/iau-guide-mob.jpg);
  }
}
.c-class-layout .draggable {
  overflow: auto;
  background-color: #ffffff;
}
#theme-light .c-class-layout .draggable, [data-theme=light] .c-class-layout .draggable {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .c-class-layout .draggable, [data-theme=dark] .c-class-layout .draggable {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
.c-class-layout .draggable {
  height: 230px;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin: 12px 16px;
  align-self: stretch;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
  .c-class-layout .draggable::after, .c-class-layout .draggable::before {
    display: none;
    height: 220px;
  }
}
.c-class-layout .draggable::before {
  top: 10px;
}
.c-class-layout .draggable.others {
  position: absolute;
  width: 600px;
  z-index: 14;
}
@media (max-width: 991px) {
  .c-class-layout .draggable.others {
    width: 95% !important;
    position: absolute;
    border-radius: 0;
    margin: 0;
    overflow: hidden;
    left: 10px !important;
  }
}
.c-class-layout .draggable.others .actionMenu__actions {
  transform: scale(0.85);
  -webkit-margin-end: -16px;
          margin-inline-end: -16px;
}
@media (max-width: 991px) {
  .c-class-layout .draggable.others .actionMenu__actions {
    -webkit-margin-end: -10px;
            margin-inline-end: -10px;
  }
}
.c-class-layout .draggable-panel {
  padding: 0 16px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #e8e8ec;
  cursor: move;
}
#theme-light .c-class-layout .draggable-panel, [data-theme=light] .c-class-layout .draggable-panel {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #e8e8ec;
}
#theme-dark .c-class-layout .draggable-panel, [data-theme=dark] .c-class-layout .draggable-panel {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
}
.c-class-layout .draggable-panel {
  display: flex;
  justify-content: space-between;
  height: 30px;
  max-height: 30px;
  border-right: 4px solid #0b5cff;
}
#theme-light .c-class-layout .draggable-panel, [data-theme=light] .c-class-layout .draggable-panel {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-right: 3px solid #0b5cff;
}
#theme-dark .c-class-layout .draggable-panel, [data-theme=dark] .c-class-layout .draggable-panel {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-right: 3px solid #9aacff;
}
.c-class-layout__closeWrapper {
  z-index: 2000;
}
#theme-light .c-class-layout .draggable-panel h6, [data-theme=light] .c-class-layout .draggable-panel h6 {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #000;
}
#theme-dark .c-class-layout .draggable-panel h6, [data-theme=dark] .c-class-layout .draggable-panel h6 {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.c-class-layout .draggable-panel .c-moreChatOptions {
  position: unset;
}
.c-class-layout .draggable-panel div:nth-child(2) {
  gap: 8px;
}
.c-class-layout .draggable-panel .close-btn {
  font-size: 12px;
  padding: 0;
}
.c-class-layout .draggable-panel div:first-child {
  align-self: center;
}
@media (max-width: 991px) {
  .c-class-layout .draggable-panel div:first-child {
    align-self: unset;
  }
}
.c-class-layout .draggable-panel .moreOption-btn {
  font-size: 12px;
}
.c-class-layout .draggable-content-wrp {
  max-height: 200px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.c-class-layout .draggable-content-wrp .notif-browser {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  color: #ff6666;
  margin: 8px 0;
}
#theme-light .c-class-layout .draggable-content-wrp .notif-browser, [data-theme=light] .c-class-layout .draggable-content-wrp .notif-browser {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
#theme-dark .c-class-layout .draggable-content-wrp .notif-browser, [data-theme=dark] .c-class-layout .draggable-content-wrp .notif-browser {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
@media (max-width: 991px) {
  .c-class-layout .draggable-content-wrp .notif-browser {
    font-size: 12px;
  }
}
.c-class-layout .draggable-content {
  padding: 8px 16px;
}
#theme-light .c-class-layout .draggable-content, [data-theme=light] .c-class-layout .draggable-content {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #000;
}
#theme-dark .c-class-layout .draggable-content, [data-theme=dark] .c-class-layout .draggable-content {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}

.grid-layout {
  --remoteUserHeight: 0px;
}

.grid-layout {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: calc(var(--vh) - 48px - var(--remoteUserHeight));
  justify-content: center;
  flex-grow: 1;
  position: relative;
}
.grid-layout--d-none {
  display: none;
}
@media (max-width: 991px) {
  .grid-layout--presentActive {
    height: calc(100% - 52px - 56px - var(--remoteUserHeight));
    display: flex;
    z-index: 1;
  }
}
.grid-layout.full-screen {
  height: 100vh;
}
.grid-layout--biggerShare .video_container {
  margin: 10px 8px !important;
  height: calc(100% - 20px) !important;
  border-radius: 8px;
}
.grid-layout .c-cell {
  height: 100%;
  width: 100%;
}
.grid-layout .c-cell .video_container {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: calc(100% - 40px);
  background-color: black;
  margin: 20px;
  position: relative;
}
@media (max-width: 991px) {
  .grid-layout .c-cell .video_container {
    border-radius: unset;
    width: 100%;
    margin: 0px;
    height: 100%;
  }
}
.grid-layout .c-cell .video_container .c-stream__fullScreen:not(.c-stream__fullScreen--screenShared) {
  top: 5px;
  right: 30px;
}
.grid-layout .c-cell .c-stream__nickname {
  right: 10px;
  bottom: 10px;
}

span.video_container.fullscreen-fixed {
  position: fixed !important;
  top: 48px;
  left: 0;
  width: 100vw;
  height: calc(100vh - 48px) !important;
  z-index: 9999;
  background: black;
  margin: 0 !important;
  isolation: isolate;
  border-radius: 0 !important;
}
@media (max-width: 991px) {
  span.video_container.fullscreen-fixed {
    top: 52px;
    height: calc(100vh - 52px);
  }
}

.userCtrl {
  width: 286px;
  height: 100%;
  margin-left: -286px;
  flex: 0 0 auto;
  background-color: #ffffff;
  box-shadow: 1px 0px 6px 0px #ccc;
}
#theme-light .userCtrl, [data-theme=light] .userCtrl {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
#theme-dark .userCtrl, [data-theme=dark] .userCtrl {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.1);
}
.userCtrl {
  transition: margin-left 0.1s linear;
  z-index: 2;
}
.userCtrl__video {
  width: 100%;
  height: 188px;
  min-height: 188px;
  background-color: #171735;
}
.userCtrl__video:not(.d-none):not(.connectionStatus__header--backIcon) + .userCtrl__accoridions-box {
  height: calc(var(--vh) - 236px);
}
.userCtrl__video + .userCtrl__accoridions-box > .userCtrl__chat-section--noUserList {
  height: 100%;
}
.userCtrl.open-side {
  margin-left: 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .userCtrl.open-side {
    flex-direction: column-reverse;
  }
}
.userCtrl__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
  min-height: 30px;
  padding: 0px 16px;
}
#theme-light .userCtrl__header, [data-theme=light] .userCtrl__header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #e1e1e1;
}
#theme-dark .userCtrl__header, [data-theme=dark] .userCtrl__header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #292a30;
}
.userCtrl__header {
  border-left: none;
  position: relative;
}
#theme-light .userCtrl__header, [data-theme=light] .userCtrl__header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #e8e8ec;
}
#theme-dark .userCtrl__header, [data-theme=dark] .userCtrl__header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
}
.userCtrl__header__title {
  font-size: 12px;
  font-weight: 500;
  text-align: right;
}
#theme-light .userCtrl__header--rightLight, [data-theme=light] .userCtrl__header--rightLight {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-right: 3px solid #0b5cff;
}
#theme-dark .userCtrl__header--rightLight, [data-theme=dark] .userCtrl__header--rightLight {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-right: 3px solid #9aacff;
}
#theme-light .userCtrl__header--rightDark, [data-theme=light] .userCtrl__header--rightDark {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-right: 3px solid #0b5cff;
}
#theme-dark .userCtrl__header--rightDark, [data-theme=dark] .userCtrl__header--rightDark {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-right: 3px solid #9aacff;
}
#theme-light .userCtrl__header--leftLight, [data-theme=light] .userCtrl__header--leftLight {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-left: 3px solid #0b5cff;
}
#theme-dark .userCtrl__header--leftLight, [data-theme=dark] .userCtrl__header--leftLight {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-left: 3px solid #9aacff;
}
#theme-light .userCtrl__header--leftDark, [data-theme=light] .userCtrl__header--leftDark {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-left: 3px solid #0b5cff;
}
#theme-dark .userCtrl__header--leftDark, [data-theme=dark] .userCtrl__header--leftDark {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-left: 3px solid #9aacff;
}
.userCtrl__header--searchMode {
  background-color: #ff0000;
  border-right: transparent;
  padding-top: 5px;
  padding-bottom: 5px;
}
.userCtrl__header--roomName {
  max-width: 120px;
}
#theme-light .userCtrl__header--chatStyle, [data-theme=light] .userCtrl__header--chatStyle {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 1px -5px 15px #efefef;
}
#theme-dark .userCtrl__header--chatStyle, [data-theme=dark] .userCtrl__header--chatStyle {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 1px -5px 15px transparent;
}
.userCtrl__searchBox {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 5;
}
#theme-light .userCtrl__searchBox, [data-theme=light] .userCtrl__searchBox {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .userCtrl__searchBox, [data-theme=dark] .userCtrl__searchBox {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #202127;
}
.userCtrl__searchBox {
  padding-top: 8px;
}
@media (max-width: 991px) {
  .userCtrl__searchBox {
    background-color: transparent;
  }
}
.userCtrl__searchBox--container {
  display: flex;
  padding: 4px 10px;
  height: 32px;
}
#theme-light .userCtrl__searchBox--container, [data-theme=light] .userCtrl__searchBox--container {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #d2d2d9;
}
#theme-dark .userCtrl__searchBox--container, [data-theme=dark] .userCtrl__searchBox--container {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #6c6c6c;
}
.userCtrl__searchBox--container {
  border-radius: 8px;
  margin: 0 auto;
  gap: 8px;
  margin: 0 8px;
}
@media (max-width: 991px) {
  .userCtrl__searchBox--container {
    margin: 0 16px;
  }
}
.userCtrl__searchBox i {
  line-height: unset;
}
#theme-light .userCtrl__searchBox i::before, [data-theme=light] .userCtrl__searchBox i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .userCtrl__searchBox i::before, [data-theme=dark] .userCtrl__searchBox i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.userCtrl__searchBox--searchInput {
  background-color: transparent;
  border: none;
  direction: rtl;
  outline: none;
  position: relative;
  flex: 1;
  font-size: 12px;
  font-weight: 500;
}
#theme-light .userCtrl__searchBox--searchInput, [data-theme=light] .userCtrl__searchBox--searchInput {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #000;
}
#theme-dark .userCtrl__searchBox--searchInput, [data-theme=dark] .userCtrl__searchBox--searchInput {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.userCtrl__searchBox--searchInput::placeholder {
  color: #77778e;
  font-size: calc(12px + var(--fontsizeScale));
  font-weight: light;
}
.userCtrl__searchBox--cross {
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
  color: #a5a5b3;
}
.userCtrl__icon-container {
  height: 30px;
  width: 50px;
  flex-direction: row;
  justify-content: flex-end;
}
.userCtrl__icon-container > :first-child {
  -webkit-margin-end: 9px;
          margin-inline-end: 9px;
}
.userCtrl__icon-container--arrow i {
  font-size: 5px;
}
.userCtrl__icon-container span {
  margin-top: 0;
  transition: all 0.3s ease;
}
.userCtrl__icon-container--deleteBin {
  font-size: 11px;
  margin-top: 4px;
  z-index: 10;
}
#theme-light .userCtrl__icon-container i::before, [data-theme=light] .userCtrl__icon-container i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #000;
}
#theme-dark .userCtrl__icon-container i::before, [data-theme=dark] .userCtrl__icon-container i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.userCtrl__accoridions-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  position: relative;
}
#theme-light .userCtrl__accoridions-box, [data-theme=light] .userCtrl__accoridions-box {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .userCtrl__accoridions-box, [data-theme=dark] .userCtrl__accoridions-box {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #202127;
}
@media (max-width: 991px) {
  .userCtrl__accoridions-box {
    display: none;
  }
}
.userCtrl__accTitle {
  margin: 0;
  display: flex;
  max-width: 80%;
  gap: 4px;
  align-items: center;
  font-size: calc(14px + var(--fontsizeScale));
  font-weight: 500;
}
#theme-light .userCtrl__accTitle, [data-theme=light] .userCtrl__accTitle {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .userCtrl__accTitle, [data-theme=dark] .userCtrl__accTitle {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.userCtrl__accTitle p {
  margin-bottom: 0;
}
.userCtrl__accTitle--mark {
  display: inline-flex;
  background-color: transparent;
  font-size: calc(12px + var(--fontsizeScale));
}
#theme-light .userCtrl__accTitle--mark, [data-theme=light] .userCtrl__accTitle--mark {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #77778e;
}
#theme-dark .userCtrl__accTitle--mark, [data-theme=dark] .userCtrl__accTitle--mark {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #a0a0a0;
}
.userCtrl__accTitle--mark {
  color: #77778e;
  white-space: break-spaces;
  font-weight: 300;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .userCtrl__accTitle--mark {
    font-size: 14px;
  }
}
.userCtrl__container {
  height: 100%;
  position: relative;
}
@media (max-width: 991px) {
  .userCtrl__container {
    overflow: hidden;
  }
}
.userCtrl__users {
  display: flex;
  transition: height 300ms ease-in-out;
  flex-direction: column;
  z-index: 1;
}
#theme-light .userCtrl__users, [data-theme=light] .userCtrl__users {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .userCtrl__users, [data-theme=dark] .userCtrl__users {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #202127;
}
.userCtrl__users--sectionOpen {
  height: 50%;
}
.userCtrl__users--sectionFull {
  height: calc(100% - 30px);
}
.userCtrl__users--sectionClose {
  height: 30px;
}
.userCtrl__chat {
  display: flex;
  transition: height 300ms ease-in-out;
  justify-content: flex-start;
  flex-direction: column;
  z-index: 2;
  position: relative;
  margin-top: auto;
}
.userCtrl__chat-section--open {
  height: 50%;
}
.userCtrl__chat-section--full {
  height: calc(100% - 30px);
}
.userCtrl__chat-section--close {
  height: 30px;
}
.userCtrl__chat-section--noUserList {
  height: calc(var(--vh) - 48px);
}
.userCtrl__chat-section--noUserList header {
  cursor: default;
}
.userCtrl__chat hr ~ .szh-menu__item {
  padding: 8px 12px !important;
}
.userCtrl__no-result {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80%;
  color: #d2d2d9;
}

.tooltip {
  position: fixed;
  z-index: 9999;
  border-radius: 6px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  pointer-events: none;
  transition: opacity 150ms ease;
  font-size: 14px;
  padding: 6px 12px;
}
#theme-light .tooltip, [data-theme=light] .tooltip {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #77778e;
  background: #fff;
}
#theme-dark .tooltip, [data-theme=dark] .tooltip {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #d2d2d9;
  background: #292a30;
}
.tooltip--dark {
  color: #fff;
}
.tooltip--light {
  border-radius: 12px 12px 12px 0 !important;
}
.tooltip--light.ltr, .tooltip--light.message__text--textLtr {
  border-radius: 12px 12px 0 12px !important;
}
.tooltip--light {
  font-size: 10px !important;
  font-weight: 400;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1411764706) !important;
}
.tooltip--muted {
  background: #1f2937;
  color: #f3f4f6;
  opacity: 0.9;
}
.tooltip--sm {
  font-size: 12px;
  padding: 4px 8px;
}
.tooltip--md {
  font-size: 14px;
  padding: 6px 12px;
}

.userList {
  position: relative;
  padding: 8px 4%;
  height: calc(100% - 40px);
}
#theme-light .userList, [data-theme=light] .userList {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .userList, [data-theme=dark] .userList {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #202127;
}
.userList > div > div {
  overflow-x: hidden !important;
}
@media (max-width: 991px) {
  .userList {
    height: calc(100% - 40px);
    overflow: auto;
    padding: 8px 16px 0;
  }
}
.userList__show {
  height: calc((100vh - (30px * 2 + 188px + 48px + 50px + 15px)) * 0.3);
}
.userList__hide {
  height: 0;
}
.userList__full {
  height: calc(100vh - (30px * 2 + 188px + 48px + 50px + 15px));
}

.c-video {
  object-fit: contain;
  width: 100%;
  height: 100%;
  color: #ffffff;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  pointer-events: none;
  max-width: 100%;
  max-height: 100%;
}
.c-video--flip {
  transform: scaleX(-1);
}
.c-video--hidden {
  opacity: 0;
  transition-duration: 0s;
}

video::-webkit-media-controls-start-playback-button {
  display: none;
}

.video_container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.c-video-present {
  align-self: stretch;
  flex: 1;
  background-color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px;
  border-radius: 18px;
  overflow: hidden;
}
.c-video-present video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 991px) {
  .c-video-present {
    height: calc(100% - 30px);
  }
}
.c-video-present--presentName p {
  color: #ffffff !important;
}
.c-video-present--presentName {
  position: absolute;
  padding: 5px 24px;
  font-size: 12px;
  font-weight: 500;
  bottom: 0;
  right: 0;
  z-index: 9;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 12px;
}
.c-video-present__webmerror {
  position: absolute;
  display: flex;
  flex-direction: column;
  color: #a5a5b3;
  align-items: center;
  font-weight: 400;
}
.c-video-present__webmerror > * {
  margin-bottom: 8px;
}
.c-video-present__webmerror .err-message {
  font-size: 20px;
  line-height: 31px;
  text-align: center;
}
.c-video-present__webmerror .hint {
  font-size: 16px;
  line-height: 24px;
}

.minimal-audio {
  background-color: #f1f3f4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin: 12px 16px;
  border-radius: 33px;
  align-self: stretch;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
  .minimal-audio::after, .minimal-audio::before {
    display: none;
  }
}
.minimal-audio::after, .minimal-audio::before {
  content: "";
  width: 10px;
  height: 2px;
  background: #a5a5b3;
  position: absolute;
  top: 6px;
  right: 50%;
  transform: translateX(50%);
}
.minimal-audio::before {
  top: 10px;
}
.minimal-audio.others {
  border-radius: 36px;
  padding: 10px 20px;
  position: absolute;
  width: 239px;
  height: 72px;
  cursor: move;
}
@media (max-width: 991px) {
  .minimal-audio.others {
    height: 40px;
    width: unset;
    position: initial;
    border-radius: 0;
    margin: 0;
    padding: 0 20px;
  }
}
.minimal-audio.others .actionMenu__actions {
  transform: scale(0.85);
  -webkit-margin-end: -16px;
          margin-inline-end: -16px;
}
@media (max-width: 991px) {
  .minimal-audio.others .actionMenu__actions {
    -webkit-margin-end: -10px;
            margin-inline-end: -10px;
  }
}
.minimal-audio audio {
  flex: 1;
}
.minimal-audio .actionMenu__actions {
  position: static;
  box-shadow: none;
  background-color: #f1f3f4;
  justify-content: center;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.minimal-audio__fileName {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
}
.minimal-audio .video_container {
  height: 100% !important;
  background-color: transparent !important;
  margin: 0 !important;
  justify-content: start !important;
  padding: 0 10px;
}
.minimal-audio canvas {
  transform-origin: center right;
}
@media (max-width: 991px) {
  .minimal-audio canvas {
    transform: scaleX(0.25) scaleY(0.1) !important;
  }
}
.minimal-audio__filename {
  margin-inline: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
          user-select: none;
}

video.visualizer {
  width: 238px;
  height: 171px;
  position: static;
}
video.visualizer.dual {
  width: 73px;
  height: 47px;
}

.audio-wrapper {
  flex-direction: column;
}

@media (max-width: 991px) {
  .audio-visualizer-canvas.alone {
    transform: scale(0.65) !important;
  }
}
.audio-visualizer-canvas__wrapper {
  display: flex;
  align-items: center;
}
.audio-visualizer-canvas__wrapper.dual {
  max-width: 60;
  height: "100%";
  overflow: "hidden";
  min-width: "56px";
}

.c-stream {
  width: 100%;
  height: 100%;
  position: relative;
}
.c-stream--noTeacher {
  height: 100%;
}
@media (max-width: 991px) {
  .c-stream--noTeacher {
    width: 100%;
    background-color: #000000;
  }
}
.c-stream--noTeacher img {
  width: 56px;
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .c-stream--noTeacher img {
    width: 100px;
    height: 100px;
  }
}
.c-stream--noTeacher h6 {
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
}
@media (max-width: 991px) {
  .c-stream--noTeacher h6 {
    font-size: 16px;
  }
}
.c-stream--noTeacher p {
  color: #ffffff;
  font-size: 10px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .c-stream--noTeacher p {
    font-size: 16px;
  }
}
.c-stream__avatar {
  width: 100%;
  height: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-stream__avatar--weak {
  filter: blur(3px);
}
.c-stream__avatar--userNoCam {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  font-size: 25px;
  color: #ffffff;
  opacity: 1;
  width: 100%;
}
@media (max-width: 991px) {
  .c-stream__avatar--userNoCam {
    justify-content: center;
    font-size: 24px;
  }
}
.c-stream__avatar--hideAvatar {
  display: none !important;
}
.c-stream__nickname {
  padding: 5px 8px;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 9;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  gap: 8px;
}
.c-stream__nickname--UsersStreamMode {
  width: 218px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
}
@media (max-width: 991px) {
  .c-stream__nickname--UsersStreamMode {
    width: 85%;
  }
}
.c-stream__nickname--UsersStreamMode--longName:hover {
  background: linear-gradient(to top, black, rgba(0, 0, 0, 0));
  border-radius: 12px;
  z-index: 20;
  width: 70%;
}
.c-stream__nickname--UsersStreamMode--longName:hover span {
  display: inline-block;
  text-overflow: unset;
  border-radius: 12px;
  width: 100%;
  font-weight: 700;
  animation: marquee 5s linear infinite;
}
@media (max-width: 991px) {
  .c-stream__nickname--UsersStreamMode--longName {
    display: none;
  }
}
.c-stream__weak {
  filter: blur(2px);
}
.c-stream__weak--title {
  position: absolute;
  top: 45%;
  left: 0px;
  right: 0px;
  width: 100%;
  text-align: center;
  z-index: 1;
  font-size: 11.2px;
  color: #ffffff;
}
.c-stream__statusIcons {
  top: 7px;
  position: absolute;
  left: 5px;
  z-index: 9;
}
.c-stream__statusIcons i {
  font-size: 18px;
}
.c-stream__icon {
  text-align: center;
  z-index: 10;
  line-height: 1;
}
.c-stream__icon--backDrop {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  width: 24px;
  height: 24px;
}
.c-stream__icon--isSpeaking i {
  color: #00d121;
}
.c-stream__curtain {
  width: 100%;
  height: 30px;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 0px 0px 12px 12px;
}
#theme-light .c-stream__curtain, [data-theme=light] .c-stream__curtain {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: rgba(0, 0, 0, 0.4);
}
#theme-dark .c-stream__curtain, [data-theme=dark] .c-stream__curtain {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: rgba(18, 18, 18, 0.4);
}
@media (max-width: 991px) {
  .c-stream__curtain {
    padding-top: 5px;
    box-sizing: content-box;
  }
}
.c-stream__curtain--hide {
  display: none;
}
.c-stream__outFullScreen {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 5;
  color: #ffffff;
  background-color: #bbbbc6;
}
.c-stream__fullScreen {
  position: absolute;
  top: 4px;
  right: 5px;
  z-index: 5;
  color: #ffffff;
  background-color: rgba(210, 210, 217, 0.5);
  width: 30px;
  height: 30px;
}
.c-stream__fullScreen i {
  font-size: 12px;
}
@media (max-width: 991px) {
  .c-stream__fullScreen {
    font-size: inherit;
    top: 4px;
    right: 4px;
  }
}
.c-stream__fullScreen__cross {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 5;
  color: #ffffff;
  background-color: #bbbbc6;
  font-size: 16px;
}
@media (max-width: 991px) {
  .c-stream__fullScreen__cross {
    font-size: 12px;
  }
}
.c-stream__fullScreen--screenShared {
  position: absolute;
}
@media (max-width: 991px) {
  .c-stream__fullScreen--screenShared {
    background-color: rgba(0, 0, 0, 0.2);
    top: 0px;
    right: unset;
    left: 10px;
    font-size: 16px;
    z-index: 11;
    padding: 12px;
  }
}
@media (max-width: 991px) {
  .c-stream__mobile-full-height {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (max-width: 991px) {
  .c-stream__mobile-full-height--screenshared {
    height: 23vh;
  }
}
.c-stream__moreAction {
  position: absolute;
  left: 5px;
  bottom: 0px;
  color: #ffffff !important;
  z-index: 9;
}
.c-stream__stopped-stream {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
  width: -moz-fit-content;
  min-width: -webkit-fit-content;
  min-width: fit-content;
  min-width: -moz-fit-content;
  position: absolute;
  font-weight: 500;
  bottom: 55px;
  left: 4%;
  background-color: rgba(3, 3, 3, 0.5);
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 12px 12px 12px 0;
  font-size: 14px;
  z-index: 20;
}

.fullscreen {
  top: 40px;
}

.fullscreen-fixed {
  position: fixed;
  top: 48px;
  left: 0;
  width: 100vw;
  height: calc(100vh - 48px);
  z-index: 9999;
  background: black;
  /* new stacking context to appear above navbar */
  isolation: isolate;
}
@media (max-width: 991px) {
  .fullscreen-fixed {
    top: 52px;
    height: calc(100vh - 52px);
  }
}

.is-speaking .c-stream__icon {
  color: #00ffba;
}

@keyframes marquee {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.c-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  border-radius: 200px;
  overflow: hidden;
}
.c-avatar i {
  font-size: 19px;
}
.c-avatar__others {
  color: #8e8ea1;
}

.ripple-avatar-noShadow {
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  transition: box-shadow 2s linear;
  -webkit-transitiontransition: box-shadow 2s linear;
}
.ripple-avatar-noShadow svg {
  width: 67px;
  height: 67px;
}
#theme-light .ripple-avatar-noShadow svg rect, [data-theme=light] .ripple-avatar-noShadow svg rect {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #ff5252;
}
#theme-dark .ripple-avatar-noShadow svg rect, [data-theme=dark] .ripple-avatar-noShadow svg rect {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #ff6666;
}
@media (max-width: 991px) {
  .ripple-avatar-noShadow {
    width: 50px;
    height: 50px;
  }
  .ripple-avatar-noShadow svg {
    width: 50px;
    height: 50px;
  }
}

.ripple-avatar {
  position: absolute;
  width: 67px;
  height: 67px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.3);
  transition: box-shadow 0.15s linear;
  -webkit-transitiontransition: box-shadow 0.15s linear;
}
@media (max-width: 991px) {
  .ripple-avatar {
    width: 50px;
    height: 50px;
    box-shadow: 0 0 0 0.5em rgba(255, 255, 255, 0.3);
    transition: box-shadow 0.15s linear;
    -webkit-transitiontransition: box-shadow 0.15s linear;
  }
}
.ripple-avatar--small {
  width: 50px;
  height: 50px;
}

.user-managment {
  display: flex;
  direction: rtl;
  margin-top: 0;
}
#theme-light .user-managment.meta .status-container__name, [data-theme=light] .user-managment.meta .status-container__name {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff;
}
#theme-dark .user-managment.meta .status-container__name, [data-theme=dark] .user-managment.meta .status-container__name {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.user-managment.meta {
  cursor: pointer;
}
.user-managment__userInfo {
  overflow-x: hidden;
}
.user-managment__userInfo .c-avatar {
  flex-shrink: 0;
}
#theme-light .user-managment__userInfo .c-avatar, [data-theme=light] .user-managment__userInfo .c-avatar {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #000;
}
#theme-dark .user-managment__userInfo .c-avatar, [data-theme=dark] .user-managment__userInfo .c-avatar {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
#theme-light .user-managment__userActions i::before, [data-theme=light] .user-managment__userActions i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #000;
}
#theme-dark .user-managment__userActions i::before, [data-theme=dark] .user-managment__userActions i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
#theme-light .user-managment__userActions .ic-crossv2::before, [data-theme=light] .user-managment__userActions .ic-crossv2::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff0000;
}
#theme-dark .user-managment__userActions .ic-crossv2::before, [data-theme=dark] .user-managment__userActions .ic-crossv2::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff0000;
}
.user-managment__btn {
  border: none;
  -webkit-margin-start: 12px;
          margin-inline-start: 12px;
  color: #ffffff;
  width: 20px;
  height: 20px;
  display: flex;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  cursor: pointer;
  padding: 0px 10px;
}
.user-managment__btn:active {
  box-shadow: none;
}
@media (max-width: 991px) {
  .user-managment__btn {
    width: 25px;
    height: 25px;
  }
}
.user-managment__btn--green {
  background-color: #00d121;
  color: #ffffff;
}
#theme-light .user-managment__btn--green, [data-theme=light] .user-managment__btn--green {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #00d121;
}
#theme-dark .user-managment__btn--green, [data-theme=dark] .user-managment__btn--green {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #66e37a;
}
.user-managment__btn--green {
  box-shadow: 0 1px 8px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 991px) {
  .user-managment__btn--green {
    font-size: 14px;
  }
}
#theme-light .user-managment__btn--green i.ic-check::before, [data-theme=light] .user-managment__btn--green i.ic-check::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e1e1e1;
}
#theme-dark .user-managment__btn--green i.ic-check::before, [data-theme=dark] .user-managment__btn--green i.ic-check::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.user-managment__btn--red {
  background-color: #ffffff;
  color: #ff0000;
  box-shadow: 0 1px 8px 0px rgba(0, 0, 0, 0.25);
}
.user-managment__loading-box {
  position: relative;
  margin-right: 12px;
  margin-top: 5px;
}
.user-managment__tooltip {
  font-size: 10px !important;
}
.user-managment__tooltip {
  font-weight: 400;
}
#theme-light .user-managment__tooltip, [data-theme=light] .user-managment__tooltip {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #77778e;
}
#theme-dark .user-managment__tooltip, [data-theme=dark] .user-managment__tooltip {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #77778e;
}
.user-managment__tooltip {
  border-radius: 12px 12px 12px 0 !important;
  background: white !important;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1411764706) !important;
  z-index: 99999 !important;
}
.user-managment__tooltip-trigger {
  display: flex;
  align-items: center;
  cursor: pointer;
  touch-action: manipulation;
}
.user-managment__tooltip-trigger svg {
  pointer-events: none;
}

.c-radio__label {
  color: inherit;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 32px;
}
.c-radio__label--disabled {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1411764706);
}
#theme-light .c-radio__label--disabled, [data-theme=light] .c-radio__label--disabled {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e8e8ec !important;
}
#theme-dark .c-radio__label--disabled, [data-theme=dark] .c-radio__label--disabled {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #393a40 !important;
}
#theme-light .c-radio__label--disabled > div > span > p, [data-theme=light] .c-radio__label--disabled > div > span > p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e8e8ec;
}
#theme-dark .c-radio__label--disabled > div > span > p, [data-theme=dark] .c-radio__label--disabled > div > span > p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #393a40;
}
.c-radio__input {
  display: none;
}
.c-radio__input:checked + .spot {
  transform: scale(1);
}
.c-radio__input .active-spot {
  transform: scale(1);
}
.c-radio__icon {
  height: 13px;
  width: 13px;
  border: 0.15em solid;
  font-size: inherit;
  max-width: 1em;
  min-width: 1em;
  max-height: 1em;
  min-height: 1em;
  margin: 9px;
}
.c-radio__icon .spot {
  font-size: inherit;
  fill: currentColor;
  transform: scale(0);
  transition: 200ms transform;
}

.q-a {
  width: 100%;
  background: #f3f6f9;
}
#theme-light .q-a, [data-theme=light] .q-a {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #f3f6f9;
}
#theme-dark .q-a, [data-theme=dark] .q-a {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #15161b;
}
.q-a {
  transition: margin-right 0.1s linear;
  height: calc(var(--vh) - 48px);
  overflow: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .q-a {
    height: var(--vh);
  }
}
.q-a__time {
  color: #171735;
}
#theme-light .q-a__time, [data-theme=light] .q-a__time {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .q-a__time, [data-theme=dark] .q-a__time {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #8e8ea1;
}
.q-a__qus-title {
  margin-bottom: 32px;
  font-size: calc(14px + var(--fontsizeScale));
  border: 1px solid #d2d2d9;
  background: #fff;
}
#theme-light .q-a__qus-title, [data-theme=light] .q-a__qus-title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
  color: #171735;
}
#theme-dark .q-a__qus-title, [data-theme=dark] .q-a__qus-title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
  color: #fff;
}
.q-a__qus-title {
  border-radius: 8px;
  text-align: right;
  word-break: break-word;
  padding: 12px;
}
@media (max-width: 991px) {
  .q-a__qus-title {
    text-align: right;
    word-break: break-word;
  }
}
.q-a__qus-title.answered {
  background: unset;
  border: none;
}
#theme-light .q-a__header, [data-theme=light] .q-a__header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #f3f6f9;
}
#theme-dark .q-a__header, [data-theme=dark] .q-a__header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #15161b;
}
@media (max-width: 991px) {
  .q-a__header {
    padding: 0;
    width: 100%;
  }
}
.q-a__header-description {
  font-size: calc(16px + var(--fontsizeScale));
  margin: 16px;
  color: #171735;
}
#theme-light .q-a__header-description, [data-theme=light] .q-a__header-description {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .q-a__header-description, [data-theme=dark] .q-a__header-description {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.q-a__header-btn {
  text-align: center;
  margin: 16px;
}
.q-a__header-btn.create {
  margin: 16px 0;
}
.q-a__header-btn button {
  height: 36px;
  font-size: 14px !important;
  font-weight: 400 !important;
}
@media (max-width: 991px) {
  .q-a__header-btn button {
    font-size: calc(14px + var(--fontsizeScale)) !important;
  }
}
.q-a__header-subject {
  font-size: calc(16px + var(--fontsizeScale));
  font-weight: 600;
  padding: 0;
  margin-bottom: 0;
  color: #171735;
}
#theme-light .q-a__header-subject, [data-theme=light] .q-a__header-subject {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .q-a__header-subject, [data-theme=dark] .q-a__header-subject {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.q-a__header h2 {
  padding: 0;
}
@media (max-width: 991px) {
  .q-a__header h2 {
    padding: 10px 24px;
  }
}
.q-a__list {
  padding: 10px 16px 16px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 12px;
}
.q-a__list::-webkit-scrollbar-track {
  border-color: #f3f6f9;
}
.q-a__list::-webkit-scrollbar-thumb {
  border-color: #f3f6f9;
}
@media (max-width: 991px) {
  .q-a__list {
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.q-a__list-empty {
  width: 100%;
  height: 80px;
  background-color: #e8e8ec;
}
#theme-light .q-a__list-empty, [data-theme=light] .q-a__list-empty {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #e8e8ec;
}
#theme-dark .q-a__list-empty, [data-theme=dark] .q-a__list-empty {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
.q-a__list-empty {
  border-radius: 8px;
  color: grey;
  display: flex;
  justify-content: center;
  align-items: center;
}
.q-a__list-card-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.q-a__list-card-top > div.c-tooltip__parent:not(:first-child) {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}
.q-a__list-switch {
  margin-inline: 10px;
  display: flex;
  justify-content: center;
}
.q-a__list-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.q-a__list-info .icon {
  display: flex;
  align-items: center;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  color: #bbbbc6;
}
.q-a__list-info .icon svg,
.q-a__list-info .icon svg * {
  fill: #bbbbc6;
}
.q-a__list-info .icon > :first-child {
  -webkit-margin-end: 4px;
          margin-inline-end: 4px;
}
.q-a__list-info div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.q-a__list-count {
  font-size: calc(14px + var(--fontsizeScale));
  white-space: nowrap;
  font-weight: normal;
  color: #000000;
}
#theme-light .q-a__list-count, [data-theme=light] .q-a__list-count {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #000;
}
#theme-dark .q-a__list-count, [data-theme=dark] .q-a__list-count {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.q-a__list-count {
  -webkit-margin-end: 35px;
          margin-inline-end: 35px;
}
.q-a__list-count > :first-child {
  -webkit-margin-end: 14px;
          margin-inline-end: 14px;
}
.q-a__list--notif {
  border-radius: 8px;
  padding: 10px 5px 10px 5px;
  display: flex;
  align-items: start;
  font-size: 16px;
  font-weight: 300;
  color: #171735;
}
#theme-light .q-a__list--notif, [data-theme=light] .q-a__list--notif {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #226b35;
}
#theme-dark .q-a__list--notif, [data-theme=dark] .q-a__list--notif {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.q-a__list--questionBox {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
}
.q-a__list--ques-label {
  background: #fff;
  color: #171735;
}
#theme-light .q-a__list--ques-label, [data-theme=light] .q-a__list--ques-label {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
  color: #171735;
}
#theme-dark .q-a__list--ques-label, [data-theme=dark] .q-a__list--ques-label {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
  color: #fff;
}
.q-a__list--ques-label {
  border-radius: 8px;
  padding: 12px;
  border: 1px solid #d2d2d9;
  flex: 1;
  display: flex;
}
.q-a__list--ques-label > :first-child {
  flex-shrink: 0;
  -webkit-margin-end: 4px;
          margin-inline-end: 4px;
}
.q-a__list--ques-label.true-answer {
  background: #e3e8ff;
}
.q-a__list--answerOptions {
  flex-shrink: 0;
  word-wrap: break-word;
  display: flex;
  align-items: center;
}
.q-a__list--answerOptions .c-radio__label {
  margin-bottom: 0;
}
.q-a__radio {
  border: 1px solid #a5a5b3;
  background: #fff;
}
#theme-light .q-a__radio, [data-theme=light] .q-a__radio {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #fff !important;
}
#theme-dark .q-a__radio, [data-theme=dark] .q-a__radio {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #292a30 !important;
}
.q-a__radio {
  transform: scale(1.143);
}
.q-a__radio svg {
  fill: #0b5cff !important;
}
#theme-light .q-a__radio svg, [data-theme=light] .q-a__radio svg {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #5774ff !important;
}
#theme-dark .q-a__radio svg, [data-theme=dark] .q-a__radio svg {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #9aacff !important;
}
.q-a__create-form {
  overflow: auto;
}
.q-a__create-form::-webkit-scrollbar {
  display: none;
}
.q-a__question {
  padding: 0 16px 16px 16px;
  overflow: auto;
  padding-bottom: 0;
}
.q-a__question h6 {
  margin-top: 0;
  line-height: 22px;
  margin-bottom: 28px;
  font-weight: normal !important;
  overflow: hidden;
}
.q-a__question--q-title {
  width: 100% !important;
  text-overflow: unset !important;
  word-break: break-word !important;
  white-space: break-spaces !important;
  height: auto !important;
}
.q-a__question-title {
  font-size: calc(16px + var(--fontsizeScale));
  font-weight: 700;
  margin: 32px 0 24px 0;
  color: #171735;
}
#theme-light .q-a__question-title, [data-theme=light] .q-a__question-title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .q-a__question-title, [data-theme=dark] .q-a__question-title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.q-a__question-option {
  margin-bottom: 28px;
}
.q-a__question-option .title {
  margin-bottom: 4px;
  line-height: 24px;
  display: flex;
}
.q-a__question-option .title > :first-child {
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
  flex-shrink: 0;
}
.q-a__question-option--green p {
  color: #000000;
}
.q-a__setting {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
  padding: 12px;
  width: 100%;
  background: #ffffff;
}
#theme-light .q-a__setting, [data-theme=light] .q-a__setting {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
  color: #000;
}
#theme-dark .q-a__setting, [data-theme=dark] .q-a__setting {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
  color: #e0e0e0;
}
#theme-light .q-a__setting > div > input ~ .pure-checkmark, [data-theme=light] .q-a__setting > div > input ~ .pure-checkmark {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #0b5cff;
}
#theme-dark .q-a__setting > div > input ~ .pure-checkmark, [data-theme=dark] .q-a__setting > div > input ~ .pure-checkmark {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #9aacff;
}
#theme-light .q-a__setting > div > input:checked ~ .pure-checkmark, [data-theme=light] .q-a__setting > div > input:checked ~ .pure-checkmark {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #0b5cff;
  border: 1px solid #0b5cff;
}
#theme-dark .q-a__setting > div > input:checked ~ .pure-checkmark, [data-theme=dark] .q-a__setting > div > input:checked ~ .pure-checkmark {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #9aacff;
  border: 1px solid #9aacff;
}
.q-a__add-btn {
  color: #0b5cff;
}
#theme-light .q-a__add-btn, [data-theme=light] .q-a__add-btn {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff;
  background-color: #fff;
}
#theme-dark .q-a__add-btn, [data-theme=dark] .q-a__add-btn {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
  background-color: #393a40;
}
.q-a__add-btn {
  margin-bottom: 36px;
  display: flex;
  cursor: pointer;
  font-size: calc(14px + var(--fontsizeScale));
  background: #e3e8ff;
  border-radius: 8px;
  padding: 10px;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  margin-top: 4px;
}
.q-a__add-btn .icon {
  transform: rotateZ(45deg);
  -webkit-margin-end: 12px;
          margin-inline-end: 12px;
}
.q-a__add-btn .icon i.ic-cross {
  color: #ffffff;
  background: #0b5cff;
  border-radius: 50px;
  padding: 7px;
  font-size: xx-small;
  font-weight: bold;
}
#theme-light .q-a__add-btn .icon i::before, [data-theme=light] .q-a__add-btn .icon i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff;
}
#theme-dark .q-a__add-btn .icon i::before, [data-theme=dark] .q-a__add-btn .icon i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.q-a__form input {
  background: #ffffff;
  border: 1px solid #d2d2d9;
  height: 48px;
  color: #171735;
}
#theme-light .q-a__form input, [data-theme=light] .q-a__form input {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
  border: unset;
  color: #171735;
}
#theme-dark .q-a__form input, [data-theme=dark] .q-a__form input {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
  border: unset;
  color: #e0e0e0;
}
#theme-light .q-a__form input::placeholder, [data-theme=light] .q-a__form input::placeholder {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
  opacity: 0.6;
}
#theme-dark .q-a__form input::placeholder, [data-theme=dark] .q-a__form input::placeholder {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #a0a0a0;
  opacity: 0.6;
}
#theme-light .q-a__form input:focus, [data-theme=light] .q-a__form input:focus {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  outline-color: #0b5cff;
}
#theme-dark .q-a__form input:focus, [data-theme=dark] .q-a__form input:focus {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  outline-color: #9aacff;
}
.q-a__opt {
  margin-bottom: 16px;
  align-items: center;
}
.q-a__opt .input-wrapper {
  margin-bottom: 0;
}
.q-a__opt .remove-opt-icon {
  color: #77778e;
}
#theme-light .q-a__opt .remove-opt-icon, [data-theme=light] .q-a__opt .remove-opt-icon {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #77778e;
}
#theme-dark .q-a__opt .remove-opt-icon, [data-theme=dark] .q-a__opt .remove-opt-icon {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.q-a__opt .remove-opt-icon {
  font-size: 14px;
}
.q-a__opt .remove-opt-button {
  -webkit-margin-start: 8px;
          margin-inline-start: 8px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  padding: 0;
  background: #ffffff;
}
#theme-light .q-a__opt .remove-opt-button, [data-theme=light] .q-a__opt .remove-opt-button {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .q-a__opt .remove-opt-button, [data-theme=dark] .q-a__opt .remove-opt-button {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
.q-a__opt .opt-checkbox {
  width: 16px;
  min-width: 16px;
  background: #fff;
}
#theme-light .q-a__opt .opt-checkbox, [data-theme=light] .q-a__opt .opt-checkbox {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .q-a__opt .opt-checkbox, [data-theme=dark] .q-a__opt .opt-checkbox {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
.q-a__opt .opt-checkbox {
  height: 16px;
  border: 1px solid #a5a5b3;
  border-radius: 50%;
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.q-a__opt .opt-checkbox.border-red {
  border-color: red;
}
#theme-light .q-a__opt .opt-checkbox.border-red, [data-theme=light] .q-a__opt .opt-checkbox.border-red {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
#theme-dark .q-a__opt .opt-checkbox.border-red, [data-theme=dark] .q-a__opt .opt-checkbox.border-red {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-color: #ff6666;
}
.q-a__opt .opt-checkbox.correct-opt {
  border-color: #0b5cff;
}
#theme-light .q-a__opt .opt-checkbox.correct-opt, [data-theme=light] .q-a__opt .opt-checkbox.correct-opt {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-color: #0b5cff;
}
#theme-dark .q-a__opt .opt-checkbox.correct-opt, [data-theme=dark] .q-a__opt .opt-checkbox.correct-opt {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-color: #9aacff;
}
.q-a__opt .opt-checkbox.correct-opt ::before {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  background: #0b5cff;
}
#theme-light .q-a__opt .opt-checkbox.correct-opt ::before, [data-theme=light] .q-a__opt .opt-checkbox.correct-opt ::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #0b5cff;
}
#theme-dark .q-a__opt .opt-checkbox.correct-opt ::before, [data-theme=dark] .q-a__opt .opt-checkbox.correct-opt ::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #9aacff;
}
.q-a__opt .opt-checkbox.correct-opt ::before {
  border-radius: 50%;
}
.q-a__opt-row {
  box-shadow: none;
  border: 1px solid #d2d2d9;
}
.q-a__question-opts {
  background: #fff;
  padding: 16px;
  margin-top: 20px;
  border-radius: 8px;
  color: #4a4a68;
}
#theme-light .q-a__question-opts, [data-theme=light] .q-a__question-opts {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
  color: #4a4a68;
}
#theme-dark .q-a__question-opts, [data-theme=dark] .q-a__question-opts {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
  color: #fff;
}
.q-a__answer-form {
  font-size: 14px;
  font-weight: 300;
  color: #111128;
}
.q-a__checked-icon {
  font-size: 20px;
}

[type=radio]:checked {
  color: #52ef96;
}

.c-question {
  width: 100%;
  min-height: 103px;
  padding: 13px;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.07);
  border-radius: 12px;
  margin-top: 14px;
  margin-bottom: 15px;
  cursor: pointer;
  justify-content: space-between;
  position: relative;
  background: #fff;
}
#theme-light .c-question > div:nth-child(2), [data-theme=light] .c-question > div:nth-child(2) {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-question > div:nth-child(2), [data-theme=dark] .c-question > div:nth-child(2) {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
#theme-light .c-question, [data-theme=light] .c-question {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .c-question, [data-theme=dark] .c-question {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #303136;
}
.c-question:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.24);
}
.c-question__expired {
  background-color: #eef1ff;
}
.c-question__expired:hover {
  box-shadow: none;
}
.c-question__title {
  color: #4a4a68;
}
#theme-light .c-question__title, [data-theme=light] .c-question__title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #4a4a68;
}
#theme-dark .c-question__title, [data-theme=dark] .c-question__title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.c-question__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  margin-bottom: 0px;
  font-size: calc(14px + var(--fontsizeScale));
  font-weight: 300;
  color: #4a4a68;
  display: flex;
  line-height: 24px;
}
.c-question__title > :first-child {
  flex-shrink: 0;
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
}
.c-question__icon {
  color: #77778e;
}
#theme-light .c-question__icon, [data-theme=light] .c-question__icon {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #77778e;
}
#theme-dark .c-question__icon, [data-theme=dark] .c-question__icon {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.c-question__more-opt-btn {
  padding: 4px 8px !important;
  margin-top: -5px;
  -webkit-margin-end: -8px;
          margin-inline-end: -8px;
}

.c-user-info {
  width: 100%;
  padding: 9px 10px 12px;
  border-radius: 10px;
}
#theme-light .c-user-info, [data-theme=light] .c-user-info {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #e8e8ec;
}
#theme-dark .c-user-info, [data-theme=dark] .c-user-info {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
.c-user-info hr {
  margin: 14px 0 !important;
}
.c-user-info__exit {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
#theme-light .c-user-info__exit, [data-theme=light] .c-user-info__exit {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff0000;
}
#theme-dark .c-user-info__exit, [data-theme=dark] .c-user-info__exit {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff6666;
}
@media (max-width: 991px) {
  .c-user-info__exit {
    width: 70%;
  }
}
.c-user-info__exit i {
  margin: 0 10px;
}
@media (max-width: 991px) {
  .c-user-info__info {
    padding: 0 12px;
  }
}
.c-user-info__info__name {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
}
.c-user-info__info__avatar {
  display: flex;
  height: 48px;
  width: 48px;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}
.c-user-info__info__avatar img {
  width: 100%;
  height: 100%;
}
.c-user-info__first-lastName {
  overflow: hidden;
  max-width: 170px;
}
@media (max-width: 991px) {
  .c-user-info__first-lastName {
    max-width: unset;
  }
}
.c-user-info__first-lastName--name {
  align-self: start;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.c-user-info__powerdBy {
  display: flex;
  justify-content: center;
  align-items: center;
  direction: ltr;
  margin-top: 10px;
}
.c-user-info__powerdBy svg {
  width: 42px;
  height: 12px;
}
.c-user-info__powerdBy p {
  margin-top: 3px;
  margin-right: 5px;
  color: #a5a5b3;
  font-size: calc(10px + var(--fontsizeScale));
}
@media (max-width: 991px) {
  .c-user-info__powerdBy p {
    font-size: calc(14px + var(--fontsizeScale));
  }
}

.drawer {
  width: 0;
  overflow: hidden;
  flex: 0 0 auto;
  transition: width 0.3s cubic-bezier(0, 0, 0, 0.99);
  position: absolute;
  z-index: 1500;
}
#theme-light .drawer, [data-theme=light] .drawer {
  background-color: #f3f6f9;
  box-shadow: unset;
}
#theme-dark .drawer, [data-theme=dark] .drawer {
  background-color: #15161b;
  box-shadow: unset;
}
.drawer {
  height: calc(var(--vh) - 48px);
}
@media (max-width: 991px) {
  .drawer {
    display: none;
  }
}
.drawer--en {
  right: 0px;
}
.drawer--fa {
  left: 0px;
}
.drawer.open-side {
  width: 360px;
}
@media (max-width: 991px) {
  .drawer.open-side {
    display: block;
    width: 100vw;
    margin-right: 0;
    height: 100%;
    position: fixed;
    z-index: 99;
    bottom: 0;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-overflow-scrolling: auto !important;
  }
}
.drawer__wrapper {
  position: fixed;
  z-index: 1500;
  background-color: rgba(0, 0, 0, 0);
  opacity: 0;
  visibility: hidden;
  transition: 250ms opacity;
  padding-top: 48px;
}
.drawer__wrapper.show {
  opacity: 1;
  visibility: visible;
}
.drawer > div {
  opacity: 0;
  height: 100%;
  transition: opacity 0.3s linear !important;
  transition-delay: 0.3s !important;
}
.drawer.open-side > div {
  transition-delay: 0 !important;
  opacity: 1;
}

.chat-header__text {
  display: flex;
  align-items: center;
}
.chat-header__text h4 {
  font-size: calc(16px + var(--fontsizeScale));
  font-weight: medium;
  margin: 0;
  margin-left: 20px;
}
.chat-header__title {
  font-size: calc(14px + var(--fontsizeScale));
  font-weight: 500;
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
}
#theme-light .chat-header__title, [data-theme=light] .chat-header__title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #000;
}
#theme-dark .chat-header__title, [data-theme=dark] .chat-header__title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
@media (max-width: 991px) {
  .chat-header__title {
    font-size: calc(18px + var(--fontsizeScale));
    font-weight: 400;
  }
}
.chat-header__Activation {
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
@media (max-width: 991px) {
  .chat-header__Activation {
    width: 12px;
    height: 12px;
  }
}
.chat-header__Activation {
  display: flex;
}
.chat-header__Activation--Active {
  background-color: #00d121;
}
#theme-light .chat-header__Activation--Active, [data-theme=light] .chat-header__Activation--Active {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #00d121;
}
#theme-dark .chat-header__Activation--Active, [data-theme=dark] .chat-header__Activation--Active {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #66e37a;
}
.chat-header__Activation--Deactive {
  background-color: #ffc400;
}
.chat-header__Activation--message {
  position: absolute;
  top: 33px;
  height: 33px;
  right: -13px;
  width: -webkit-fit-content;
  width: fit-content;
  background-color: #ffc400;
  color: #000000;
  padding: 8px 8px 6px 4px;
  border-radius: 4px;
  z-index: 11;
  white-space: nowrap;
  font-size: calc(12px + var(--fontsizeScale));
  font-weight: 400;
}
.chat-header__Activation--message::before {
  content: "";
  position: absolute;
  height: 15px;
  width: 15px;
  bottom: calc(100% - 7px);
  right: 12px;
  background: #ffc400;
  border-radius: 4px 0px 0 0;
  transform: rotate(45deg);
  z-index: 1;
}
.chat-header__Activation--message.private-icon {
  background: #dde3ff;
  color: #303030;
  font-size: 12px;
}
.chat-header__Activation--message.private-icon::before {
  background: #dde3ff;
}
.chat-header__Activation--blueMessageLtr {
  left: -13px;
}
.chat-header__Activation--blueMessageLtr::before {
  left: 16px;
}
.chat-header__Activation--yellowMessageLtr {
  left: -13px;
}
.chat-header__Activation--yellowMessageLtr::before {
  left: 12px;
}

.message {
  display: flex;
  flex-direction: column;
}
#theme-light .message, [data-theme=light] .message {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #e8e8ec;
}
#theme-dark .message, [data-theme=dark] .message {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
.message {
  transition: all 0.3s !important;
  max-width: 233px;
  width: -webkit-fit-content;
  width: fit-content;
  border-radius: 12px;
  font-size: calc(10px + var(--fontsizeScale));
  margin-right: auto;
  margin-left: 0px;
  min-width: 70px;
  position: relative;
  margin-bottom: 5px;
  min-height: -webkit-fit-content;
  min-height: fit-content;
  padding: 8px 10px 5px 20px;
}
.message--highlightElm {
  filter: contrast(0.82) !important;
}
@media (max-width: 991px) {
  .message {
    max-width: 85%;
  }
}
.message.message--edge {
  border-radius: 12px 12px 12px 2px;
}
.message--me {
  margin-left: auto;
  margin-right: 0px;
}
.message--me.is-temp {
  margin-right: 25px;
}
#theme-light .message--me, [data-theme=light] .message--me {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #eef1ff;
}
#theme-dark .message--me, [data-theme=dark] .message--me {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #5774ff;
}
.message--me.message--edge {
  border-radius: 12px 12px 2px 12px;
}
.message--me:first-child {
  margin-top: 6px;
}
#theme-light .message--me div:last-child > span, [data-theme=light] .message--me div:last-child > span {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
#theme-dark .message--me div:last-child > span, [data-theme=dark] .message--me div:last-child > span {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
#theme-light .message--me > button.c-moreChatOptions, [data-theme=light] .message--me > button.c-moreChatOptions {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
#theme-dark .message--me > button.c-moreChatOptions, [data-theme=dark] .message--me > button.c-moreChatOptions {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.message--teacher {
  background-color: #eef1ff;
}
.message__sender {
  height: 23px;
  width: 100%;
  position: absolute;
  top: -20px;
  right: 0px;
  padding-bottom: 0px;
  margin-top: 0.5px;
  font-size: calc(10px + var(--fontsizeScale));
  font-weight: 400;
}
#theme-light .message__sender, [data-theme=light] .message__sender {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff;
}
#theme-dark .message__sender, [data-theme=dark] .message__sender {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.message__sender {
  word-break: break-word;
}
.message--marginTop {
  margin-top: 30px;
}
.message__text {
  word-break: break-word;
  white-space: pre-line;
  color: #171735;
}
#theme-light .message__text, [data-theme=light] .message__text {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .message__text, [data-theme=dark] .message__text {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.message__text {
  font-size: calc(12px + var(--fontsizeScale));
  padding: 0px 0px 12px 30px;
  min-height: 30px;
  width: 100%;
}
.message__text--textLtr {
  padding: 0px 5px 10px 5px;
}
.message__repliedBox {
  display: flex;
  flex-direction: column;
  width: -webkit-fit-content;
  width: fit-content;
  max-width: calc(80% - 8px);
  cursor: pointer;
  margin-right: 10px;
  margin-bottom: 10px;
}
.message__repliedBox::before {
  content: "";
  position: absolute;
  right: 10px;
  height: 30px;
  border: 1.5px solid #0b5cff;
  background-color: #0b5cff;
  border-radius: 15px;
}
#theme-light .message__repliedBox::before, [data-theme=light] .message__repliedBox::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 1.5px solid #0b5cff;
  background-color: #0b5cff;
}
#theme-dark .message__repliedBox::before, [data-theme=dark] .message__repliedBox::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 1.5px solid #9aacff;
  background-color: #9aacff;
}
.message__repliedBox--replySender {
  font-size: calc(9px + var(--fontsizeScale));
  font-weight: 500;
  color: #0b5cff;
}
#theme-light .message__repliedBox--replySender, [data-theme=light] .message__repliedBox--replySender {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff;
}
#theme-dark .message__repliedBox--replySender, [data-theme=dark] .message__repliedBox--replySender {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.message__repliedBox--replySender {
  margin-bottom: 5px;
}
.message__repliedBox--replyMsg {
  font-size: calc(10px + var(--fontsizeScale));
  color: #4a4a68;
}
#theme-light .message__repliedBox--replyMsg, [data-theme=light] .message__repliedBox--replyMsg {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #4a4a68;
}
#theme-dark .message__repliedBox--replyMsg, [data-theme=dark] .message__repliedBox--replyMsg {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #a0a0a0;
}
.message__footer {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  bottom: 3px;
  left: 6px;
}
.message__footer--time {
  font-size: calc(9px + var(--fontsizeScale));
  color: #9aacff;
  width: -webkit-fit-content;
  width: fit-content;
  margin-left: 8px;
}
.message__footer--pined {
  color: #9aacff;
  margin-bottom: 3px;
  font-size: 9px;
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}
.message__footer--edited {
  color: #9aacff;
  font-size: 8px;
  margin-bottom: 3px;
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}
.message__lock-icon {
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}
.message__lock-icon::before {
  color: #9aacff;
  font-size: 12px;
}
.message__failed {
  position: absolute;
  top: 50%;
  left: 95%;
  transform: translate(100%, -50%);
}
.message__spinner {
  width: 13px;
  height: 13px;
  border: 1px solid #C6C7C9;
  border-top-color: #E8E8EC;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  position: absolute;
  top: 50%;
  left: 95%;
  transform: translate(100%, -50%);
}

@keyframes spin {
  0% {
    transform: translate(100%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(100%, -50%) rotate(360deg);
  }
}
.newMessage__box {
  width: 100%;
  padding: 0 8px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  border-top: 2.5px solid #eef1ff;
  overflow: hidden;
  z-index: 100;
  direction: rtl !important;
}
#theme-light .newMessage__box, [data-theme=light] .newMessage__box {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
  border-color: #eef1ff;
}
#theme-dark .newMessage__box, [data-theme=dark] .newMessage__box {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
  border-color: #6c6c6c;
}
@media (max-width: 991px) {
  .newMessage__box {
    padding: 0 16px;
    z-index: 100;
  }
}
.newMessage__text-input {
  resize: none;
  border-color: transparent;
  width: 100%;
  overflow-y: auto;
  max-height: 80px;
  height: 40px;
  padding: 6px;
  font-weight: 300;
  font-size: calc(16px + var(--fontsizeScale));
  background-color: #ffffff;
}
#theme-light .newMessage__text-input, [data-theme=light] .newMessage__text-input {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
  color: #000;
}
#theme-dark .newMessage__text-input, [data-theme=dark] .newMessage__text-input {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
  color: #fff;
}
@media (max-width: 991px) {
  .newMessage__text-input {
    padding: 9px;
    height: 48px;
    width: 100%;
  }
}
.newMessage__text-input::placeholder {
  color: #77778e;
}
#theme-light .newMessage__text-input::placeholder, [data-theme=light] .newMessage__text-input::placeholder {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #77778e;
}
#theme-dark .newMessage__text-input::placeholder, [data-theme=dark] .newMessage__text-input::placeholder {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.newMessage__text-input::placeholder {
  font-weight: light;
  font-size: calc(14px + var(--fontsizeScale));
}
.newMessage__send--btn {
  display: flex;
  justify-content: center;
  padding: 0;
  background-color: transparent;
  height: inherit;
  align-items: center;
  align-self: flex-end;
  height: 40px;
}
@media (max-width: 991px) {
  .newMessage__send--btn {
    height: 48px;
  }
}
.newMessage__send--btn:active {
  box-shadow: none;
}
@media (max-width: 991px) {
  .newMessage__sendicon {
    font-size: 30px;
  }
}
#theme-light .newMessage__sendicon::before, [data-theme=light] .newMessage__sendicon::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff;
}
#theme-dark .newMessage__sendicon::before, [data-theme=dark] .newMessage__sendicon::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.newMessage__SendMsgBox {
  display: flex;
  align-items: center;
  padding: 5px 0;
  font-size: calc(12px + var(--fontsizeScale));
  transition: display 300ms ease-in-out;
  width: 100%;
  box-shadow: 0 -3px 12px -5px rgba(0, 0, 0, 0.231372549), 0 -15px 8px -18px rgba(0, 0, 0, 0.231372549);
}
.newMessage__SendMsgBox--wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: -webkit-sticky;
  position: sticky;
  right: 0px;
  left: 0px;
  width: 100%;
  background-color: #ffffff;
}
#theme-light .newMessage__SendMsgBox--wrapper, [data-theme=light] .newMessage__SendMsgBox--wrapper {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
  color: #171735;
}
#theme-dark .newMessage__SendMsgBox--wrapper, [data-theme=dark] .newMessage__SendMsgBox--wrapper {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
  color: #fff;
}
.newMessage__SendMsgBox--wrapper {
  z-index: 50;
}
.newMessage__SendMsgBox--iconBadge {
  width: 20%;
  height: 100%;
  margin-left: 10px;
}
.newMessage__SendMsgBox--iconBadge i {
  font-size: 16px;
  color: #0b5cff;
}
#theme-light .newMessage__SendMsgBox--iconBadge i, [data-theme=light] .newMessage__SendMsgBox--iconBadge i {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff;
}
#theme-dark .newMessage__SendMsgBox--iconBadge i, [data-theme=dark] .newMessage__SendMsgBox--iconBadge i {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.newMessage__SendMsgBox--blur {
  animation: riseReply ease-in-out 310ms forwards;
}
.newMessage__SendMsgBox--unBlur {
  display: none;
}
.newMessage__SendMsgBox--info {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
}
.newMessage__SendMsgBox--sender {
  font-size: calc(10px + var(--fontsizeScale));
  color: #0b5cff;
}
.newMessage__SendMsgBox--text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: calc(14px + var(--fontsizeScale));
  width: 100%;
}
.newMessage__SendMsgBox--icon {
  width: 25px;
  height: 25px;
  margin-right: 15px;
  cursor: pointer;
  color: #0b5cff;
}

@keyframes riseReply {
  0% {
    bottom: -84px;
    opacity: 0;
    transform: scale(0.7);
  }
  100% {
    bottom: 0px;
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes replyDown {
  0% {
    bottom: 0px;
    opacity: 1;
    transform: scale(1);
    visibility: visible;
  }
  100% {
    bottom: -84px;
    opacity: 0;
    transform: scale(0.7);
    visibility: hidden;
  }
}
.sticky-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  right: 0;
  width: 100%;
  background-color: #f3f6f9;
}
#theme-light .sticky-header, [data-theme=light] .sticky-header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #f3f6f9;
}
#theme-dark .sticky-header, [data-theme=dark] .sticky-header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #15161b;
}
.sticky-header {
  z-index: 5;
  min-height: -webkit-fit-content;
  min-height: fit-content;
}
@media (max-width: 991px) {
  .sticky-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.sticky-header--with-shadow {
  box-shadow: 0 0 16px #77778e;
}
.sticky-header--no-shadow {
  box-shadow: none;
}

.progress-bar__container {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  margin: 10px 0;
}
.progress-bar__fill {
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
  position: relative;
  height: 6px;
  min-width: 7px;
  background-color: rgba(255, 51, 51, 0.47);
  border-radius: 8px;
}
.progress-bar__fill--green {
  background-color: #00d121;
}
.progress-bar__fill--green p {
  color: #2c912c;
}
.progress-bar__fill--red {
  background-color: #ff3333;
}
.progress-bar__fill--cream {
  background-color: #ffc400;
}
.progress-bar__opt-result {
  font-weight: 300;
  flex-shrink: 0;
}

.accordion {
  width: 100%;
  transition: height ease 0.3s;
  height: 30px;
  overflow: hidden;
  margin-bottom: 12px;
}
.accordion--open {
  height: -webkit-fit-content;
  height: fit-content;
  transition: all ease 0.3s;
  overflow: visible;
}
.accordion__head {
  height: 30px;
}
.accordion__head-content {
  height: 30px;
  display: flex;
  cursor: pointer;
}
.accordion__head-content-title {
  display: flex;
  align-items: center;
}
.accordion__head-content-title p {
  display: inline-block;
}
.accordion__head-content-title p:nth-child(1) {
  color: #000000;
  font-weight: 500;
  font-size: calc(9px + var(--fontsizeScale));
  margin-bottom: 15px;
}
.accordion__head-content-title p:nth-child(2) {
  color: rgb(121.7855421687, 121.7855421687, 144.3144578313);
  font-size: 9px;
  margin-right: 4px;
}
.accordion__head-content-arrow {
  display: inline-block;
  width: 14px;
  height: 14px;
  font-size: 4px;
  transition: all 0.3s ease;
  border-radius: 5px;
  text-align: center;
  margin-top: -2px;
  color: #0b5cff !important;
}
#theme-light .accordion__head-content-arrow, [data-theme=light] .accordion__head-content-arrow {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff !important;
}
#theme-dark .accordion__head-content-arrow, [data-theme=dark] .accordion__head-content-arrow {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff !important;
}
.accordion__head-content-arrow--open div {
  font-size: 4px;
  transition: all 0.3s ease;
  transform: rotate(180deg);
  margin-top: 5px;
}
.accordion__head-content-font-icon {
  margin-top: 4px;
  font-size: 4px;
  transform: rotate(360deg);
  transition: all 0.3s ease;
}
.accordion__body {
  height: -webkit-fit-content;
  height: fit-content;
  /* width */
}
.accordion__body::-webkit-scrollbar {
  width: 12px;
}
.accordion__body {
  /* Track */
}
.accordion__body::-webkit-scrollbar-track {
  background: transparent;
  border: 5px solid #ffffff;
}
#theme-light .accordion__body::-webkit-scrollbar-track, [data-theme=light] .accordion__body::-webkit-scrollbar-track {
  -webkit-transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-color: #fff;
}
#theme-dark .accordion__body::-webkit-scrollbar-track, [data-theme=dark] .accordion__body::-webkit-scrollbar-track {
  -webkit-transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-color: transparent;
}
.accordion__body {
  /* Handle */
}
.accordion__body::-webkit-scrollbar-thumb {
  background: rgb(223.8253012048, 223.8253012048, 228.6746987952);
  border-radius: 17px;
  border: 4px solid #ffffff;
}
#theme-light .accordion__body::-webkit-scrollbar-thumb, [data-theme=light] .accordion__body::-webkit-scrollbar-thumb {
  -webkit-transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #d2d2d9;
  border-color: #fff;
}
#theme-dark .accordion__body::-webkit-scrollbar-thumb, [data-theme=dark] .accordion__body::-webkit-scrollbar-thumb {
  -webkit-transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #393a40;
  border-color: #202127;
}
.accordion__body {
  /* Handle */
}
.accordion__body::-webkit-scrollbar-button {
  display: none;
}
.accordion__body {
  /* Handle on hover */
}
.accordion__body::-webkit-scrollbar-thumb:hover {
  background: rgb(148, 148, 148);
}
.accordion__body div:first-child {
  color: #171735;
}
#theme-light .accordion__body div:first-child, [data-theme=light] .accordion__body div:first-child {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .accordion__body div:first-child, [data-theme=dark] .accordion__body div:first-child {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.accordion__body--fit {
  height: -webkit-fit-content;
  height: fit-content;
}

.accordionBox {
  margin-bottom: 12px;
  background: #fff;
}
#theme-light .accordionBox, [data-theme=light] .accordionBox {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .accordionBox, [data-theme=dark] .accordionBox {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #6c6c6c;
}
.accordionBox {
  border-radius: 8px;
  overflow: hidden;
}
.accordionBox__head {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 400;
  color: #0b5cff;
}
#theme-light .accordionBox__head, [data-theme=light] .accordionBox__head {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff;
}
#theme-dark .accordionBox__head, [data-theme=dark] .accordionBox__head {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.accordionBox__head {
  padding: 16px;
  cursor: pointer;
}
.accordionBox__head-icon {
  font-size: 10px;
  line-height: 24px;
  transition: transform 0.3s;
  transform: rotate(180deg);
}
.accordionBox__head-icon.rotate {
  transform: rotate(0deg);
}
.accordionBox__body {
  overflow: hidden;
  max-height: 0px;
  position: relative;
}
.accordionBox__body.open {
  max-height: 100%;
}
.accordionBox__subTitle {
  color: #8e8ea1;
  font-weight: 300;
  -webkit-margin-start: 8px;
          margin-inline-start: 8px;
  font-size: 12px !important;
}
#theme-light .accordionBox__subTitle, [data-theme=light] .accordionBox__subTitle {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #8e8ea1;
}
#theme-dark .accordionBox__subTitle, [data-theme=dark] .accordionBox__subTitle {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #c4c4c4;
}
.accordionBox__extra-icon {
  margin: 0 auto 0 16px;
  display: flex;
  align-items: center;
}

.row-avatar {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  height: 36px;
  padding: 16px;
}
.row-avatar__right {
  font-size: calc(10px + var(--fontsizeScale));
  color: #77778e;
}
#theme-light .row-avatar__right, [data-theme=light] .row-avatar__right {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #77778e;
}
#theme-dark .row-avatar__right, [data-theme=dark] .row-avatar__right {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.row-avatar__right {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0;
}
.row-avatar__left {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  font-size: calc(14px + var(--fontsizeScale));
  color: #000000;
}
.row-avatar__left p {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0;
  -webkit-margin-start: calc(14px + var(--fontsizeScale));
          margin-inline-start: calc(14px + var(--fontsizeScale));
  font-size: calc(10px + var(--fontsizeScale));
}

.c-tooltip__parent {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px 12px 12px 12px;
}
.c-tooltip__child {
  display: flex;
}
.c-tooltip__child--top50per::after {
  top: 50% !important;
}
@media (max-width: 991px) {
  .c-tooltip__login[aria-label][role~=tooltip]::after {
    white-space: pre-wrap;
    max-width: 100vw;
  }
}

/* -------------------------------------------------------------------
  1. Base Styles
  2. Direction Modifiers
  3. Position Modifiers
--------------------------------------------------------------------*/
[aria-label][role~=tooltip] {
  position: relative;
}

[aria-label][role~=tooltip]::before,
[aria-label][role~=tooltip]::after {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  opacity: 0;
  pointer-events: none;
  transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  position: absolute;
  box-sizing: border-box;
  z-index: 10;
  transform-origin: top;
}

[aria-label][role~=tooltip]::before {
  background-size: 100% auto !important;
  content: "";
}

#theme-light [aria-label][role~=tooltip]::after, [data-theme=light] [aria-label][role~=tooltip]::after {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #d8d8d5;
  color: #111111;
}
#theme-dark [aria-label][role~=tooltip]::after, [data-theme=dark] [aria-label][role~=tooltip]::after {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
  color: #fff;
}
[aria-label][role~=tooltip]::after {
  border-radius: 4px;
  white-space: pre;
  content: attr(aria-label);
  font-size: calc(12px + var(--fontsizeScale));
  font-weight: var(--microtip-font-weight, normal);
  text-transform: var(--microtip-text-transform, none);
  padding: 0.5em 1em;
  box-sizing: content-box;
}

[aria-label][role~=tooltip]:hover::before,
[aria-label][role~=tooltip]:hover::after,
[aria-label][role~=tooltip]:focus::before,
[aria-label][role~=tooltip]:focus::after {
  opacity: 1;
  pointer-events: auto;
}

#theme-light [role~=tooltip][data-microtip-position|=top]::before, [data-theme=light] [role~=tooltip][data-microtip-position|=top]::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgb(216, 216, 216)" transform="rotate(0)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
}
#theme-dark [role~=tooltip][data-microtip-position|=top]::before, [data-theme=dark] [role~=tooltip][data-microtip-position|=top]::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgb(57, 58, 64)" transform="rotate(0)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
}
[role~=tooltip][data-microtip-position|=top]::before {
  height: 6px;
  width: 18px;
  margin-bottom: 5px;
}

[role~=tooltip][data-microtip-position|=top]::after {
  margin-bottom: 11px;
}

[role~=tooltip][data-microtip-position|=top]::before {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}

[role~=tooltip][data-microtip-position|=top]:hover::before {
  transform: translate3d(-50%, -5px, 0);
}

[role~=tooltip][data-microtip-position|=top]::after {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}

[role~=tooltip][data-microtip-position=top]:hover::after {
  transform: translate3d(-50%, -5px, 0);
}

[role~=tooltip][data-microtip-position=top-left]::after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
  bottom: 100%;
}

[role~=tooltip][data-microtip-position=top-left]:hover::after {
  transform: translate3d(calc(-100% + 16px), -5px, 0);
}

[role~=tooltip][data-microtip-position=top-right]::after {
  transform: translate3d(calc(0% - 16px), 0, 0);
  bottom: 100%;
}

[role~=tooltip][data-microtip-position=top-right]:hover::after {
  transform: translate3d(calc(0% - 16px), -5px, 0);
}

#theme-light [role~=tooltip][data-microtip-position|=bottom]::before, [data-theme=light] [role~=tooltip][data-microtip-position|=bottom]::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgb(216, 216, 216)" transform="rotate(180 18 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
}
#theme-dark [role~=tooltip][data-microtip-position|=bottom]::before, [data-theme=dark] [role~=tooltip][data-microtip-position|=bottom]::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgb(57, 58, 64)" transform="rotate(180 18 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
}
[role~=tooltip][data-microtip-position|=bottom]::before {
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}

[role~=tooltip][data-microtip-position|=bottom]::after {
  margin-top: 11px;
}

[role~=tooltip][data-microtip-position|=bottom]::before {
  transform: translate3d(-50%, -10px, 0);
  bottom: auto;
  left: 50%;
  top: 100%;
}

[role~=tooltip][data-microtip-position|=bottom]:hover::before {
  transform: translate3d(-50%, 0, 0);
}

[role~=tooltip][data-microtip-position|=bottom]::after {
  transform: translate3d(-50%, -10px, 0);
  top: 100%;
  left: 50%;
}

[role~=tooltip][data-microtip-position=bottom]:hover::after {
  transform: translate3d(-50%, 0, 0);
}

[role~=tooltip][data-microtip-position=bottom-left]::after {
  transform: translate3d(calc(-100% + 16px), -10px, 0);
  top: 100%;
}

[role~=tooltip][data-microtip-position=bottom-left]:hover::after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
}

[role~=tooltip][data-microtip-position=bottom-right]::after {
  transform: translate3d(calc(0% - 16px), -10px, 0);
  top: 100%;
}

[role~=tooltip][data-microtip-position=bottom-right]:hover::after {
  transform: translate3d(calc(0% - 16px), 0, 0);
}

[role~=tooltip][data-microtip-position=left]::before,
[role~=tooltip][data-microtip-position=left]::after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translate3d(10px, -50%, 0);
}

#theme-light [role~=tooltip][data-microtip-position=left]::before, [data-theme=light] [role~=tooltip][data-microtip-position=left]::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgb(216, 216, 216)" transform="rotate(-90 18 18)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
}
#theme-dark [role~=tooltip][data-microtip-position=left]::before, [data-theme=dark] [role~=tooltip][data-microtip-position=left]::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgb(57, 58, 64)" transform="rotate(-90 18 18)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
}
[role~=tooltip][data-microtip-position=left]::before {
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}

[role~=tooltip][data-microtip-position=left]::after {
  margin-right: 11px;
}

[role~=tooltip][data-microtip-position=left]:hover::before,
[role~=tooltip][data-microtip-position=left]:hover::after {
  transform: translate3d(0, -50%, 0);
}

[role~=tooltip][data-microtip-position=right]::before,
[role~=tooltip][data-microtip-position=right]::after {
  bottom: auto;
  left: 100%;
  top: 50%;
  transform: translate3d(-10px, -50%, 0);
}

#theme-light [role~=tooltip][data-microtip-position=right]::before, [data-theme=light] [role~=tooltip][data-microtip-position=right]::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgb(216, 216, 216)" transform="rotate(90 6 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
}
#theme-dark [role~=tooltip][data-microtip-position=right]::before, [data-theme=dark] [role~=tooltip][data-microtip-position=right]::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgb(57, 58, 64)" transform="rotate(90 6 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
}
[role~=tooltip][data-microtip-position=right]::before {
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}

[role~=tooltip][data-microtip-position=right]::after {
  margin-left: 11px;
}

[role~=tooltip][data-microtip-position=right]:hover::before,
[role~=tooltip][data-microtip-position=right]:hover::after {
  transform: translate3d(0, -50%, 0);
}

[role~=tooltip][data-microtip-size=small]::after {
  white-space: initial;
  width: 80px;
}

[role~=tooltip][data-microtip-size=medium]::after {
  white-space: initial;
  width: 150px;
}

[role~=tooltip][data-microtip-size=large]::after {
  white-space: initial;
  width: 260px;
}

.notif {
  width: 8px;
  height: 8px;
  padding-top: 1px;
  font-size: calc(10px + var(--fontsizeScale));
  font-weight: bold;
  background-color: #ff0000;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  z-index: 2;
}
.notif.big {
  width: 15px;
  height: 15px;
}
.notif__wrapper {
  position: absolute;
  left: unset;
  right: 28%;
  top: 0;
  transform: translate(100%, 100%);
}

.c-pureLoading__container {
  height: 100%;
}
.c-pureLoading__container.full-height {
  height: 100vh;
}
.c-pureLoading__container.fit-height {
  height: -webkit-fit-content;
  height: fit-content;
}
.c-pureLoading {
  height: 3em;
  width: 3em;
  color: inherit;
  position: relative;
  display: inline-block;
  border: 0.4em solid;
  border-radius: 50%;
  border-top-color: transparent;
  animation: rotate 1s linear infinite;
  font-size: 14px;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dotsLoading {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
.dots-loading {
  display: flex;
  gap: 2px;
}
.dots-loading__dots {
  border-radius: 50%;
  background-color: #8e8ea1;
  width: 2px;
  height: 2px;
}
.dots-loading__dots:nth-child(1) {
  animation: 1.3s ease-in-out infinite dotsLoading;
}
.dots-loading__dots:nth-child(2) {
  animation: 1.3s ease-in-out 0.3s infinite dotsLoading;
}
.dots-loading__dots:nth-child(3) {
  animation: 1.3s ease-in-out 0.8s infinite dotsLoading;
}

.c-modal__container {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 2000;
  transition-property: opacity;
  transition-duration: 250ms;
  transition-timing-function: ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.c-modal__container.show {
  opacity: 1;
  visibility: visible;
}
.c-modal__wrapper.exchangeRoomUser .c-modal__body, .c-modal__wrapper.renameRoom .c-modal__body, .c-modal__wrapper.settingModal .c-modal__body {
  margin-bottom: 0;
}
.c-modal__wrapper.show.setSessionClosed {
  overflow: visible !important;
  padding-bottom: 8px;
}
.c-modal__wrapper.show.setSessionClosed .c-modal__body {
  margin-bottom: 0;
  padding: 0 16px;
}
.c-modal__wrapper.deleteRoom .c-modal__body {
  margin-bottom: 12px !important;
}
.c-modal__wrapper {
  background-color: #ffffff;
}
#theme-light .c-modal__wrapper, [data-theme=light] .c-modal__wrapper {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .c-modal__wrapper, [data-theme=dark] .c-modal__wrapper {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
}
.c-modal__wrapper {
  padding-bottom: 24px;
  border-radius: 16.8px;
  max-height: 90%;
  max-width: 90%;
  min-width: 340px;
  box-shadow: 0 3px 13px rgba(0, 0, 0, 0.5607843137);
  transition-property: opacity, transform;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
  transition-delay: 0.1s;
  opacity: 0;
  transform: translateY(30px);
}
.c-modal__wrapper .c-modal__header.show-header {
  margin-bottom: 0;
}
.c-modal__wrapper .c-modal__header.show-header ~ .c-modal__body {
  margin-bottom: 12px;
  padding: 0 16px;
}
@media (max-width: 991px) {
  .c-modal__wrapper {
    width: 100%;
    max-width: 100%;
    max-height: 90%;
    height: -webkit-fit-content;
    height: fit-content;
    align-self: flex-end;
    border-radius: 16.8px 16.8px 0 0;
    padding-top: 40px;
  }
  .c-modal__wrapper .c-modal__header {
    display: none;
  }
  .c-modal__wrapper .c-modal__header.show-header {
    display: flex;
    padding-top: 0;
  }
}
.c-modal__wrapper.show {
  opacity: 1;
  transform: translateY(0px);
  overflow: auto;
}
.c-modal__wrapper::-webkit-scrollbar {
  display: none;
}
.c-modal__wrapper.muteSpeaker {
  width: 410px;
}
.c-modal__header {
  font-size: calc(14px + var(--fontsizeScale));
  font-weight: 500;
  margin-bottom: 10px;
  padding-top: 24px;
}
.c-modal__header--title {
  padding: 0 24px;
  margin: 0;
  font-size: initial;
}
#theme-light .c-modal__header--title, [data-theme=light] .c-modal__header--title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-modal__header--title, [data-theme=dark] .c-modal__header--title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.c-modal__header--btn-close {
  padding: 0 24px 0 24px;
  transition: 250ms background-color;
  border-radius: 16.8px 0 16.8px 0;
  font-size: 14px;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.c-modal__header--btn-close.ltr, .c-modal__header--btn-close.message__text--textLtr {
  border-radius: 0 16.8px 0 16.8px;
}
.c-modal__body {
  padding: 0 24px;
  margin-bottom: 40px;
  transition: 250ms opacity;
  font-size: calc(14px + var(--fontsizeScale)) !important;
  display: flex;
  flex-direction: column;
  color: #171735;
}
#theme-light .c-modal__body, [data-theme=light] .c-modal__body {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-modal__body, [data-theme=dark] .c-modal__body {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.c-modal__body--list {
  max-width: 400px;
}
.c-modal__body--list ul {
  padding-right: 30px;
}
.c-modal__body--list ul li {
  margin-bottom: 16px;
  display: flex;
  align-items: flex-start;
}
#theme-light .c-modal__body--list ul li span p, [data-theme=light] .c-modal__body--list ul li span p,
#theme-light .c-modal__body--list ul li span i,
[data-theme=light] .c-modal__body--list ul li span i {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff !important;
}
#theme-dark .c-modal__body--list ul li span p, [data-theme=dark] .c-modal__body--list ul li span p,
#theme-dark .c-modal__body--list ul li span i,
[data-theme=dark] .c-modal__body--list ul li span i {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff !important;
}
.c-modal__body--list ul li::before {
  content: "";
  background-color: #0b5cff;
}
#theme-light .c-modal__body--list ul li::before, [data-theme=light] .c-modal__body--list ul li::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #0b5cff;
}
#theme-dark .c-modal__body--list ul li::before, [data-theme=dark] .c-modal__body--list ul li::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #9aacff;
}
.c-modal__body--list ul li::before {
  border-radius: 50%;
  display: inline-block;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  height: 10px;
  width: 10px;
  min-width: 10px;
  position: relative;
  top: 7px;
}
.c-modal__body--alert-icon {
  width: 19px;
  height: 24px;
  margin-left: 12px;
  margin-right: 12px;
}
.c-modal__body .disabled {
  opacity: 0.5;
  cursor: default;
}
.c-modal__body.stop-record ul li:nth-child(2)::before, .c-modal__body.stop-record ul li:nth-child(3)::before, .c-modal__body.stop-record ul li:nth-child(4)::before, .c-modal__body.stop-record ul li:nth-child(5)::before {
  background-color: transparent !important;
}
.c-modal__body.start-romming {
  margin-bottom: 0 !important;
  padding: 0 16px;
}
.c-modal__body.start-romming ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.c-modal__body.start-romming ul li::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-left: 8px;
  margin-right: 8px;
  background-color: #1a73e8;
  flex-shrink: 0;
}
#theme-light .c-modal__body.start-romming ul li::before, [data-theme=light] .c-modal__body.start-romming ul li::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #5774ff;
}
#theme-dark .c-modal__body.start-romming ul li::before, [data-theme=dark] .c-modal__body.start-romming ul li::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #9aacff;
}
.c-modal__body.start-romming.delete-user ul li::before {
  background-color: #ff0000;
}
#theme-light .c-modal__body.start-romming.delete-user ul li::before, [data-theme=light] .c-modal__body.start-romming.delete-user ul li::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #ff0000 !important;
}
#theme-dark .c-modal__body.start-romming.delete-user ul li::before, [data-theme=dark] .c-modal__body.start-romming.delete-user ul li::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #ff6666 !important;
}
.c-modal__body.start-romming.delete-user p, .c-modal__body.start-romming.delete-room p {
  display: inline-block;
}
.c-modal__body.start-romming.delete-user div p:nth-child(2), .c-modal__body.start-romming.delete-room p.red-color {
  color: #ff0000;
}
#theme-light .c-modal__body.start-romming.delete-user div p:nth-child(2), [data-theme=light] .c-modal__body.start-romming.delete-user div p:nth-child(2), #theme-light .c-modal__body.start-romming.delete-room p.red-color, [data-theme=light] .c-modal__body.start-romming.delete-room p.red-color {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff0000 !important;
}
#theme-dark .c-modal__body.start-romming.delete-user div p:nth-child(2), [data-theme=dark] .c-modal__body.start-romming.delete-user div p:nth-child(2), #theme-dark .c-modal__body.start-romming.delete-room p.red-color, [data-theme=dark] .c-modal__body.start-romming.delete-room p.red-color {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff6666 !important;
}
.c-modal__footer {
  padding: 0 24px;
}
.c-modal__footer button:first-child:not(:last-child) {
  -webkit-margin-end: 20px;
          margin-inline-end: 20px;
}
.c-modal__footer--install {
  width: -webkit-fit-content;
  width: fit-content;
}
@media (max-width: 991px) {
  .c-modal__footer--install {
    width: 100%;
  }
}
.c-modal__footer.renameRoom {
  padding: 0;
}
.c-modal__mark {
  background-color: #eef0ff;
  border: 1px solid #0b5cff;
  color: #0b5cff;
  width: 63px;
  height: 25px;
  border-radius: 4px;
  font-size: calc(14px + var(--fontsizeScale));
  font-weight: 500;
  margin: 0 5px;
  display: inline-block;
  text-align: center;
  padding-top: 2px;
}
.c-modal__mark--install {
  background-color: #1a73e8;
  color: #ffffff;
}
.c-modal__guide-arrow {
  position: absolute;
  right: 102%;
  bottom: 60%;
  width: -webkit-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: max-content;
}
@media (max-width: 991px) {
  .c-modal__guide-arrow {
    display: none;
  }
}
.c-modal__guide-arrowFlip {
  position: absolute;
  left: 102%;
  right: unset;
  bottom: 60%;
  width: -webkit-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: max-content;
  transform: rotateY(180deg);
}
@media (max-width: 991px) {
  .c-modal__guide-arrowFlip {
    display: none;
  }
}
.c-modal__gotit-button {
  width: 50%;
}

#theme-light .abc-icon svg path, [data-theme=light] .abc-icon svg path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: !important;
}
#theme-dark .abc-icon svg path, [data-theme=dark] .abc-icon svg path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #fff !important;
}

@media (max-width: 991px) {
  .mh-70 {
    height: 60vh;
  }
}

.wordcloud img {
  width: 400px;
  border-radius: 8px;
  margin-bottom: 16px;
}
.wordcloud__button {
  width: 80px;
  margin: auto;
}
.wordcloud .c-modal__body {
  margin: 0 !important;
}
.wordcloud__loading {
  width: 400px;
  height: 300px;
  margin-bottom: 8px;
}

.c-vidMag {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-shadow: 0px 1px 5px #ccc;
  border-radius: 0px 0px 20px 20px;
  width: calc(100vw - 286px);
  position: relative;
  background-color: #ffffff;
  z-index: 4;
}
#theme-light .c-vidMag, [data-theme=light] .c-vidMag {
  box-shadow: 0px 1px 5px #a8a8a8;
  background: #fff;
}
#theme-dark .c-vidMag, [data-theme=dark] .c-vidMag {
  box-shadow: 0px 1px 5px #121212;
  background: #202127;
}
@media (max-width: 991px) {
  .c-vidMag {
    width: 100vw;
    height: 100%;
    align-items: center;
    z-index: 6;
    border-radius: unset;
    box-shadow: 0 1px 5px #ccc;
  }
}
.c-vidMag--hide {
  display: none;
}
.c-vidMag__meetingMode {
  height: calc(var(--vh) - 48px);
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: unset !important;
  background: none !important;
}
@media (max-width: 991px) {
  .c-vidMag__meetingMode {
    height: 100%;
    padding: 0px;
  }
}
.c-vidMag.full {
  width: 100%;
}
.c-vidMag__items {
  padding: 12px 0px;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-margin-start: 10px;
          margin-inline-start: 10px;
  width: 100%;
  height: 100%;
  align-items: flex-start;
  grid-gap: 20px;
  gap: 20px;
}
@media (max-width: 991px) {
  .c-vidMag__items {
    padding-top: 5px;
    scrollbar-width: none;
  }
  .c-vidMag__items::-webkit-scrollbar {
    width: 0;
  }
}
.c-vidMag__items--pinned {
  display: none !important;
}
.c-vidMag__items--wrap {
  flex-wrap: wrap;
  height: 100%;
  max-height: calc(var(--vh) - 48px);
  overflow-x: hidden;
  gap: 12px;
  padding: 12px;
  margin: 0;
  align-items: center;
  justify-content: center;
}
.c-vidMag__items--wrap .c-vidMag__item-container {
  flex: 1;
  height: 100%;
  padding: 0;
  min-width: unset;
  width: unset;
}
.c-vidMag__items--wrap.step-2 .c-vidMag__item-container {
  flex: 0 1 calc(50% - 12px / 2);
  height: calc(50% - 12px / 2);
}
.c-vidMag__items--wrap.step-3 .c-vidMag__item-container {
  flex: 1 1 calc(33.333% - 12px);
  height: calc(50% - 12px);
}
.c-vidMag__items--wrap.step-4 .c-vidMag__item-container {
  flex: 1 1 calc(33.333% - 12px);
  height: calc(33.333% - 12px);
}
.c-vidMag__items--wrap.step-5 .c-vidMag__item-container {
  flex: 1 1 calc(25% - 12px);
  height: calc(33.333% - 12px);
}
.c-vidMag__items--wrap.step-6 .c-vidMag__item-container {
  flex: 1 1 calc(25% - 12px);
  height: calc(25% - 12px);
}
.c-vidMag__items--wrap.step-7 .c-vidMag__item-container {
  flex: 1 1 calc(20% - 12px);
  height: calc(25% - 12px);
}
@media (max-width: 991px) {
  .c-vidMag__items--wrap.count-1 .c-vidMag__item-container {
    flex: 1 1 auto;
    height: calc(100% - 12px);
  }
  .c-vidMag__items--wrap.count-2 .c-vidMag__item-container {
    flex: 1 1 auto;
    height: calc(50% - 12px);
  }
  .c-vidMag__items--wrap.count-3 .c-vidMag__item-container, .c-vidMag__items--wrap.count-4 .c-vidMag__item-container {
    flex: 1 1 calc(50% - 12px);
    height: calc(50% - 12px);
  }
  .c-vidMag__items--wrap.count-5 .c-vidMag__item-container, .c-vidMag__items--wrap.count-6 .c-vidMag__item-container {
    flex: 1 1 calc(50% - 12px);
    height: calc(33.333% - 12px);
  }
  .c-vidMag__items--wrap.count-5 .c-vidMag__item-container, .c-vidMag__items--wrap.count-6 .c-vidMag__item-container {
    flex: 1 1 calc(50% - 12px);
    height: calc(33.333% - 12px);
  }
  .c-vidMag__items--wrap.count-7 .c-vidMag__item-container, .c-vidMag__items--wrap.count-8 .c-vidMag__item-container {
    flex-grow: 0 !important;
    flex-shrink: 1 !important;
    flex-basis: calc(50% - 12px / 2) !important;
    height: calc(25% - 12px) !important;
  }
  .c-vidMag__items--wrap.count-9 .c-vidMag__item-container, .c-vidMag__items--wrap.count-10 .c-vidMag__item-container {
    flex-grow: 0 !important;
    flex-shrink: 1 !important;
    flex-basis: calc(50% - 12px / 2) !important;
    height: calc(20% - 12px) !important;
  }
}
.c-vidMag__item-container {
  position: relative;
  background-color: #000000;
  width: 218px;
  height: 100%;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1607843137);
  min-width: 218px;
  transition: 0.3s all;
  overflow: hidden;
}
#theme-light .c-vidMag__item-container, [data-theme=light] .c-vidMag__item-container {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #000;
}
#theme-dark .c-vidMag__item-container, [data-theme=dark] .c-vidMag__item-container {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #303136;
}
.c-vidMag__item-container:nth-child(n+21) {
  display: none;
}
@media (max-width: 991px) {
  .c-vidMag__item-container--presentActive {
    width: 213px;
    height: 120px;
    min-width: 213px;
    flex: 0;
    padding-top: 0px;
  }
  .c-vidMag__item-container--presentActive:last-child:nth-child(odd) {
    flex-grow: 0;
  }
  .c-vidMag__item-container--presentActive:last-child {
    margin-left: 10px;
  }
}
.c-vidMag__item {
  height: 100%;
}
.c-vidMag__slider {
  position: absolute;
  left: 30px;
  cursor: pointer;
  z-index: 10;
  width: 16px;
  height: 16px;
  background: #1d1d42;
  border-radius: 20px 20px 0 0;
  bottom: 0;
  display: grid;
  place-items: center;
}
#theme-light .c-vidMag__slider, [data-theme=light] .c-vidMag__slider {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #1d1d42;
}
#theme-dark .c-vidMag__slider, [data-theme=dark] .c-vidMag__slider {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #c4c4c4;
}
.c-vidMag__slider--icon {
  color: #ffffff;
}
#theme-light .c-vidMag__slider--icon, [data-theme=light] .c-vidMag__slider--icon {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
#theme-dark .c-vidMag__slider--icon, [data-theme=dark] .c-vidMag__slider--icon {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #1a1e2e;
}
.c-vidMag__slider--icon {
  font-size: 5px;
}
.c-vidMag__slider--toolTip {
  height: 100%;
  width: 100%;
}
.c-vidMag__slider.pin {
  bottom: 0;
}
.c-vidMag__slider.unpin {
  bottom: -16px;
  border-radius: 0 0 20px 20px;
}
.c-vidMag__slider.unpin .c-vidMag__slider--icon {
  transform: rotate(180deg);
}
.c-vidMag__slider .c-tooltip__child {
  flex: 1;
}
.c-vidMag__slider--hide {
  display: none !important;
}
.c-vidMag__slider.d-none, .c-vidMag__slider.connectionStatus__header--backIcon {
  display: none;
}
.c-vidMag.h-147 {
  height: 147px;
  transition: 0.5s height cubic-bezier(0, 0.02, 0, 1.6);
}
@media (max-width: 991px) {
  .c-vidMag.h-147 {
    height: 140px;
    min-height: 140px;
  }
}
.c-vidMag.h-0 {
  height: 0;
  transition: 0.5s height cubic-bezier(0.66, -0.79, 0.71, 1.24);
}

.navigatorConnection img {
  width: 29px;
  height: 23px;
}

.c-switchToggle__label {
  position: relative;
  width: 38px;
  max-width: 38px;
  min-width: 38px;
  height: 23px;
  max-height: 23px;
  min-height: 23px;
  margin: 0;
  display: flex;
  padding: 2px;
  border-radius: 30px;
}
#theme-light .c-switchToggle__label, [data-theme=light] .c-switchToggle__label {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #0b5cff;
}
#theme-dark .c-switchToggle__label, [data-theme=dark] .c-switchToggle__label {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #9aacff;
}
.c-switchToggle__label {
  cursor: pointer;
  transition: 300ms background-color;
}
.c-switchToggle__label::before {
  content: "";
  background-color: #ffffff;
  height: 19px;
  border-radius: 50px;
  position: absolute;
  box-shadow: 1px 3px 2px 0 rgba(0, 0, 0, 0.1490196078);
}
.c-switchToggle__label::after {
  content: "";
  height: 3em;
  width: 3em;
  color: gray;
  position: relative;
  display: inline-block;
  border: 0.4em solid;
  border-radius: 50%;
  border-top-color: transparent;
  animation: rotate 1s linear infinite;
  font-size: 5px;
  position: absolute;
  transition: 250ms right;
  display: none;
}
.c-switchToggle__label.checked::before {
  right: calc(50% - 2px);
  left: 2px;
  transition: right 0.2s 0.15s, left 0.3s;
}
.c-switchToggle__label.checked::after {
  right: 50%;
  top: 4px;
}
.c-switchToggle__label.unchecked, .c-switchToggle__label.disabled {
  background-color: #bbbbc6;
}
#theme-light .c-switchToggle__label.unchecked, [data-theme=light] .c-switchToggle__label.unchecked, #theme-light .c-switchToggle__label.disabled, [data-theme=light] .c-switchToggle__label.disabled {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #bbbbc6;
}
#theme-dark .c-switchToggle__label.unchecked, [data-theme=dark] .c-switchToggle__label.unchecked, #theme-dark .c-switchToggle__label.disabled, [data-theme=dark] .c-switchToggle__label.disabled {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #a0a0a0;
}
.c-switchToggle__label.unchecked::before, .c-switchToggle__label.disabled::before {
  right: 2px;
  left: calc(50% - 2px);
  transition: right 0.3s, left 0.2s 0.15s;
}
.c-switchToggle__label.unchecked::after, .c-switchToggle__label.disabled::after {
  right: 4px;
  top: 4px;
}
.c-switchToggle__label.loading::after {
  display: block;
}
.c-switchToggle__input[type=checkbox] {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}

@keyframes warp {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(0.25);
  }
  75% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.status-container {
  overflow-x: hidden;
}
.status-container__name-role {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
}
.status-container__name-role--adminElipsis {
  width: 160px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.status-container__name-role--userElipsis {
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.status-container__name {
  margin-top: 0;
  font-size: calc(12px + var(--fontsizeScale));
  font-weight: 300;
  padding-top: 0px;
  -webkit-margin-start: 6px;
          margin-inline-start: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: initial;
  white-space: nowrap;
  flex-shrink: 1;
}
#theme-light .status-container__name, [data-theme=light] .status-container__name {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #000;
}
#theme-dark .status-container__name, [data-theme=dark] .status-container__name {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.status-container__icons {
  display: flex;
}
.status-container__role {
  position: inherit;
}
#theme-light .status-container__role, [data-theme=light] .status-container__role {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #77778e;
}
#theme-dark .status-container__role, [data-theme=dark] .status-container__role {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #a0a0a0;
}
.status-container__role {
  font-size: calc(12px + var(--fontsizeScale)) !important;
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
  white-space: nowrap;
  flex-shrink: 0;
}
.status-container__moreAction {
  padding: 6px 9px !important;
}

.file-share {
  flex: 0 0 auto;
  background: #f3f6f9;
  transition: margin-right 0.1s linear;
}
#theme-light .file-share, [data-theme=light] .file-share {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #f3f6f9;
}
#theme-dark .file-share, [data-theme=dark] .file-share {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #15161b;
}
.file-share {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.file-share__loadMore-btn {
  padding-bottom: 22px;
  padding-top: 33px;
  font-size: 16px;
  color: #0b5cff;
}
.file-share__form-error, .file-share__upload-error {
  margin-top: 0;
  margin-bottom: 14px;
  color: #ff0000;
  text-align: center;
  transform: translateY(26px);
  font-weight: bold;
}
#theme-light .file-share__upload-error.upload-success, [data-theme=light] .file-share__upload-error.upload-success {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #5774ff;
}
#theme-dark .file-share__upload-error.upload-success, [data-theme=dark] .file-share__upload-error.upload-success {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.file-share__upload-error {
  transform: none;
  width: 100%;
  font-size: calc(14px + var(--fontsizeScale));
  color: #ff0000;
}
#theme-light .file-share__upload-error, [data-theme=light] .file-share__upload-error {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff0000;
}
#theme-dark .file-share__upload-error, [data-theme=dark] .file-share__upload-error {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff6666;
}
.file-share__upload-error p {
  font-size: 12px;
  display: inline-block;
}
.file-share.open-side {
  margin-right: 0;
}
.file-share__header-btn {
  padding: 16px;
  text-align: center;
  cursor: pointer;
}
.file-share__header-subject {
  font-size: calc(16px + var(--fontsizeScale));
  font-weight: 400;
  margin-bottom: 0;
  padding: 0;
}
@media (max-width: 991px) {
  .file-share__header {
    padding: 0;
    width: 100%;
  }
}
.file-share__header h2 {
  padding: 0;
}
@media (max-width: 991px) {
  .file-share__header h2 {
    padding: 10px 24px;
  }
}
.file-share__list {
  padding: 0 16px;
  overflow-y: auto;
  margin-top: 12px;
  color: rgba(0, 0, 0, 0.8);
}
#theme-light .file-share__list, [data-theme=light] .file-share__list {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: rgba(0, 0, 0, 0.5411764706);
}
#theme-dark .file-share__list, [data-theme=dark] .file-share__list {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.file-share__list::-webkit-scrollbar-track {
  border-color: #f3f6f9;
}
.file-share__list::-webkit-scrollbar-thumb {
  border-color: #f3f6f9;
}
.file-share__list-d-none {
  display: none !important;
}
.file-share__list-empty {
  width: 100%;
  height: 80px;
  background-color: #e8e8ec;
}
#theme-light .file-share__list-empty, [data-theme=light] .file-share__list-empty {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #e8e8ec;
}
#theme-dark .file-share__list-empty, [data-theme=dark] .file-share__list-empty {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
.file-share__list-empty {
  border-radius: 8px;
  color: grey;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(12px + var(--fontsizeScale));
}
.file-share__list--error {
  background-color: #ff6666;
  color: #ffffff;
}
.file-share__upload-btn {
  width: 100%;
  height: 67px;
  padding: calc(20px + var(--fontsizeScale));
  border: 1.2px dashed #c4bcd3;
  border-radius: 12px;
  background-color: transparent;
  box-shadow: 0 4px 12px rgba(86, 0, 255, 0);
  font-size: calc(12px + var(--fontsizeScale));
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-start;
}
@media (max-width: 991px) {
  .file-share__upload-btn {
    height: 100px;
    padding: 31px;
  }
}
.file-share__upload-btn--icon > p {
  margin: 0;
}
.file-share__upload-btn--icon-desc {
  font-size: 10px;
}
.file-share__upload-btn--icon-desc p {
  color: #8e8ea1 !important;
}
.file-share__upload-btn span {
  display: flex;
  align-items: center;
  gap: 16px;
}
.file-share__upload-btn span > p {
  color: #171735;
}
#theme-light .file-share__upload-btn span > p, [data-theme=light] .file-share__upload-btn span > p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .file-share__upload-btn span > p, [data-theme=dark] .file-share__upload-btn span > p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.file-share__upload-btn:hover {
  background-color: #ffffff;
  box-shadow: 0 2px 12px rgba(11, 92, 255, 0.4);
  border: 1.2px dashed transparent;
}
.file-share__upload-btn-label-box {
  position: relative;
}
.file-share__upload-btn-label, .file-share__upload-btn-back {
  position: absolute;
  top: 0;
  right: 50%;
  transform: translateX(50%);
  font-size: 48px;
  color: #0b5cff;
}
.file-share__upload-btn-back {
  top: 2px;
  font-size: 48px;
  color: #e8dcff;
  transform: translateX(48%);
}
.file-share__info--touchpoint {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  bottom: 21px;
}
.file-share__info--touchpoint:hover .file-share__info--container {
  display: initial;
}
@media (max-width: 991px) {
  .file-share__info--touchpoint {
    bottom: 38px;
  }
}
.file-share__info--touchpoint.align-left {
  left: calc(100% - 32px);
}
.file-share__info--touchpoint.align-right {
  right: calc(100% - 32px);
}
.file-share__info--icon {
  border: 1.5px solid #adb5bd;
  border-radius: 50px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3px;
  color: #adb5bd;
}
.file-share__info--container {
  position: absolute;
  top: 24px;
  left: 0;
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
  padding: 4px 3px;
  border-radius: 6px;
  background-color: #f1f1f1;
  font-size: calc(12px + var(--fontsizeScale));
  width: -webkit-max-content;
  width: max-content;
  direction: rtl;
  display: none;
  width: 250px;
}
.file-share__info--container .title {
  font-size: calc(12px + var(--fontsizeScale));
  font-weight: bold;
  margin: 5px auto;
}
.file-share__uploading {
  font-size: 14px;
  margin-top: 11.2px;
  display: flex;
  align-items: center;
  gap: 11.2px;
}

.c-file {
  display: flex;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  margin-bottom: 12px;
  position: relative;
  transition: 0.2s all ease-in-out;
  background: #fff;
}
#theme-light .c-file, [data-theme=light] .c-file {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .c-file, [data-theme=dark] .c-file {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
.c-file__title {
  font-size: 16px;
  font-weight: 400;
  color: #171735;
}
#theme-light .c-file__title, [data-theme=light] .c-file__title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-file__title, [data-theme=dark] .c-file__title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.c-file__title {
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.c-file__row {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-padding-start: 8px;
          padding-inline-start: 8px;
}
.c-file__row > span {
  color: #171735;
}
#theme-light .c-file__row > span, [data-theme=light] .c-file__row > span {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-file__row > span, [data-theme=dark] .c-file__row > span {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.c-file__more-opt {
  margin-inline: 2px -4px;
  padding: 4px 8px !important;
  margin-top: -5px;
}
.c-file__more-opt-icon {
  color: #77778e;
}
.c-file__mime {
  display: flex;
  align-items: center;
  -webkit-border-end: 1px solid #e8e8ec;
          border-inline-end: 1px solid #e8e8ec;
  padding: 0 10px;
}
.c-file__mime-icon {
  box-sizing: content-box;
  padding: 14px 8px 13px;
}
.c-file.isLoading .c-file__mime {
  opacity: 0.5;
}
.c-file.isLoading .c-file__title {
  font-size: 12px;
}
.c-file.isLoading .c-pureLoading {
  width: 2em;
  height: 2em;
  border-width: 0.2em;
}
.c-file.isLoading .c-file__row.m-t-6 {
  justify-content: flex-end;
}
.c-file__detail {
  overflow: hidden;
  flex: 1;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.c-file__play-btn {
  font-size: 14px;
  font-weight: 400;
  color: #0b5cff;
}
#theme-light .c-file__play-btn, [data-theme=light] .c-file__play-btn {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff;
}
#theme-dark .c-file__play-btn, [data-theme=dark] .c-file__play-btn {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.c-file__play-btn {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  -webkit-padding-start: 4px;
          padding-inline-start: 4px;
}
#theme-light .c-file__play-btn:disabled, [data-theme=light] .c-file__play-btn:disabled {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff;
}
#theme-dark .c-file__play-btn:disabled, [data-theme=dark] .c-file__play-btn:disabled {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
  color: #a0a0a0;
}
.c-file__hidden-icon {
  display: flex;
  align-items: center;
  color: #bbbbc6;
  font-size: 12;
  font-weight: 400;
}
.c-file__hidden-icon > :first-child {
  -webkit-margin-end: 4px;
          margin-inline-end: 4px;
}
.c-file__hidden-icon svg,
.c-file__hidden-icon svg * {
  fill: #bbbbc6 !important;
}
.c-file__card-details {
  font-size: 12px;
  font-weight: 300;
  color: #171735;
}

.play-icon {
  border: 6px solid transparent;
  border-left-width: 9px;
  border-left-color: #0b5cff;
}
#theme-light .play-icon, [data-theme=light] .play-icon {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-left-color: #0b5cff;
}
#theme-dark .play-icon, [data-theme=dark] .play-icon {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-left-color: #9aacff;
}
.play-icon {
  -webkit-margin-end: 12px;
          margin-inline-end: 12px;
  border-radius: 2px;
}
.play-icon.gray {
  border-left-color: #171735;
}

.file-moreopts {
  padding: 0 8px;
}
.file-moreopts hr {
  margin: 8px 0;
}
.file-moreopts__item .ic-Download_Icon {
  height: 24px;
  overflow: hidden;
}
.file-moreopts__item {
  display: flex;
  padding: 6px 0;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #171735;
}
#theme-light .file-moreopts__item:not(.delete), [data-theme=light] .file-moreopts__item:not(.delete) {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .file-moreopts__item:not(.delete), [data-theme=dark] .file-moreopts__item:not(.delete) {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
#theme-light .file-moreopts__item svg > path:first-child, [data-theme=light] .file-moreopts__item svg > path:first-child {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
#theme-dark .file-moreopts__item svg > path:first-child, [data-theme=dark] .file-moreopts__item svg > path:first-child {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #9aacff;
}
#theme-light .file-moreopts__item svg, [data-theme=light] .file-moreopts__item svg,
#theme-light .file-moreopts__item svg > *,
[data-theme=light] .file-moreopts__item svg > * {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #4a4a68;
}
#theme-dark .file-moreopts__item svg, [data-theme=dark] .file-moreopts__item svg,
#theme-dark .file-moreopts__item svg > *,
[data-theme=dark] .file-moreopts__item svg > * {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #9aacff;
}
.file-moreopts__item i {
  color: #4a4a68;
}
.file-moreopts__item.delete {
  color: #ff3333;
}
.file-moreopts__item.delete i::before {
  color: #ff3333;
}
.file-moreopts__detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px;
}
.file-moreopts__detail i {
  -webkit-margin-end: 0 !important;
          margin-inline-end: 0 !important;
}
.file-moreopts__detail button {
  padding: 0 !important;
}
.file-moreopts__detail > :first-child {
  -webkit-margin-end: 32px;
          margin-inline-end: 32px;
}
.file-moreopts__detail {
  font-size: 12px;
}

.upload__wrapper {
  width: 100%;
  height: 67px;
  position: relative;
  background: #fff;
}
#theme-light .upload__wrapper, [data-theme=light] .upload__wrapper {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .upload__wrapper, [data-theme=dark] .upload__wrapper {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
@media (max-width: 991px) {
  .upload__wrapper {
    height: 100px;
  }
}
.upload__wrapper input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  cursor: pointer;
}
.upload__wrapper--loading {
  border: 1.2px solid #c4bcd3;
  border-radius: 12px;
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: center;
  position: relative;
}
.upload__progress-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  width: 100%;
  margin: auto;
  align-items: center;
  justify-content: center;
}
.upload__waitingUpload {
  color: #1d1d42;
  font-size: 14px;
  margin-top: 5px;
}
#theme-light .upload__waitingUpload, [data-theme=light] .upload__waitingUpload {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #1d1d42;
}
#theme-dark .upload__waitingUpload, [data-theme=dark] .upload__waitingUpload {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.upload__waitingUpload--abortBtn {
  position: absolute;
  top: 5px;
  left: 5px;
  background-color: unset;
}
.upload__waitingUpload--abortBtn i {
  font-size: 10px;
}
.upload__uploadDetail {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.upload__uploadDetail__info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  padding: 0 10px;
}
.upload__uploadDetail__info--fileName {
  font-size: 12px;
  margin-bottom: 0;
  width: -webkit-fit-content;
  width: fit-content;
  max-width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
}
.upload__uploadDetail__info--percent {
  font-size: 12px;
}
#theme-light .upload__uploadDetail__info--percent, [data-theme=light] .upload__uploadDetail__info--percent {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .upload__uploadDetail__info--percent, [data-theme=dark] .upload__uploadDetail__info--percent {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.upload__uploadDetail__progressBar {
  width: 95%;
  direction: ltr;
}

progress {
  -webkit-appearance: auto;
          appearance: auto;
  all: revert;
}

.clock {
  width: 15px;
  height: 15px;
  background-color: #ffffff;
  border: 1px solid black;
  border-radius: 7.5px;
  position: relative;
}
.clock::before {
  width: 1px;
  height: 1px;
  position: absolute;
  top: 60%;
  bottom: 0;
  left: 60%;
  background-color: black;
  border-radius: 50%;
  content: "";
  margin: -1.5px 0 0 -1.5px;
  z-index: 1;
}

.hand {
  animation-name: hand;
  animation-duration: 0s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  width: 1px;
  background-color: black;
  border-radius: 0.5px;
  margin-left: -0.5px;
}
.hand.minute {
  animation-duration: 1s;
  transform-origin: center bottom;
  position: absolute;
  top: 0.5px;
  bottom: 0;
  left: 50%;
  height: 6px;
}
.hand.hour {
  animation-name: hand;
  animation-duration: 0s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-duration: 12s;
  transform-origin: center bottom;
  position: absolute;
  top: 1.5px;
  bottom: 0;
  left: 50%;
  height: 5px;
}

@keyframes hand {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.connectionStatus {
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.connectionStatus__modal {
  border-radius: 16.8px;
  background-color: #ffffff;
}
#theme-light .connectionStatus__modal, [data-theme=light] .connectionStatus__modal {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .connectionStatus__modal, [data-theme=dark] .connectionStatus__modal {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
}
.connectionStatus__modal {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: 565px;
  width: 100%;
  padding: 24px 15px;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  max-height: 500px;
  overflow-y: hidden;
}
@media (max-width: 991px) {
  .connectionStatus__modal {
    width: 80%;
    max-width: unset;
    height: 100%;
    border-radius: 12px;
    justify-content: flex-start;
    padding: 0px;
  }
}
.connectionStatus__header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 40px;
}
#theme-light .connectionStatus__header, [data-theme=light] .connectionStatus__header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .connectionStatus__header, [data-theme=dark] .connectionStatus__header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
@media (max-width: 991px) {
  .connectionStatus__header {
    display: flex;
    cursor: pointer;
    justify-content: flex-start;
    height: 67px;
    padding: 24px;
    border-bottom: 1px solid #d2d2d9;
    margin-bottom: 20px;
    padding: 10px 24px;
  }
  .connectionStatus__header h6 {
    display: flex;
    flex-wrap: wrap;
  }
}
.connectionStatus__header--cross {
  cursor: pointer;
}
@media (max-width: 991px) {
  .connectionStatus__header--cross {
    display: none;
  }
}
.connectionStatus__header h6 {
  font-weight: bold;
}
.connectionStatus__header--backIcon {
  font-size: calc(28px + var(--fontsizeScale));
}
#theme-light .connectionStatus__header--backIcon, [data-theme=light] .connectionStatus__header--backIcon {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .connectionStatus__header--backIcon, [data-theme=dark] .connectionStatus__header--backIcon {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
@media (max-width: 991px) {
  .connectionStatus__header--backIcon {
    display: flex !important;
    font-size: calc(20px + var(--fontsizeScale));
  }
}
.connectionStatus__subHeader {
  background-color: transparent;
  font-size: calc(12px + var(--fontsizeScale));
  font-weight: 400;
  color: #171735;
}
#theme-light .connectionStatus__subHeader, [data-theme=light] .connectionStatus__subHeader {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .connectionStatus__subHeader, [data-theme=dark] .connectionStatus__subHeader {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.connectionStatus__wrapper {
  width: 100%;
  height: auto;
  overflow-x: hidden;
  overflow-y: scroll;
}
@media (max-width: 991px) {
  .connectionStatus__wrapper {
    max-height: calc(100% - 70px);
    height: 100%;
    overflow: auto;
  }
}
.connectionStatus__table {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 34px;
  width: 100%;
}
@media (max-width: 991px) {
  .connectionStatus__table {
    padding: 0 10%;
  }
}
.connectionStatus__table--row.ltr, .connectionStatus__table--row.message__text--textLtr {
  text-align: left;
  direction: ltr;
}
.connectionStatus__table--row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: 100%;
}
.connectionStatus__table--row:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
  padding: 6px 0 6px 0;
}
@media (max-width: 991px) {
  .connectionStatus__table--row:not(:last-child) {
    border-bottom: unset;
  }
}
@media (max-width: 991px) {
  .connectionStatus__table--row {
    flex-direction: column;
  }
}
.connectionStatus__table--dualCell {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media (max-width: 991px) {
  .connectionStatus__table--dualCell {
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
    padding: 10px 0 10px 0;
  }
}
.connectionStatus__cell {
  min-width: 125px;
  width: -webkit-max-content;
  width: max-content;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  line-height: 20px;
}
.connectionStatus__cell--title {
  color: #77778e;
  color: #171735;
}
#theme-light .connectionStatus__cell--title, [data-theme=light] .connectionStatus__cell--title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735 !important;
}
#theme-dark .connectionStatus__cell--title, [data-theme=dark] .connectionStatus__cell--title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #a0a0a0 !important;
}
.connectionStatus__cell--title {
  font-size: calc(14px + var(--fontsizeScale));
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}
.connectionStatus__cell--value {
  -webkit-padding-start: 5px;
          padding-inline-start: 5px;
  color: #171735;
}
#theme-light .connectionStatus__cell--value, [data-theme=light] .connectionStatus__cell--value {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735 !important;
}
#theme-dark .connectionStatus__cell--value, [data-theme=dark] .connectionStatus__cell--value {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff !important;
}
.connectionStatus__title {
  align-items: center;
  margin-bottom: 0;
}

.navigatorAlign {
  margin-bottom: 5px;
  -webkit-margin-end: 12px;
          margin-inline-end: 12px;
}

.chatMessage__chat-container {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-start;
  flex: 1;
  height: calc(100% - 92px);
  padding: 0px 8px;
  overflow-x: hidden;
  overflow-y: auto;
  direction: rtl !important;
}
@media (max-width: 991px) {
  .chatMessage__chat-container {
    padding: 0 16px 0 7px;
    height: calc(100% - 72px);
    border-radius: 12px 12px 0 0;
  }
}
.chatMessage__chat-container--rotatedTablet {
  height: calc(100% - 187px);
}
.chatMessage__chat--noChat {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.chatMessage__chat--noChat p {
  font-size: calc(12px + var(--fontsizeScale));
  font-weight: bold;
  color: #a5a5b3;
}
.chatMessage__chat--noChat svg {
  width: 80px;
  height: 100px;
  margin-bottom: 13px;
}
.chatMessage__chat-disable {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
#theme-light .chatMessage__chat-disable, [data-theme=light] .chatMessage__chat-disable {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #e8e8ec;
}
#theme-dark .chatMessage__chat-disable, [data-theme=dark] .chatMessage__chat-disable {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
  color: #e0e0e0;
}
.chatMessage__chat-disable {
  font-size: calc(14px + var(--fontsizeScale));
  font-weight: 500;
}
@media (max-width: 991px) {
  .chatMessage__chat-disable {
    height: 48px;
  }
}
.chatMessage__toBottom {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background-color: #ffffff;
  border-radius: 50%;
  position: absolute;
  right: 30px;
  bottom: calc(66px + 7%);
  text-align: center;
  cursor: pointer;
  z-index: 10;
  transform: rotate(180deg) scale(0.9);
  border: 1px solid #0b5cff;
}
@media (max-width: 991px) {
  .chatMessage__toBottom {
    right: 20px;
  }
}
.chatMessage__toBottom--arrow {
  font-size: 7px;
  cursor: pointer;
  color: #0b5cff;
  margin-top: -2px;
}
.chatMessage__toBottom--notif {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 22px;
  right: 20px;
  font-size: calc(12px + var(--fontsizeScale));
  background-color: #ff0000;
  color: #ffffff;
}
#theme-light .chatMessage__toBottom--notif, [data-theme=light] .chatMessage__toBottom--notif {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #ff0000;
}
#theme-dark .chatMessage__toBottom--notif, [data-theme=dark] .chatMessage__toBottom--notif {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #ff6666;
}
.chatMessage__toBottom--notif {
  border-radius: 50%;
  text-align: center;
  z-index: 2;
}
.chatMessage__toBottom--notif p {
  transform: rotate(180deg);
  font-weight: bold;
}
#theme-light .chatMessage__toBottom--notif p, [data-theme=light] .chatMessage__toBottom--notif p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
#theme-dark .chatMessage__toBottom--notif p, [data-theme=dark] .chatMessage__toBottom--notif p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.chatMessage__pinnedBox {
  position: absolute;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 32px;
  width: 100%;
  top: 0px;
  background-color: #eef1ff;
}
#theme-light .chatMessage__pinnedBox, [data-theme=light] .chatMessage__pinnedBox {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #eef1ff;
}
#theme-dark .chatMessage__pinnedBox, [data-theme=dark] .chatMessage__pinnedBox {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
.chatMessage__pinnedBox {
  z-index: 8;
  box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.07);
  padding: 0 10px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .chatMessage__pinnedBox {
    top: 42px;
    border-radius: 14px 14px 0px 0px;
  }
}
.chatMessage__pinnedBox i {
  margin-bottom: 4px;
}
#theme-light .chatMessage__pinnedBox i::before, [data-theme=light] .chatMessage__pinnedBox i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff;
}
#theme-dark .chatMessage__pinnedBox i::before, [data-theme=dark] .chatMessage__pinnedBox i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.chatMessage__pinnedBox--pinedMessage {
  margin-right: 14px;
  margin-left: 10px;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#theme-light .chatMessage__pinnedBox--pinedMessage, [data-theme=light] .chatMessage__pinnedBox--pinedMessage {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .chatMessage__pinnedBox--pinedMessage, [data-theme=dark] .chatMessage__pinnedBox--pinedMessage {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.chatMessage__pinnedBox--close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}
.chatMessage__pinnedBox--close i {
  font-size: 12px;
}
#theme-light .chatMessage__box, [data-theme=light] .chatMessage__box {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .chatMessage__box, [data-theme=dark] .chatMessage__box {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #202127;
}
.chatMessage__box {
  transition: all 0.3s ease 0s;
  height: 100%;
  max-height: 100000px;
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
@media (max-width: 991px) {
  .chatMessage__box {
    top: 3px;
  }
}
#theme-light .chatMessage__istyping, [data-theme=light] .chatMessage__istyping {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .chatMessage__istyping, [data-theme=dark] .chatMessage__istyping {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #202127;
}
.chatMessage__istyping {
  font-size: 10px;
  height: 22px;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 4px;
}
#theme-light .chatMessage__istyping, [data-theme=light] .chatMessage__istyping {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #8e8ea1;
}
#theme-dark .chatMessage__istyping, [data-theme=dark] .chatMessage__istyping {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #a0a0a0;
}
#theme-light .chatMessage__istyping > b, [data-theme=light] .chatMessage__istyping > b {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #4a4a68;
}
#theme-dark .chatMessage__istyping > b, [data-theme=dark] .chatMessage__istyping > b {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.chatMessage__date {
  text-align: center;
  padding: 2px 6px;
  border-radius: 100px;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 8px auto;
  font-size: 12px;
  font-weight: 300;
  height: 23px;
}
#theme-light .chatMessage__date, [data-theme=light] .chatMessage__date {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #E6ECFF;
  color: #004bff;
}
#theme-dark .chatMessage__date, [data-theme=dark] .chatMessage__date {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #2c3a80;
  color: #9aacff;
}
#chat-position:not(:empty) {
  max-height: 40%;
  height: 40%;
}

@keyframes fade-in {
  0% {
    opacity: 0;
    transform: translateY(-5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.moreSetting-container {
  align-items: center;
  display: flex;
  transition: 250ms background-color;
  border-radius: 10px;
  animation: 300ms ease-in-out both fade-in;
}
.moreSetting-container:nth-child(0) {
  animation-delay: -0.06s;
}
.moreSetting-container:nth-child(1) {
  animation-delay: -0.03s;
}
.moreSetting-container:nth-child(2) {
  animation-delay: 0s;
}
.moreSetting-container:nth-child(3) {
  animation-delay: 0.03s;
}
.moreSetting-container:nth-child(4) {
  animation-delay: 0.06s;
}
.moreSetting-container:nth-child(5) {
  animation-delay: 0.09s;
}
.moreSetting-container:nth-child(6) {
  animation-delay: 0.12s;
}
.moreSetting-container:nth-child(7) {
  animation-delay: 0.15s;
}
.moreSetting-container:nth-child(8) {
  animation-delay: 0.18s;
}
.moreSetting-container:nth-child(9) {
  animation-delay: 0.21s;
}
.moreSetting-container:nth-child(10) {
  animation-delay: 0.24s;
}
.moreSetting-container:nth-child(11) {
  animation-delay: 0.27s;
}
.moreSetting-container:nth-child(12) {
  animation-delay: 0.3s;
}
#theme-light .moreSetting-container:hover, [data-theme=light] .moreSetting-container:hover {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #eef1ff;
}
#theme-dark .moreSetting-container:hover, [data-theme=dark] .moreSetting-container:hover {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
@media (max-width: 991px) {
  .moreSetting-container:hover {
    background-color: transparent;
  }
}
@media (max-width: 991px) {
  .moreSetting-container {
    width: 100%;
    padding: 10px 0px;
  }
}
.moreSetting-container__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
}
#theme-light .moreSetting-container__row, [data-theme=light] .moreSetting-container__row {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #000;
}
#theme-dark .moreSetting-container__row, [data-theme=dark] .moreSetting-container__row {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.moreSetting-container__row {
  margin-bottom: 0;
  position: relative;
  flex: 1;
}
@media (max-width: 991px) {
  .moreSetting-container__row {
    width: 100%;
    padding: 0 15px;
  }
}
.moreSetting-container__row__title {
  justify-content: center;
  display: flex;
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
}
.moreSetting-container__row__title.dark_mode {
  width: 100%;
  margin-left: 0;
}
.moreSetting-container__row__title.dark_mode label {
  margin-right: auto;
}
.ltr .moreSetting-container__row__title.dark_mode label, .message__text--textLtr .moreSetting-container__row__title.dark_mode label {
  margin-right: unset;
  margin-left: auto;
}
.moreSetting-container__row__title i, .moreSetting-container__row__title svg {
  font-size: 23px;
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
}
@media (max-width: 991px) {
  .moreSetting-container__row__title i, .moreSetting-container__row__title svg {
    padding-left: 6px;
  }
}
#theme-light .moreSetting-container__row__title i::before, [data-theme=light] .moreSetting-container__row__title i::before, #theme-light .moreSetting-container__row__title svg, [data-theme=light] .moreSetting-container__row__title svg {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #4a4a68;
}
#theme-dark .moreSetting-container__row__title i::before, [data-theme=dark] .moreSetting-container__row__title i::before, #theme-dark .moreSetting-container__row__title svg, [data-theme=dark] .moreSetting-container__row__title svg {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.moreSetting-container__row__title p {
  margin-bottom: 0px;
  font-size: calc(14px + var(--fontsizeScale));
}
.moreSetting-container__row__title--disabled {
  color: #bbbbc6;
  box-shadow: #bbbbc6;
}
#theme-light .moreSetting-container__row__title--disabled, [data-theme=light] .moreSetting-container__row__title--disabled {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 0 0 0 2px #5774ff;
}
#theme-dark .moreSetting-container__row__title--disabled, [data-theme=dark] .moreSetting-container__row__title--disabled {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 0 0 0 2px #9aacff;
}
.moreSetting-container__row__title--disabled {
  cursor: no-drop;
}
.moreSetting-container__row__title--disabled:hover {
  color: #bbbbc6 !important;
}
#theme-light .moreSetting-container__row__title--disabled p, [data-theme=light] .moreSetting-container__row__title--disabled p, #theme-light .moreSetting-container__row__title--disabled i::before, [data-theme=light] .moreSetting-container__row__title--disabled i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #bbbbc6 !important;
}
#theme-dark .moreSetting-container__row__title--disabled p, [data-theme=dark] .moreSetting-container__row__title--disabled p, #theme-dark .moreSetting-container__row__title--disabled i::before, [data-theme=dark] .moreSetting-container__row__title--disabled i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #6c6c6c !important;
}
.moreSetting-container__row__title--disabled.no-shadow {
  box-shadow: none !important;
}
.moreSetting-container__row--installApp {
  justify-content: center;
  background-color: transparent;
  border-radius: 8px;
  margin: 6px 12px 12px 12px;
  width: initial;
}
#theme-light .moreSetting-container__row--installApp, [data-theme=light] .moreSetting-container__row--installApp {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 0 0 0 2px #5774ff;
  color: #5774ff;
}
#theme-dark .moreSetting-container__row--installApp, [data-theme=dark] .moreSetting-container__row--installApp {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 0 0 0 2px #9aacff;
  color: #9aacff;
}
#theme-light .moreSetting-container__row--installApp:hover, [data-theme=light] .moreSetting-container__row--installApp:hover {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 0 0 0 2px #465dcc;
  color: #465dcc;
}
#theme-dark .moreSetting-container__row--installApp:hover, [data-theme=dark] .moreSetting-container__row--installApp:hover {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 0 0 0 2px #5774ff;
  color: #5774ff;
}
.moreSetting-container__row--installApp {
  padding: 7px 0;
}
.moreSetting-container__row--notif {
  bottom: unset;
  right: unset;
  left: -14px;
  top: 0;
}
@media (max-width: 991px) {
  .moreSetting-container__row--notif {
    bottom: 18px;
    right: unset;
    left: 10%;
  }
}
.moreSetting-container__row--enNotif {
  bottom: unset;
  left: unset;
  right: 15px;
  top: 0;
}
.moreSetting-container__row--enNotif > div {
  padding-top: 0px;
}
@media (max-width: 991px) {
  .moreSetting-container__row--enNotif {
    bottom: 18px;
    left: unset;
    right: 10%;
  }
}
@media (max-width: 991px) {
  .moreSetting-container__devider {
    width: 100%;
  }
}
.moreSetting-container__devider hr {
  border-color: lightgray;
  margin: 5px 10px;
}

@keyframes caret-move {
  from {
    border-width: 0;
  }
  to {
    border-width: 3px;
  }
}
.wb__box, .wb__actions, .wb__moreActions, .wb__tools, .wb__box--shadowed, .wb__box--rounded {
  padding: 4px;
  background-color: #e8e8ec;
  color: #1d1d42;
  position: absolute;
  direction: rtl;
}
#theme-light .wb__box, #theme-light .wb__actions, #theme-light .wb__moreActions, #theme-light .wb__tools, #theme-light .wb__box--shadowed, #theme-light .wb__box--rounded, [data-theme=light] .wb__box, [data-theme=light] .wb__actions, [data-theme=light] .wb__moreActions, [data-theme=light] .wb__tools, [data-theme=light] .wb__box--shadowed, [data-theme=light] .wb__box--rounded {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #e8e8ec;
  color: #1d1d42;
}
#theme-dark .wb__box, #theme-dark .wb__actions, #theme-dark .wb__moreActions, #theme-dark .wb__tools, #theme-dark .wb__box--shadowed, #theme-dark .wb__box--rounded, [data-theme=dark] .wb__box, [data-theme=dark] .wb__actions, [data-theme=dark] .wb__moreActions, [data-theme=dark] .wb__tools, [data-theme=dark] .wb__box--shadowed, [data-theme=dark] .wb__box--rounded {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
  color: #fff;
}
.wb__box--rounded {
  border-radius: 6px;
}
.wb__box--shadowed {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.wb__container {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #d2d2d9;
  direction: ltr;
}
#theme-light .wb__container, [data-theme=light] .wb__container {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #d2d2d9;
}
#theme-dark .wb__container, [data-theme=dark] .wb__container {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
.wb__container > * {
  -webkit-user-select: none;
          user-select: none;
}
.wb__board--container {
  height: calc(100% - 40px);
  top: 40px;
  overflow: hidden;
  position: absolute;
  scrollbar-width: none;
  width: 100%;
  display: flex;
}
@media (max-width: 991px) {
  .wb__board--container:not(.student) {
    height: calc(100% - 80px);
    bottom: 40px;
  }
}
.wb__board--background {
  background-color: #ffffff;
  margin: auto;
  overflow: hidden;
  position: relative;
}
.wb__board--svg {
  transform-origin: 0 0;
  position: absolute;
  left: 0;
  top: 0;
  touch-action: none;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.wb__board--svg image {
  transition: 250ms opacity;
}
.wb__board--svg #wb__pointer {
  stroke: none;
  fill: #ff0040;
}
@media (max-width: 991px) {
  .wb__board--svg #drawingArea {
    fill: rgba(255, 255, 255, 0.001);
  }
}
.wb__board--svg #drawingArea path,
.wb__board--svg #drawingArea rect,
.wb__board--svg #drawingArea ellipse,
.wb__board--svg #drawingArea line,
.wb__board--svg #drawingArea polygon,
.wb__board--svg #drawingArea text {
  animation: pathDrawAnimation 0.5s ease;
  animation-fill-mode: forwards;
  transition: 250ms opacity;
}
.wb__board--svg #drawingArea.Select path:hover,
.wb__board--svg #drawingArea.Select rect:hover,
.wb__board--svg #drawingArea.Select ellipse:hover,
.wb__board--svg #drawingArea.Select line:hover {
  cursor: move;
  filter: drop-shadow(2px 4px 6px);
}
.wb__board--svg #drawingArea.Text text {
  cursor: text;
}
.wb__board--svg #foreignObject {
  background-color: #ffffff;
  overflow: visible;
  border: 3px solid;
  border-top: 0;
  border-bottom: 0;
  animation: 0.9s infinite alternate caret-move;
}
.wb__board--svg #foreignObject.with-content {
  border-color: transparent !important;
}
.wb__board--svg #foreignObject textarea {
  resize: none;
  padding: 0;
  margin: 0;
  border: none;
  white-space: pre;
  scrollbar-width: none;
  background: none;
  -webkit-text-size-adjust: 100%; /* prevent font scaling on iOS */
}
.wb__board--svg #foreignObject textarea::-webkit-scrollbar {
  width: 0;
  margin: 0;
  padding: 0;
  height: 0;
}
.wb__loading {
  position: absolute;
  width: 100%;
  height: 100%;
}
.wb__download-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #a5a5b3;
  font-weight: 500;
  gap: 8px;
  background-color: #e5e5e5;
}
.wb__tools {
  display: flex;
  top: 0;
  right: 0;
  gap: 4px;
  left: 0;
  justify-content: start;
  z-index: 2;
}
#theme-light .wb__tools, [data-theme=light] .wb__tools {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #1d1d42;
}
#theme-dark .wb__tools, [data-theme=dark] .wb__tools {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.wb__button, .wb__menu--moreActions .szh-menu__item, .wb__menu--actions li {
  display: grid;
  place-items: center;
  grid-row: 1;
  padding: 3.752px !important;
  border-radius: 4px;
  color: #1d1d42;
  font-weight: 450;
}
#theme-light .wb__button, #theme-light .wb__menu--moreActions .szh-menu__item, .wb__menu--moreActions #theme-light .szh-menu__item, #theme-light .wb__menu--actions li, .wb__menu--actions #theme-light li, [data-theme=light] .wb__button, [data-theme=light] .wb__menu--moreActions .szh-menu__item, .wb__menu--moreActions [data-theme=light] .szh-menu__item, [data-theme=light] .wb__menu--actions li, .wb__menu--actions [data-theme=light] li {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #1d1d42;
}
#theme-dark .wb__button, #theme-dark .wb__menu--moreActions .szh-menu__item, .wb__menu--moreActions #theme-dark .szh-menu__item, #theme-dark .wb__menu--actions li, .wb__menu--actions #theme-dark li, [data-theme=dark] .wb__button, [data-theme=dark] .wb__menu--moreActions .szh-menu__item, .wb__menu--moreActions [data-theme=dark] .szh-menu__item, [data-theme=dark] .wb__menu--actions li, .wb__menu--actions [data-theme=dark] li {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.wb__button:hover, .wb__menu--moreActions .szh-menu__item:hover, .wb__menu--actions li:hover {
  background-color: #d2d2d9;
}
#theme-light .wb__button:hover, #theme-light .wb__menu--moreActions .szh-menu__item:hover, .wb__menu--moreActions #theme-light .szh-menu__item:hover, #theme-light .wb__menu--actions li:hover, .wb__menu--actions #theme-light li:hover, [data-theme=light] .wb__button:hover, [data-theme=light] .wb__menu--moreActions .szh-menu__item:hover, .wb__menu--moreActions [data-theme=light] .szh-menu__item:hover, [data-theme=light] .wb__menu--actions li:hover, .wb__menu--actions [data-theme=light] li:hover {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #1d1d42;
  background-color: #d2d2d9;
}
#theme-dark .wb__button:hover, #theme-dark .wb__menu--moreActions .szh-menu__item:hover, .wb__menu--moreActions #theme-dark .szh-menu__item:hover, #theme-dark .wb__menu--actions li:hover, .wb__menu--actions #theme-dark li:hover, [data-theme=dark] .wb__button:hover, [data-theme=dark] .wb__menu--moreActions .szh-menu__item:hover, .wb__menu--moreActions [data-theme=dark] .szh-menu__item:hover, [data-theme=dark] .wb__menu--actions li:hover, .wb__menu--actions [data-theme=dark] li:hover {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #1a1e2e;
  background-color: #fff;
}
#theme-light .wb__button:hover .wb-line, #theme-light .wb__menu--moreActions .szh-menu__item:hover .wb-line, .wb__menu--moreActions #theme-light .szh-menu__item:hover .wb-line, #theme-light .wb__menu--actions li:hover .wb-line, .wb__menu--actions #theme-light li:hover .wb-line, [data-theme=light] .wb__button:hover .wb-line, [data-theme=light] .wb__menu--moreActions .szh-menu__item:hover .wb-line, .wb__menu--moreActions [data-theme=light] .szh-menu__item:hover .wb-line, [data-theme=light] .wb__menu--actions li:hover .wb-line, .wb__menu--actions [data-theme=light] li:hover .wb-line {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #1d1d42;
}
#theme-dark .wb__button:hover .wb-line, #theme-dark .wb__menu--moreActions .szh-menu__item:hover .wb-line, .wb__menu--moreActions #theme-dark .szh-menu__item:hover .wb-line, #theme-dark .wb__menu--actions li:hover .wb-line, .wb__menu--actions #theme-dark li:hover .wb-line, [data-theme=dark] .wb__button:hover .wb-line, [data-theme=dark] .wb__menu--moreActions .szh-menu__item:hover .wb-line, .wb__menu--moreActions [data-theme=dark] .szh-menu__item:hover .wb-line, [data-theme=dark] .wb__menu--actions li:hover .wb-line, .wb__menu--actions [data-theme=dark] li:hover .wb-line {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #1a1e2e;
}
#theme-light .wb__button:hover i::before, #theme-light .wb__menu--moreActions .szh-menu__item:hover i::before, .wb__menu--moreActions #theme-light .szh-menu__item:hover i::before, #theme-light .wb__menu--actions li:hover i::before, .wb__menu--actions #theme-light li:hover i::before, [data-theme=light] .wb__button:hover i::before, [data-theme=light] .wb__menu--moreActions .szh-menu__item:hover i::before, .wb__menu--moreActions [data-theme=light] .szh-menu__item:hover i::before, [data-theme=light] .wb__menu--actions li:hover i::before, .wb__menu--actions [data-theme=light] li:hover i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #1d1d42;
}
#theme-dark .wb__button:hover i::before, #theme-dark .wb__menu--moreActions .szh-menu__item:hover i::before, .wb__menu--moreActions #theme-dark .szh-menu__item:hover i::before, #theme-dark .wb__menu--actions li:hover i::before, .wb__menu--actions #theme-dark li:hover i::before, [data-theme=dark] .wb__button:hover i::before, [data-theme=dark] .wb__menu--moreActions .szh-menu__item:hover i::before, .wb__menu--moreActions [data-theme=dark] .szh-menu__item:hover i::before, [data-theme=dark] .wb__menu--actions li:hover i::before, .wb__menu--actions [data-theme=dark] li:hover i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #1a1e2e;
}
.wb__button i, .wb__menu--moreActions .szh-menu__item i, .wb__menu--actions li i {
  font-size: 24.5px;
  margin: 0;
}
#theme-light .wb__button i, #theme-light .wb__menu--moreActions .szh-menu__item i, .wb__menu--moreActions #theme-light .szh-menu__item i, #theme-light .wb__menu--actions li i, .wb__menu--actions #theme-light li i, [data-theme=light] .wb__button i, [data-theme=light] .wb__menu--moreActions .szh-menu__item i, .wb__menu--moreActions [data-theme=light] .szh-menu__item i, [data-theme=light] .wb__menu--actions li i, .wb__menu--actions [data-theme=light] li i {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #1d1d42;
}
#theme-dark .wb__button i, #theme-dark .wb__menu--moreActions .szh-menu__item i, .wb__menu--moreActions #theme-dark .szh-menu__item i, #theme-dark .wb__menu--actions li i, .wb__menu--actions #theme-dark li i, [data-theme=dark] .wb__button i, [data-theme=dark] .wb__menu--moreActions .szh-menu__item i, .wb__menu--moreActions [data-theme=dark] .szh-menu__item i, [data-theme=dark] .wb__menu--actions li i, .wb__menu--actions [data-theme=dark] li i {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
#theme-light .wb__button[data-value=Laser]:hover path, #theme-light .wb__menu--moreActions [data-value=Laser].szh-menu__item:hover path, .wb__menu--moreActions #theme-light [data-value=Laser].szh-menu__item:hover path, #theme-light .wb__menu--actions li[data-value=Laser]:hover path, .wb__menu--actions #theme-light li[data-value=Laser]:hover path, [data-theme=light] .wb__button[data-value=Laser]:hover path, [data-theme=light] .wb__menu--moreActions [data-value=Laser].szh-menu__item:hover path, .wb__menu--moreActions [data-theme=light] [data-value=Laser].szh-menu__item:hover path, [data-theme=light] .wb__menu--actions li[data-value=Laser]:hover path, .wb__menu--actions [data-theme=light] li[data-value=Laser]:hover path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: !important;
}
#theme-dark .wb__button[data-value=Laser]:hover path, #theme-dark .wb__menu--moreActions [data-value=Laser].szh-menu__item:hover path, .wb__menu--moreActions #theme-dark [data-value=Laser].szh-menu__item:hover path, #theme-dark .wb__menu--actions li[data-value=Laser]:hover path, .wb__menu--actions #theme-dark li[data-value=Laser]:hover path, [data-theme=dark] .wb__button[data-value=Laser]:hover path, [data-theme=dark] .wb__menu--moreActions [data-value=Laser].szh-menu__item:hover path, .wb__menu--moreActions [data-theme=dark] [data-value=Laser].szh-menu__item:hover path, [data-theme=dark] .wb__menu--actions li[data-value=Laser]:hover path, .wb__menu--actions [data-theme=dark] li[data-value=Laser]:hover path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #1a1e2e !important;
}
#theme-light .wb__button[data-value=Laser] path, #theme-light .wb__menu--moreActions [data-value=Laser].szh-menu__item path, .wb__menu--moreActions #theme-light [data-value=Laser].szh-menu__item path, #theme-light .wb__menu--actions li[data-value=Laser] path, .wb__menu--actions #theme-light li[data-value=Laser] path, [data-theme=light] .wb__button[data-value=Laser] path, [data-theme=light] .wb__menu--moreActions [data-value=Laser].szh-menu__item path, .wb__menu--moreActions [data-theme=light] [data-value=Laser].szh-menu__item path, [data-theme=light] .wb__menu--actions li[data-value=Laser] path, .wb__menu--actions [data-theme=light] li[data-value=Laser] path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: !important;
}
#theme-dark .wb__button[data-value=Laser] path, #theme-dark .wb__menu--moreActions [data-value=Laser].szh-menu__item path, .wb__menu--moreActions #theme-dark [data-value=Laser].szh-menu__item path, #theme-dark .wb__menu--actions li[data-value=Laser] path, .wb__menu--actions #theme-dark li[data-value=Laser] path, [data-theme=dark] .wb__button[data-value=Laser] path, [data-theme=dark] .wb__menu--moreActions [data-value=Laser].szh-menu__item path, .wb__menu--moreActions [data-theme=dark] [data-value=Laser].szh-menu__item path, [data-theme=dark] .wb__menu--actions li[data-value=Laser] path, .wb__menu--actions [data-theme=dark] li[data-value=Laser] path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #fff !important;
}
.wb__button--active {
  background-color: #d2d2d9;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}
#theme-light .wb__button--active, [data-theme=light] .wb__button--active {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #1d1d42;
  background-color: #d2d2d9;
}
#theme-dark .wb__button--active, [data-theme=dark] .wb__button--active {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #1a1e2e;
  background-color: #fff;
}
#theme-light .wb__button--active[data-value=Laser] path, [data-theme=light] .wb__button--active[data-value=Laser] path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: !important;
}
#theme-dark .wb__button--active[data-value=Laser] path, [data-theme=dark] .wb__button--active[data-value=Laser] path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #1a1e2e !important;
}
#theme-light .wb__button--active .wb-line, [data-theme=light] .wb__button--active .wb-line {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #1d1d42;
}
#theme-dark .wb__button--active .wb-line, [data-theme=dark] .wb__button--active .wb-line {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #1a1e2e;
}
#theme-light .wb__button--active i::before, [data-theme=light] .wb__button--active i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #1d1d42;
}
#theme-dark .wb__button--active i::before, [data-theme=dark] .wb__button--active i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #1a1e2e;
}
.wb__button.font-size, .wb__menu--moreActions .font-size.szh-menu__item, .wb__menu--actions li.font-size {
  transform: scale(0.77);
}
#theme-light .wb__button.font-size, #theme-light .wb__menu--moreActions .font-size.szh-menu__item, .wb__menu--moreActions #theme-light .font-size.szh-menu__item, #theme-light .wb__menu--actions li.font-size, .wb__menu--actions #theme-light li.font-size, [data-theme=light] .wb__button.font-size, [data-theme=light] .wb__menu--moreActions .font-size.szh-menu__item, .wb__menu--moreActions [data-theme=light] .font-size.szh-menu__item, [data-theme=light] .wb__menu--actions li.font-size, .wb__menu--actions [data-theme=light] li.font-size {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #d2d2d9;
}
#theme-dark .wb__button.font-size, #theme-dark .wb__menu--moreActions .font-size.szh-menu__item, .wb__menu--moreActions #theme-dark .font-size.szh-menu__item, #theme-dark .wb__menu--actions li.font-size, .wb__menu--actions #theme-dark li.font-size, [data-theme=dark] .wb__button.font-size, [data-theme=dark] .wb__menu--moreActions .font-size.szh-menu__item, .wb__menu--moreActions [data-theme=dark] .font-size.szh-menu__item, [data-theme=dark] .wb__menu--actions li.font-size, .wb__menu--actions [data-theme=dark] li.font-size {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #fff;
}
#theme-light .wb__button.font-size i::before, #theme-light .wb__menu--moreActions .font-size.szh-menu__item i::before, .wb__menu--moreActions #theme-light .font-size.szh-menu__item i::before, #theme-light .wb__menu--actions li.font-size i::before, .wb__menu--actions #theme-light li.font-size i::before, [data-theme=light] .wb__button.font-size i::before, [data-theme=light] .wb__menu--moreActions .font-size.szh-menu__item i::before, .wb__menu--moreActions [data-theme=light] .font-size.szh-menu__item i::before, [data-theme=light] .wb__menu--actions li.font-size i::before, .wb__menu--actions [data-theme=light] li.font-size i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
#theme-dark .wb__button.font-size i::before, #theme-dark .wb__menu--moreActions .font-size.szh-menu__item i::before, .wb__menu--moreActions #theme-dark .font-size.szh-menu__item i::before, #theme-dark .wb__menu--actions li.font-size i::before, .wb__menu--actions #theme-dark li.font-size i::before, [data-theme=dark] .wb__button.font-size i::before, [data-theme=dark] .wb__menu--moreActions .font-size.szh-menu__item i::before, .wb__menu--moreActions [data-theme=dark] .font-size.szh-menu__item i::before, [data-theme=dark] .wb__menu--actions li.font-size i::before, .wb__menu--actions [data-theme=dark] li.font-size i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #1a1e2e;
}
#theme-light .wb__button-undo-disabled i::before, [data-theme=light] .wb__button-undo-disabled i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #a5a5b3;
}
#theme-dark .wb__button-undo-disabled i::before, [data-theme=dark] .wb__button-undo-disabled i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: rgba(255, 255, 255, 0.3333333333);
}
#theme-light .wb__button-undo-disabled i:hover::before, [data-theme=light] .wb__button-undo-disabled i:hover::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #6e707a !important;
}
#theme-dark .wb__button-undo-disabled i:hover::before, [data-theme=dark] .wb__button-undo-disabled i:hover::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: !important;
}
.wb__moreActions {
  display: grid;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  z-index: 2;
}
.wb__moreActions .wb__button i, .wb__moreActions .wb__menu--moreActions .szh-menu__item i, .wb__menu--moreActions .wb__moreActions .szh-menu__item i, .wb__moreActions .wb__menu--actions li i, .wb__menu--actions .wb__moreActions li i {
  font-size: 16px;
}
.wb__actions {
  display: grid;
  column-gap: 24px;
  top: 0;
  left: 40px;
  z-index: 3;
  justify-content: space-around;
  height: 40px;
}
@media (max-width: 991px) {
  .wb__actions {
    column-gap: 4px;
    bottom: 0;
    left: 0;
    right: 0;
    top: unset;
  }
  .wb__actions.student {
    top: 0;
    bottom: unset;
    left: 40px;
    justify-content: flex-start;
    column-gap: 24px;
  }
}
.wb__actions.full-width-bg {
  width: calc(100% - 40px);
  justify-content: flex-end;
}
.wb__actions--zoomer {
  display: grid;
  grid-row: 1;
  column-gap: 12px;
}
.wb__actions--zoomer .wb__button i, .wb__actions--zoomer .wb__menu--moreActions .szh-menu__item i, .wb__menu--moreActions .wb__actions--zoomer .szh-menu__item i, .wb__actions--zoomer .wb__menu--actions li i, .wb__menu--actions .wb__actions--zoomer li i {
  font-size: 20.0208px;
}
.wb__actions--pager {
  display: grid;
  grid-row: 1;
  column-gap: 4px;
  place-items: center;
}
.wb__actions--pager > * {
  grid-row: 1;
}
.wb__actions--arrow {
  margin-left: 6px;
}
.wb__actions--arrow i {
  font-size: 6.0208px;
  transition: 250ms transform;
  margin-inline: 6px;
}
@media (max-width: 991px) {
  .wb__actions--arrow i {
    transform: rotate(180deg);
  }
}
.wb__actions--arrow i.down {
  transform: rotate(180deg);
}
@media (max-width: 991px) {
  .wb__actions--arrow i.down {
    transform: rotate(0);
  }
}
.wb__colors--container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  padding: 2px;
}
.wb__colors--item {
  border: 2px solid #bbbbc6;
  width: 24.5px;
  height: 24.5px;
  position: relative;
}
.wb__colors--item i {
  margin: 0;
}
.wb__colors--checkmark {
  position: absolute;
  color: #ffffff;
  font-size: 14px !important;
  font-weight: bold;
}
.wb__menu {
  padding: 4px;
  border-radius: 6px 0 6px 6px;
}
@media (max-width: 991px) {
  .wb__menu {
    transform: scale(0.9);
  }
}
.wb__menu li.szh-menu__item {
  display: grid;
  column-gap: 4px;
}
#theme-light .wb__menu .szh-menu__item .wb__button i::before, #theme-light .wb__menu .szh-menu__item .wb__menu--moreActions .szh-menu__item i::before, .wb__menu--moreActions #theme-light .wb__menu .szh-menu__item .szh-menu__item i::before, #theme-light .wb__menu .szh-menu__item .wb__menu--actions li i::before, .wb__menu--actions #theme-light .wb__menu .szh-menu__item li i::before, [data-theme=light] .wb__menu .szh-menu__item .wb__button i::before, [data-theme=light] .wb__menu .szh-menu__item .wb__menu--moreActions .szh-menu__item i::before, .wb__menu--moreActions [data-theme=light] .wb__menu .szh-menu__item .szh-menu__item i::before, [data-theme=light] .wb__menu .szh-menu__item .wb__menu--actions li i::before, .wb__menu--actions [data-theme=light] .wb__menu .szh-menu__item li i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #1d1d42;
}
#theme-dark .wb__menu .szh-menu__item .wb__button i::before, #theme-dark .wb__menu .szh-menu__item .wb__menu--moreActions .szh-menu__item i::before, .wb__menu--moreActions #theme-dark .wb__menu .szh-menu__item .szh-menu__item i::before, #theme-dark .wb__menu .szh-menu__item .wb__menu--actions li i::before, .wb__menu--actions #theme-dark .wb__menu .szh-menu__item li i::before, [data-theme=dark] .wb__menu .szh-menu__item .wb__button i::before, [data-theme=dark] .wb__menu .szh-menu__item .wb__menu--moreActions .szh-menu__item i::before, .wb__menu--moreActions [data-theme=dark] .wb__menu .szh-menu__item .szh-menu__item i::before, [data-theme=dark] .wb__menu .szh-menu__item .wb__menu--actions li i::before, .wb__menu--actions [data-theme=dark] .wb__menu .szh-menu__item li i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
#theme-light .wb__menu .szh-menu__item .wb__button--active i::before, [data-theme=light] .wb__menu .szh-menu__item .wb__button--active i::before, #theme-light .wb__menu .szh-menu__item .wb__button:hover i::before, #theme-light .wb__menu .szh-menu__item .wb__menu--moreActions .szh-menu__item:hover i::before, .wb__menu--moreActions #theme-light .wb__menu .szh-menu__item .szh-menu__item:hover i::before, #theme-light .wb__menu .szh-menu__item .wb__menu--actions li:hover i::before, .wb__menu--actions #theme-light .wb__menu .szh-menu__item li:hover i::before, [data-theme=light] .wb__menu .szh-menu__item .wb__button:hover i::before, [data-theme=light] .wb__menu .szh-menu__item .wb__menu--moreActions .szh-menu__item:hover i::before, .wb__menu--moreActions [data-theme=light] .wb__menu .szh-menu__item .szh-menu__item:hover i::before, [data-theme=light] .wb__menu .szh-menu__item .wb__menu--actions li:hover i::before, .wb__menu--actions [data-theme=light] .wb__menu .szh-menu__item li:hover i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #1d1d42;
}
#theme-dark .wb__menu .szh-menu__item .wb__button--active i::before, [data-theme=dark] .wb__menu .szh-menu__item .wb__button--active i::before, #theme-dark .wb__menu .szh-menu__item .wb__button:hover i::before, #theme-dark .wb__menu .szh-menu__item .wb__menu--moreActions .szh-menu__item:hover i::before, .wb__menu--moreActions #theme-dark .wb__menu .szh-menu__item .szh-menu__item:hover i::before, #theme-dark .wb__menu .szh-menu__item .wb__menu--actions li:hover i::before, .wb__menu--actions #theme-dark .wb__menu .szh-menu__item li:hover i::before, [data-theme=dark] .wb__menu .szh-menu__item .wb__button:hover i::before, [data-theme=dark] .wb__menu .szh-menu__item .wb__menu--moreActions .szh-menu__item:hover i::before, .wb__menu--moreActions [data-theme=dark] .wb__menu .szh-menu__item .szh-menu__item:hover i::before, [data-theme=dark] .wb__menu .szh-menu__item .wb__menu--actions li:hover i::before, .wb__menu--actions [data-theme=dark] .wb__menu .szh-menu__item li:hover i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #1a1e2e;
}
#theme-light .wb__menu .szh-menu__item .wb__button svg path, #theme-light .wb__menu .szh-menu__item .wb__menu--moreActions .szh-menu__item svg path, .wb__menu--moreActions #theme-light .wb__menu .szh-menu__item .szh-menu__item svg path, #theme-light .wb__menu .szh-menu__item .wb__menu--actions li svg path, .wb__menu--actions #theme-light .wb__menu .szh-menu__item li svg path, [data-theme=light] .wb__menu .szh-menu__item .wb__button svg path, [data-theme=light] .wb__menu .szh-menu__item .wb__menu--moreActions .szh-menu__item svg path, .wb__menu--moreActions [data-theme=light] .wb__menu .szh-menu__item .szh-menu__item svg path, [data-theme=light] .wb__menu .szh-menu__item .wb__menu--actions li svg path, .wb__menu--actions [data-theme=light] .wb__menu .szh-menu__item li svg path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #1d1d42;
}
#theme-dark .wb__menu .szh-menu__item .wb__button svg path, #theme-dark .wb__menu .szh-menu__item .wb__menu--moreActions .szh-menu__item svg path, .wb__menu--moreActions #theme-dark .wb__menu .szh-menu__item .szh-menu__item svg path, #theme-dark .wb__menu .szh-menu__item .wb__menu--actions li svg path, .wb__menu--actions #theme-dark .wb__menu .szh-menu__item li svg path, [data-theme=dark] .wb__menu .szh-menu__item .wb__button svg path, [data-theme=dark] .wb__menu .szh-menu__item .wb__menu--moreActions .szh-menu__item svg path, .wb__menu--moreActions [data-theme=dark] .wb__menu .szh-menu__item .szh-menu__item svg path, [data-theme=dark] .wb__menu .szh-menu__item .wb__menu--actions li svg path, .wb__menu--actions [data-theme=dark] .wb__menu .szh-menu__item li svg path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #fff;
}
#theme-light .wb__menu .szh-menu__item .wb__button svg circle, #theme-light .wb__menu .szh-menu__item .wb__menu--moreActions .szh-menu__item svg circle, .wb__menu--moreActions #theme-light .wb__menu .szh-menu__item .szh-menu__item svg circle, #theme-light .wb__menu .szh-menu__item .wb__menu--actions li svg circle, .wb__menu--actions #theme-light .wb__menu .szh-menu__item li svg circle, [data-theme=light] .wb__menu .szh-menu__item .wb__button svg circle, [data-theme=light] .wb__menu .szh-menu__item .wb__menu--moreActions .szh-menu__item svg circle, .wb__menu--moreActions [data-theme=light] .wb__menu .szh-menu__item .szh-menu__item svg circle, [data-theme=light] .wb__menu .szh-menu__item .wb__menu--actions li svg circle, .wb__menu--actions [data-theme=light] .wb__menu .szh-menu__item li svg circle {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #1d1d42;
}
#theme-dark .wb__menu .szh-menu__item .wb__button svg circle, #theme-dark .wb__menu .szh-menu__item .wb__menu--moreActions .szh-menu__item svg circle, .wb__menu--moreActions #theme-dark .wb__menu .szh-menu__item .szh-menu__item svg circle, #theme-dark .wb__menu .szh-menu__item .wb__menu--actions li svg circle, .wb__menu--actions #theme-dark .wb__menu .szh-menu__item li svg circle, [data-theme=dark] .wb__menu .szh-menu__item .wb__button svg circle, [data-theme=dark] .wb__menu .szh-menu__item .wb__menu--moreActions .szh-menu__item svg circle, .wb__menu--moreActions [data-theme=dark] .wb__menu .szh-menu__item .szh-menu__item svg circle, [data-theme=dark] .wb__menu .szh-menu__item .wb__menu--actions li svg circle, .wb__menu--actions [data-theme=dark] .wb__menu .szh-menu__item li svg circle {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
#theme-light .wb__menu .szh-menu__item .wb__button--active svg path, [data-theme=light] .wb__menu .szh-menu__item .wb__button--active svg path, #theme-light .wb__menu .szh-menu__item .wb__button:hover svg path, #theme-light .wb__menu .szh-menu__item .wb__menu--moreActions .szh-menu__item:hover svg path, .wb__menu--moreActions #theme-light .wb__menu .szh-menu__item .szh-menu__item:hover svg path, #theme-light .wb__menu .szh-menu__item .wb__menu--actions li:hover svg path, .wb__menu--actions #theme-light .wb__menu .szh-menu__item li:hover svg path, [data-theme=light] .wb__menu .szh-menu__item .wb__button:hover svg path, [data-theme=light] .wb__menu .szh-menu__item .wb__menu--moreActions .szh-menu__item:hover svg path, .wb__menu--moreActions [data-theme=light] .wb__menu .szh-menu__item .szh-menu__item:hover svg path, [data-theme=light] .wb__menu .szh-menu__item .wb__menu--actions li:hover svg path, .wb__menu--actions [data-theme=light] .wb__menu .szh-menu__item li:hover svg path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #1d1d42;
}
#theme-dark .wb__menu .szh-menu__item .wb__button--active svg path, [data-theme=dark] .wb__menu .szh-menu__item .wb__button--active svg path, #theme-dark .wb__menu .szh-menu__item .wb__button:hover svg path, #theme-dark .wb__menu .szh-menu__item .wb__menu--moreActions .szh-menu__item:hover svg path, .wb__menu--moreActions #theme-dark .wb__menu .szh-menu__item .szh-menu__item:hover svg path, #theme-dark .wb__menu .szh-menu__item .wb__menu--actions li:hover svg path, .wb__menu--actions #theme-dark .wb__menu .szh-menu__item li:hover svg path, [data-theme=dark] .wb__menu .szh-menu__item .wb__button:hover svg path, [data-theme=dark] .wb__menu .szh-menu__item .wb__menu--moreActions .szh-menu__item:hover svg path, .wb__menu--moreActions [data-theme=dark] .wb__menu .szh-menu__item .szh-menu__item:hover svg path, [data-theme=dark] .wb__menu .szh-menu__item .wb__menu--actions li:hover svg path, .wb__menu--actions [data-theme=dark] .wb__menu .szh-menu__item li:hover svg path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #1a1e2e;
}
.wb__menu--thickness > div {
  display: grid;
  gap: 4px;
}
.wb__menu--actions {
  border-radius: 0 6px 6px 6px;
}
@media (max-width: 991px) {
  .wb__menu--actions {
    border-radius: 6px 6px 6px 0;
  }
}
.wb__menu--moreActions {
  border-radius: 0 6px 6px 6px;
  padding: 4px;
}
.wb__menu--moreActions .ic-Download::before {
  font-size: 18px;
  color: #1d1d42;
}
.wb__menu--moreActions .szh-menu__item {
  display: flex !important;
  column-gap: unset !important;
  padding: 8px !important;
}
.wb__menu--moreActions .szh-menu__item:not(:last-child) {
  margin-bottom: 8px !important;
}
.wb__menu--moreActions .szh-menu__item i {
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
}
.wb__menu--pager {
  max-height: 363px;
  overflow: auto;
}
.wb__arrow {
  position: absolute;
  background-color: transparent !important;
}
.wb__arrow.next {
  right: 0;
  transform: rotateZ(90deg);
}
.wb__arrow.prev {
  left: 0;
  transform: rotateZ(-90deg);
}
.wb__arrow:disabled {
  color: rgba(0, 0, 0, 0.1);
}
.wb__crashed--container {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: calc(100% - 40px);
  display: flex;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  top: 40px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 5%;
}
.wb__crashed--image {
  width: 190px;
  height: 225px;
  max-width: 90%;
}
.wb__crashed--text {
  font-size: 1.5em;
  font-weight: bold;
  color: black !important;
}
.wb__subtool {
  display: flex;
  justify-content: center;
  gap: 4px;
}
.wb__subtools {
  display: flex;
  gap: 8px;
}
.wb__tool-icon {
  display: flex;
  align-items: center;
  font-size: 24.5px;
  padding: 0 4px;
}
.wb__tool-icon:first-child {
  -webkit-margin-start: 8px;
          margin-inline-start: 8px;
}
.wb__subtools-devider {
  height: 100%;
}
.wb__subtools-devider::before {
  content: "";
  border: 1px solid #d2d2d9;
  position: absolute;
  top: 0;
  bottom: 0;
}
.wb__font-input {
  border: none;
  font-size: 14px;
  font-weight: 400;
  width: 32px;
  text-align: center;
  background: inherit;
  color: inherit;
}
.wb__font-input::-webkit-outer-spin-button, .wb__font-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.wb__font-input {
  /* Firefox */
  -moz-appearance: textfield;
}
.wb-line {
  background-color: #1d1d42;
}
#theme-light .wb-line, [data-theme=light] .wb-line {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #1d1d42;
}
#theme-dark .wb-line, [data-theme=dark] .wb-line {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
.wb-line {
  transform: rotate(135deg);
  flex-shrink: 0;
  width: 22px;
  border-radius: 5px;
}
.wb-line__wpr {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
}
.wb-line__1 {
  height: 0.5px;
}
.wb-line__2 {
  height: 1.5px;
}
.wb-line__3 {
  height: 2.5px;
}
.wb-line__4 {
  height: 3.5px;
  width: 24px;
}
.wb-line__5 {
  height: 4.5px;
  width: 24px;
}
.wb-line__6 {
  height: 5.5px;
  width: 24px;
}
.wb__color-picker {
  position: relative;
}
.wb__color-picker input {
  visibility: hidden;
  width: 0;
  height: 0;
}

@keyframes pathDrawAnimation {
  to {
    stroke-dashoffset: 0;
  }
}
.c-errorMessage {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #ff0000;
  margin-top: 14px;
  font-size: calc(12px + var(--fontsizeScale));
  font-weight: 400;
  height: 35px;
  -webkit-padding-start: 12px;
          padding-inline-start: 12px;
}
#theme-light .c-errorMessage, [data-theme=light] .c-errorMessage {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff0000;
}
#theme-dark .c-errorMessage, [data-theme=dark] .c-errorMessage {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff6666;
}
@media (max-width: 991px) {
  .c-errorMessage {
    margin-top: 0;
  }
}
.c-errorMessage--background {
  background-color: #ffdcdc;
  border-radius: 12px;
}
#theme-light .c-errorMessage--background, [data-theme=light] .c-errorMessage--background {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #ffdcdc;
}
#theme-dark .c-errorMessage--background, [data-theme=dark] .c-errorMessage--background {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: transparent;
}
.c-errorMessage--mb {
  margin-bottom: 14px;
}
.c-errorMessage img {
  width: 20px;
  height: 20px;
  margin-bottom: 3px;
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}
.c-errorMessage__formError {
  background: #ffdcdc;
  color: #cc0000;
}
#theme-light .c-errorMessage__formError, [data-theme=light] .c-errorMessage__formError {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #cc0000;
  background: #ffdcdc;
}
#theme-dark .c-errorMessage__formError, [data-theme=dark] .c-errorMessage__formError {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
  background: #ff6666;
}
.c-errorMessage__formError {
  padding: 8px 12px;
  border-radius: 12px;
  margin-top: 12px;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  align-items: center;
}
.c-errorMessage__formError i {
  font-size: 14px;
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
}

.error-boundary {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 991px) {
  .error-boundary__svg {
    transform: scale(0.7);
  }
}
.error-boundary__title {
  font-size: 24px;
  font-weight: 400;
  color: #171735;
}
#theme-light .error-boundary__title, [data-theme=light] .error-boundary__title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .error-boundary__title, [data-theme=dark] .error-boundary__title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.error-boundary__hint {
  font-size: 18px;
  font-weight: 300;
  color: #4a4a68;
}
#theme-light .error-boundary__hint, [data-theme=light] .error-boundary__hint {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #4a4a68;
}
#theme-dark .error-boundary__hint, [data-theme=dark] .error-boundary__hint {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #8e8ea1;
}
.error-boundary__button, .error-boundary__button:hover {
  max-width: 238px;
  font-size: 16px;
  font-weight: 400;
}

.c-captcha {
  border-radius: 12px;
  width: 100%;
  border: 1px solid #d2d2d9;
  height: 53px;
  direction: rtl;
}
.c-captcha--error {
  border-color: #ff3333 !important;
}
.c-captcha__input {
  border: 1px solid #d2d2d9;
  width: 50%;
  height: inherit;
  border-radius: 0px 8px 8px 0px;
  border-left-color: #d2d2d9;
  border-right: unset;
  padding-right: 5px;
}
.c-captcha__refresh {
  width: 10%;
  height: inherit;
  color: #0b5cff;
  font-size: 20px;
  cursor: pointer;
}
.c-captcha__image {
  width: 40%;
  height: inherit;
  border-radius: 8px 0px 0px 8px;
  border-right: 1px solid #d2d2d9;
  background-color: #dddddd;
}
@media (max-width: 991px) {
  .c-captcha__image {
    overflow: hidden;
  }
  .c-captcha__image svg {
    width: 100%;
  }
}

#theme-light .skeleton, #theme-light .card-loading, [data-theme=light] .skeleton, [data-theme=light] .card-loading {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #eaeaed;
  background-color: #eaeaed;
  overflow: hidden;
}
#theme-light .skeleton::after, #theme-light .card-loading::after, [data-theme=light] .skeleton::after, [data-theme=light] .card-loading::after {
  content: "";
  width: 0;
  opacity: 0.5;
  height: auto;
  position: absolute;
  left: -45px;
  animation-name: table-skeleton;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  transform: rotate(45deg);
  box-shadow: 0 0 28px 36.4px rgba(255, 255, 255, 0.8352941176);
}
#theme-dark .skeleton, #theme-dark .card-loading, [data-theme=dark] .skeleton, [data-theme=dark] .card-loading {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
  background-color: #393a40;
  overflow: hidden;
}
#theme-dark .skeleton::after, #theme-dark .card-loading::after, [data-theme=dark] .skeleton::after, [data-theme=dark] .card-loading::after {
  content: "";
  width: 0;
  opacity: 0.5;
  height: auto;
  position: absolute;
  left: -45px;
  animation-name: table-skeleton;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  transform: rotate(45deg);
  box-shadow: 0 0 28px 36.4px #393a40;
}
.skeleton, .card-loading {
  position: relative;
}

@keyframes table-skeleton {
  0% {
    left: -50px;
  }
  100% {
    left: 120%;
  }
}
.card-loading {
  width: 100%;
  height: 85px;
  margin-bottom: 8px;
  border-radius: 8px;
  margin-right: auto;
}

.c-notSupported {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  background-color: #ffffff;
  padding: 34px;
}
@media (max-width: 991px) {
  .c-notSupported {
    justify-content: flex-start;
  }
}
.c-notSupported__image {
  width: 385px;
}
@media (max-width: 991px) {
  .c-notSupported__image {
    width: 252px;
  }
}
.c-notSupported__image--oldVersion {
  width: 500px;
}
@media (max-width: 991px) {
  .c-notSupported__image--oldVersion {
    width: 252px;
  }
}
.c-notSupported__message h6 {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  line-height: 38px;
  color: #4a4a68;
}
@media (max-width: 991px) {
  .c-notSupported__message h6 {
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    line-height: 23px;
  }
}
.c-notSupported__message span {
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  line-height: 31px;
  color: #4a4a68;
}
@media (max-width: 991px) {
  .c-notSupported__message span {
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    width: 70%;
  }
}
.c-notSupported__message p {
  margin-bottom: 0px;
  color: #4A4A68 !important;
}
.c-notSupported__message--mark {
  color: #4a4a68;
  font-size: 20px;
  font-weight: 700;
  background-color: #ffffff;
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
}
@media (max-width: 991px) {
  .c-notSupported__message--mark {
    font-size: 14px;
  }
}
.c-notSupported__message--mark.flex-reverse {
  flex-direction: row-reverse;
}
.c-notSupported__message--mark svg {
  width: 16px;
  height: auto;
  align-self: center;
}
.c-notSupported__buttons {
  margin-top: 24px;
}
.c-notSupported__button {
  width: 116px;
  height: 116px;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  cursor: pointer;
}
.c-notSupported__button img {
  width: 58px;
  height: 58px;
}
.c-notSupported__button p {
  margin-bottom: 0;
  color: #000000;
  font-size: 16px;
  margin-top: 10px;
}
@media (max-width: 991px) {
  .c-notSupported__button {
    width: 101px;
    height: 101px;
  }
  .c-notSupported__button p {
    margin-bottom: 0;
    color: #000000;
    font-size: 14px;
    margin-top: 9px;
  }
}
.c-notSupported__button--chrome {
  margin-right: 24px;
}
@media (max-width: 991px) {
  .c-notSupported__button--chrome {
    margin-right: 20px;
  }
}
.c-notSupported__copy {
  margin-top: 54px;
  gap: 8px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .c-notSupported__copy {
    flex-direction: column-reverse;
  }
}
.c-notSupported__copy-url {
  width: 593px;
  border: 1px solid #1d1d42;
  padding: 10px;
  border-radius: 8px;
  font-size: 20px;
  text-align: center;
  color: #072ac8;
  cursor: pointer;
}
@media (max-width: 991px) {
  .c-notSupported__copy-url {
    font-size: 14px;
    width: 350px;
  }
}
.c-notSupported__copy-button {
  background-color: #5774ff;
  color: #ffffff;
  padding: 10px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 2.1;
}
@media (max-width: 991px) {
  .c-notSupported__copy-button {
    line-height: 1;
  }
}
.c-notSupported__copy-button i {
  margin-left: 10px;
}

.c-toast {
  position: relative;
  background-color: white;
  border-radius: 12px;
  overflow: hidden;
  min-width: 260px;
  width: auto;
  min-height: 46px;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -webkit-padding-end: 13px;
          padding-inline-end: 13px;
}
#theme-light .c-toast, [data-theme=light] .c-toast {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .c-toast, [data-theme=dark] .c-toast {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
}
.c-toast.error-2 {
  margin: -4px -10px;
  padding: 4px 10px;
}
#theme-light .c-toast.error-2, [data-theme=light] .c-toast.error-2 {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #ffdcdc;
}
#theme-dark .c-toast.error-2, [data-theme=dark] .c-toast.error-2 {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #ffdcdc;
}
@media (max-width: 991px) {
  .c-toast {
    min-width: 280px;
    min-height: 40px;
    max-width: 350px;
  }
}
.c-toast img {
  width: 20px;
  height: auto;
  margin-right: 13px;
  margin-left: 8px;
}
.c-toast__close {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  color: rgba(91, 91, 91, 0.5);
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  width: 15px;
  height: 20px;
}
@media (max-width: 991px) {
  .c-toast__close {
    font-size: 10px;
    top: 10px;
  }
}
#theme-light .c-toast__container > div > div, [data-theme=light] .c-toast__container > div > div {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .c-toast__container > div > div, [data-theme=dark] .c-toast__container > div > div {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
}
.c-toast__title {
  color: black;
  font-size: calc(14px + var(--fontsizeScale));
  line-height: 20px;
  margin: 0px 8px;
}
#theme-light .c-toast__title, [data-theme=light] .c-toast__title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
#theme-dark .c-toast__title, [data-theme=dark] .c-toast__title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
@media (max-width: 991px) {
  .c-toast__title {
    font-size: calc(12px + var(--fontsizeScale));
  }
}
#theme-light .c-toast.error-2 .c-toast__title, [data-theme=light] .c-toast.error-2 .c-toast__title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #cc0000 !important;
}
#theme-dark .c-toast.error-2 .c-toast__title, [data-theme=dark] .c-toast.error-2 .c-toast__title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #cc0000 !important;
}
#theme-light .c-toast.error-2 .ic-error::before, [data-theme=light] .c-toast.error-2 .ic-error::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #cc0000 !important;
}
#theme-dark .c-toast.error-2 .ic-error::before, [data-theme=dark] .c-toast.error-2 .ic-error::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #cc0000 !important;
}

.stream-video__desc {
  margin-bottom: 14px;
}
.stream-video__desc bdi {
  direction: rtl;
}
.stream-video__inputBox {
  border: 1.2px dashed #eef1ff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(86, 0, 255, 0);
  width: 100%;
  height: 280px;
  margin-bottom: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f1f3f4;
}
#theme-light .stream-video__inputBox, [data-theme=light] .stream-video__inputBox {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #f1f3f4;
}
#theme-dark .stream-video__inputBox, [data-theme=dark] .stream-video__inputBox {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
.stream-video__inputBox {
  justify-content: space-evenly;
}
.stream-video__inputBox video:not(.visualizer) {
  max-width: 271px;
  max-height: 172px;
  border-radius: 13px;
  box-shadow: 0 4px 23px 6px rgba(0, 0, 0, 0.2509803922);
  margin: auto;
  margin-bottom: 11px;
}
.stream-video__overlay {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.stream-video__overlay p {
  margin-bottom: 14px;
}
.stream-video__overlay img {
  filter: grayscale(1);
  margin-bottom: 14px;
}
.stream-video__overlay:hover img {
  filter: none;
}
.stream-video__overlay .drag-text {
  font-size: 11px;
  color: #898989;
}
.stream-video__videoBox--deleteBtn {
  cursor: pointer;
  position: absolute;
  top: 10px;
  left: 10px;
  color: #b6b6b6;
}
.stream-video__videoBox--text {
  color: #949494;
  font-size: 13px;
}
.stream-video__button {
  display: flex;
  justify-content: center;
  width: 100%;
}
.stream-video__audio-visualiser {
  margin: 20px 0;
  width: 200px;
}

input[type=checkbox],
input[type=radio] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 25px;
  width: 25px;
}

input:checked ~ .pure-checkmark {
  background-color: #0b5cff;
}
#theme-light input:checked ~ .pure-checkmark, [data-theme=light] input:checked ~ .pure-checkmark {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #0b5cff;
}
#theme-dark input:checked ~ .pure-checkmark, [data-theme=dark] input:checked ~ .pure-checkmark {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #9aacff;
}

input:checked ~ .pure-checkmark:after {
  display: block;
}

.pure-checkmark:after {
  content: "";
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAQBDw0MCwoJCAUDAg32BJQhZmAAAAMklEQVQI12MAgWwQwfERRMo3AAmmKwpAku03kMWwfgIDQ4mOKUiq1AZIcv5/AFK3EIgB+8YJary9TC8AAAAASUVORK5CYII=);
}
#theme-light .pure-checkmark:after, [data-theme=light] .pure-checkmark:after {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
#theme-dark .pure-checkmark:after, [data-theme=dark] .pure-checkmark:after {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKBAMAAAB293L0AAAAHlBMVEU5OUA5OkA5OkBHcEw5OkA4OUA5OkA5OkA5OkA5OkB6izVvAAAACXRSTlMbvcwAMSev26ml+WrwAAAARUlEQVQI12MwBgFTdQYwHTgJTBtIijKAGIwTgxmKnEFcYwZJFWO2ScHGDByTHDJVjI0ZDDIVJzkDaWO2mUAukDYQB3KNAWPLD5S2ogqPAAAAAElFTkSuQmCC);
}

.pure-checkmark {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid #0b5cff;
}
#theme-light .pure-checkmark, [data-theme=light] .pure-checkmark {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #0b5cff;
}
#theme-dark .pure-checkmark, [data-theme=dark] .pure-checkmark {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #9aacff;
}
.pure-checkmark {
  width: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

input:checked ~ .pure-filled-checkmark {
  background-color: #0b5cff;
}

input:checked ~ .pure-filled-checkmark:after {
  display: block;
}

.pure-filled-checkmark:after {
  content: "";
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAQBDw0MCwoJCAUDAg32BJQhZmAAAAMklEQVQI12MAgWwQwfERRMo3AAmmKwpAku03kMWwfgIDQ4mOKUiq1AZIcv5/AFK3EIgB+8YJary9TC8AAAAASUVORK5CYII=);
  color: #171735;
}

.pure-filled-checkmark {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid #cfd3d7;
  width: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rounded-checkbox {
  border-radius: 50%;
}

#theme-light .checkbox__label, [data-theme=light] .checkbox__label {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .checkbox__label, [data-theme=dark] .checkbox__label {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}

.user-list-modal {
  padding: 0;
  min-width: 360px;
}
@media (max-width: 991px) {
  .user-list-modal {
    flex: 1;
    padding: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
  }
  #theme-light .user-list-modal, [data-theme=light] .user-list-modal {
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    background-color: #fff;
  }
  #theme-dark .user-list-modal, [data-theme=dark] .user-list-modal {
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    background-color: #393a40;
  }
  .user-list-modal {
    position: relative;
    border-radius: 12px 12px 0 0;
    z-index: 1;
    min-width: unset;
    overflow: hidden;
    min-height: calc(100% - 45px);
  }
}
.user-list-modal__mobile-container {
  height: 100%;
  background: #fff;
  background-color: transparent;
  border-radius: 12px 12px 0 0;
  display: flex;
  flex-direction: column;
}
.user-list-modal__header-btn {
  padding: 0 !important;
}
.user-list-modal__listBox {
  flex: 1;
  border: 1px solid #bbbbc6;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 8px;
  height: 400px;
}
#theme-light .user-list-modal__listBox, [data-theme=light] .user-list-modal__listBox {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .user-list-modal__listBox, [data-theme=dark] .user-list-modal__listBox {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
@media (max-width: 991px) {
  .user-list-modal__listBox {
    margin: 16px;
    padding: 0;
    border: none;
  }
}
.user-list-modal__listBox--tab {
  cursor: pointer;
  margin-bottom: 5px;
  width: 50%;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #8e8ea1;
}
.user-list-modal__listBox--tab mark {
  color: #77778e;
}
.user-list-modal__tabs {
  display: flex;
  justify-content: space-around;
}
.user-list-modal__tabs--activeTab {
  color: #0b5cff;
}
#theme-light .user-list-modal__tabs--activeTab, [data-theme=light] .user-list-modal__tabs--activeTab {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff;
}
#theme-dark .user-list-modal__tabs--activeTab, [data-theme=dark] .user-list-modal__tabs--activeTab {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.user-list-modal__tabs--activeTab {
  position: relative;
}
#theme-light .user-list-modal__tabs--activeTab p:first-child, [data-theme=light] .user-list-modal__tabs--activeTab p:first-child {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff;
}
#theme-dark .user-list-modal__tabs--activeTab p:first-child, [data-theme=dark] .user-list-modal__tabs--activeTab p:first-child {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.user-list-modal__tabs--activeBorder {
  width: 100%;
  height: 5px;
  background-color: #0b5cff;
}
#theme-light .user-list-modal__tabs--activeBorder, [data-theme=light] .user-list-modal__tabs--activeBorder {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #0b5cff;
}
#theme-dark .user-list-modal__tabs--activeBorder, [data-theme=dark] .user-list-modal__tabs--activeBorder {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #9aacff;
}
.user-list-modal__tabs--activeBorder {
  position: absolute;
  bottom: -9px;
  border-radius: 8px;
  left: 0;
  right: 0;
}
.user-list-modal__divider {
  width: 95%;
  height: 3px;
  border-radius: 30px;
  background-color: #f3f6f9;
}
.user-list-modal__c-list {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0px 5px 10px 10px;
}
@media (max-width: 991px) {
  .user-list-modal__c-list {
    padding: 0px 0px 10px 0px;
  }
}
.user-list-modal__c-list--noUser {
  color: #1d1d42;
}
#theme-light .user-list-modal__c-list--noUser, [data-theme=light] .user-list-modal__c-list--noUser {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #1d1d42;
}
#theme-dark .user-list-modal__c-list--noUser, [data-theme=dark] .user-list-modal__c-list--noUser {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #a0a0a0;
}
.user-list-modal__c-list--noUser {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80%;
}
@media (max-width: 991px) {
  .user-list-modal__c-list--noUser {
    padding: 0px 0px 10px 0px;
  }
}
.user-list-modal__topShadow {
  box-shadow: inset 0px 13px 10px -10px rgba(0, 0, 0, 0.16);
}
.user-list-modal__bothShadow {
  box-shadow: inset 0px -13px 10px -10px rgba(0, 0, 0, 0.16), inset 0px 13px 10px -10px rgba(0, 0, 0, 0.16);
}
.user-list-modal__bottomShadow {
  box-shadow: inset 0px -13px 10px -10px rgba(0, 0, 0, 0.16);
}
.user-list-modal__buttons {
  display: flex;
}
.user-list-modal__buttons button {
  height: 36px;
  font-size: 14px !important;
  font-weight: 400 !important;
  flex: 1;
  margin-top: 8px;
}
@media (max-width: 991px) {
  .user-list-modal__buttons button {
    font-size: calc(14px + var(--fontsizeScale)) !important;
  }
}
#theme-light .user-list-modal__buttons button:last-child:not(.c-btn__blue), [data-theme=light] .user-list-modal__buttons button:last-child:not(.c-btn__blue) {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .user-list-modal__buttons button:last-child:not(.c-btn__blue), [data-theme=dark] .user-list-modal__buttons button:last-child:not(.c-btn__blue) {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.user-list-modal__buttons {
  margin-top: 16px;
}
@media (max-width: 991px) {
  .user-list-modal__buttons {
    margin: 0 16px 16px;
  }
}
.user-list-modal__buttons--btn {
  min-width: 77px;
  height: 36px;
}
.user-list-modal__row {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 3px;
  box-sizing: content-box;
  position: relative;
}
.user-list-modal__user-name {
  font-size: 12px;
  font-weight: 400;
  line-height: 21px;
  color: #171735;
}
#theme-light .user-list-modal__user-name, [data-theme=light] .user-list-modal__user-name {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .user-list-modal__user-name, [data-theme=dark] .user-list-modal__user-name {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.user-list-modal__search-input {
  border: 1px solid #d2d2d9;
  color: #171735;
}
#theme-light .user-list-modal__search-input, [data-theme=light] .user-list-modal__search-input {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #d2d2d9;
  color: #171735;
}
#theme-dark .user-list-modal__search-input, [data-theme=dark] .user-list-modal__search-input {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #6c6c6c;
  color: #fff;
}
.user-list-modal__search-input {
  background-color: transparent;
  height: 32px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 300;
  display: block;
  flex: 1;
  padding: 12px;
  -webkit-padding-start: 28px;
          padding-inline-start: 28px;
}
.user-list-modal__search-icon {
  position: absolute;
  right: 10px;
}

.c-moreChatOptions {
  cursor: pointer;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
}
.c-moreChatOptions--moreIcon {
  color: #9aacff;
  font-size: 6px;
}
.c-moreChatOptions__mute-user {
  margin-inline: 1px 15px;
}
.c-moreChatOptions__mute-user.big {
  width: 23px;
  height: 23px;
}
#theme-light .c-moreChatOptions__mute-user path, [data-theme=light] .c-moreChatOptions__mute-user path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #000;
}
#theme-dark .c-moreChatOptions__mute-user path, [data-theme=dark] .c-moreChatOptions__mute-user path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #fff;
}
.c-moreChatOptions__mute-user.red path {
  fill: #ff0000;
}
#theme-light .c-moreChatOptions__mute-user.red path, [data-theme=light] .c-moreChatOptions__mute-user.red path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #ff0000;
}
#theme-dark .c-moreChatOptions__mute-user.red path, [data-theme=dark] .c-moreChatOptions__mute-user.red path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #ff6666;
}

.c-moreOptionAnnounce {
  position: absolute;
  bottom: 80px;
  width: 80%;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 12px;
  z-index: 10;
}
.c-moreOptionAnnounce--green {
  background-color: #00ffba;
  color: #ffffff;
}
#theme-light .c-moreOptionAnnounce--green, [data-theme=light] .c-moreOptionAnnounce--green {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #00ffba;
}
#theme-dark .c-moreOptionAnnounce--green, [data-theme=dark] .c-moreOptionAnnounce--green {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #66e37a;
}
.c-moreOptionAnnounce--red {
  background-color: #ffdcdc;
}
.c-moreOptionAnnounce__message {
  width: 100%;
  height: 100%;
  border-radius: 9px;
}
.c-moreOptionAnnounce__message--close {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  width: 25px;
  height: 25px;
}
.c-moreOptionAnnounce__message p {
  font-size: 14px;
  margin-bottom: 0px;
  color: #4a4a68;
}
#theme-light .c-moreOptionAnnounce__message p, [data-theme=light] .c-moreOptionAnnounce__message p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #4a4a68;
}
#theme-dark .c-moreOptionAnnounce__message p, [data-theme=dark] .c-moreOptionAnnounce__message p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #393a40;
}
.c-moreOptionAnnounce__message--green p {
  color: #226b35;
}
#theme-light .c-moreOptionAnnounce__message--green p, [data-theme=light] .c-moreOptionAnnounce__message--green p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #226b35;
}
#theme-dark .c-moreOptionAnnounce__message--green p, [data-theme=dark] .c-moreOptionAnnounce__message--green p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #393a40;
}
.c-moreOptionAnnounce__message--red p,
.c-moreOptionAnnounce__message--red i {
  color: #ff0000;
}

.c-mobileMenu {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: transparent;
  overflow: hidden;
}
.c-mobileMenu--blur {
  background-color: rgba(0, 0, 0, 0.5);
}
.c-mobileMenu__classSettings.ltr, .c-mobileMenu__classSettings.message__text--textLtr {
  text-align: left;
}
.c-mobileMenu__classSettings {
  position: absolute;
  bottom: 0;
  z-index: 98;
}
.c-mobileMenu__classFeatures {
  position: absolute;
  bottom: 56px;
  z-index: 15;
  transition: top 300ms ease-in-out;
}
.c-mobileMenu__classFeatures.key-open {
  bottom: 0;
}
.c-mobileMenu__menuCard {
  background-color: #ffffff;
  height: auto;
  width: 100%;
  position: relative;
  max-height: calc(100% - 52px);
  overflow: auto;
  border-radius: 24px 24px 0px 0px;
  opacity: 0;
  font-weight: 400;
}
#theme-light .c-mobileMenu__menuCard, [data-theme=light] .c-mobileMenu__menuCard {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .c-mobileMenu__menuCard, [data-theme=dark] .c-mobileMenu__menuCard {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
}
.c-mobileMenu__menuCard.show {
  top: 0;
  opacity: 1;
}
.c-mobileMenu__menuCard--arrow {
  z-index: 3;
  width: 100%;
  justify-content: center;
  align-items: center;
  height: 31px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #ffffff;
  display: none;
}
#theme-light .c-mobileMenu__menuCard--arrow, [data-theme=light] .c-mobileMenu__menuCard--arrow {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .c-mobileMenu__menuCard--arrow, [data-theme=dark] .c-mobileMenu__menuCard--arrow {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
}
@media (min-width: 992px) {
  .c-mobileMenu__menuCard--arrow {
    display: none;
  }
}
.c-mobileMenu__menuCard--arrow i {
  color: #bbbbc6;
}
@media (max-width: 991px) {
  .c-mobileMenu__menuCard--settings {
    padding: 13px 12px 0px 12px;
  }
}
.c-mobileMenu__chatCard {
  width: 100%;
  position: relative;
  max-height: calc(100% - 52px);
  opacity: 0;
  border-radius: 12px 12px 0 0 !important;
  background-color: #d2d2d9;
}
#theme-light .c-mobileMenu__chatCard, [data-theme=light] .c-mobileMenu__chatCard {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #d2d2d9;
}
#theme-dark .c-mobileMenu__chatCard, [data-theme=dark] .c-mobileMenu__chatCard {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: transparent;
}
.c-mobileMenu__chatCard {
  transition: height 310ms ease-in-out;
}
.c-mobileMenu__chatCard.show {
  top: 0;
  opacity: 1;
}
.c-mobileMenu__chatCard--expand {
  height: 75%;
}
.c-mobileMenu__chatCard--messageWrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  border-radius: 12px 12px 0 0;
}
.c-mobileMenu__chatCard--full-height {
  height: 100%;
}
.c-mobileMenu__userList {
  background: #ffffff;
  z-index: 2;
  border-radius: 12px 12px 0 0;
  height: calc(100% - 45px);
}
.c-mobileMenu__slider-buttonlike {
  width: 74px;
  height: 4px;
  z-index: 10000;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 8px;
  background: rgb(187, 187, 198);
  margin-bottom: -12px;
  border-radius: 100px;
  display: none;
}
@media (max-width: 991px) {
  .c-mobileMenu__slider-buttonlike {
    display: block;
  }
}
.c-mobileMenu__header.show-icon .c-mobileMenu__menuCard--arrow {
  display: flex;
}
.c-mobileMenu__header {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 16px;
  position: relative;
  justify-content: space-between;
  border-radius: 12px 12px 0 0;
  width: 100%;
  height: 56px;
  background-color: #f3f6f9;
}
#theme-light .c-mobileMenu__header, [data-theme=light] .c-mobileMenu__header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #f3f6f9;
}
#theme-dark .c-mobileMenu__header, [data-theme=dark] .c-mobileMenu__header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #15161b;
}
.c-mobileMenu__header.fill {
  background: #d9d9d9;
}
.c-mobileMenu__header:not(.fill) {
  padding-top: 20px;
}
.c-mobileMenu__header-title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c-mobileMenu__header-arrow {
  margin-top: -8px;
  background-color: transparent !important;
}
.c-mobileMenu__header-text {
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  font-size: calc(18px + var(--fontsizeScale)) !important;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
}
#theme-light .c-mobileMenu__header-text, [data-theme=light] .c-mobileMenu__header-text {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: rgba(0, 0, 0, 0.5411764706);
}
#theme-dark .c-mobileMenu__header-text, [data-theme=dark] .c-mobileMenu__header-text {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
@media (max-width: 991px) {
  .c-mobileMenu__header-text,
  .c-mobileMenu__header-text .target {
    font-weight: 500;
  }
}
.c-mobileMenu__header-text.alignment {
  display: flex;
  align-items: center;
  gap: 5px;
}
.c-mobileMenu__header-icon,
.c-mobileMenu__header-icon i {
  font-size: 20px;
}
.c-mobileMenu__header-icon.big-icon i {
  font-size: 28px;
}
.c-mobileMenu__header.fixed {
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 0;
  height: 45px;
}
.c-mobileMenu__fix-icon {
  width: 22px;
  height: 22px;
  margin: 0 8px;
  padding: 4px;
  box-sizing: content-box;
  cursor: pointer;
}
#theme-light .c-mobileMenu__fix-icon *, [data-theme=light] .c-mobileMenu__fix-icon * {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  stroke: #171735 !important;
}
#theme-dark .c-mobileMenu__fix-icon *, [data-theme=dark] .c-mobileMenu__fix-icon * {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  stroke: #fff !important;
}

.speaker__alert {
  background-color: #ffdc66;
  position: absolute;
  top: 37px;
  left: 50%;
  opacity: 0;
  color: #000000;
  padding: 12px 15px;
  display: flex;
  white-space: nowrap;
  border-radius: 12px;
  font-weight: 400;
  font-size: calc(14px + var(--fontsizeScale));
  visibility: hidden;
  transition: opacity;
  transform: translateX(-50%) translateY(0);
}
@media (max-width: 991px) {
  .speaker__alert {
    transform: translateX(-31%) translateY(3px);
  }
}
.speaker__alert::before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  bottom: calc(100% - 10px);
  left: calc(50% - 17px);
  background: #ffdc66;
  border-radius: 4px 0px 0 0;
  transform: rotate(45deg);
}
@media (max-width: 991px) {
  .speaker__alert::before {
    left: 27%;
  }
}
.speaker__alert--ltr {
  left: 15px;
}
@media (max-width: 991px) {
  .speaker__alert--ltr {
    left: -400%;
  }
}
@media (max-width: 991px) {
  .speaker__alert--ltr::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    bottom: calc(100% - 10px);
    background: #ffdc66;
    border-radius: 4px 0px 0 0;
    transform: rotate(45deg);
    left: 80%;
  }
}
.speaker__alert--rtl.room::before {
  left: calc(87% - 17px);
}
.speaker__alert--ltr.room::before {
  left: calc(10% - 17px);
}
.speaker__alert.room i {
  padding: 10px;
  margin: -10px;
}
.speaker__alert.room {
  align-items: center;
  gap: 10px;
}
.speaker__alert--rtl.room {
  left: -110px;
}
.speaker__alert--ltr.room {
  left: 180px;
}
#theme-light .speaker__alert.room i::before, [data-theme=light] .speaker__alert.room i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: rgba(0, 0, 0, 0.5411764706);
}
#theme-dark .speaker__alert.room i::before, [data-theme=dark] .speaker__alert.room i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: rgba(0, 0, 0, 0.5411764706);
}
.speaker__alert.show {
  opacity: 1;
  visibility: visible;
}

.shakeY {
  animation-name: shakeY;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-delay: 3s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}
@media (max-width: 991px) {
  .shakeY {
    animation-name: shakeYMobile;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 3s;
    animation-iteration-count: infinite;
    animation-direction: normal;
  }
}

@keyframes shakeY {
  from, to {
    transform: translateX(-50%) translateY(0);
  }
  4%, 12% {
    transform: translateX(-50%) translateY(-5px);
  }
  8% {
    transform: translateX(-50%) translateY(5px);
  }
  16%, 100% {
    transform: translateX(-50%) translateY(0);
  }
}
@keyframes shakeYMobile {
  from, to {
    transform: translateX(-31%) translateY(3px);
  }
  4%, 12% {
    transform: translateX(-31%) translateY(-5px);
  }
  8% {
    transform: translateX(-31%) translateY(11px);
  }
  16%, 100% {
    transform: translateX(-31%) translateY(3px);
  }
}
.c-mobileNavBar {
  display: none;
}
.c-mobileNavBar button {
  padding: 0 !important;
  flex-shrink: 0;
  flex: 1;
}
.c-mobileNavBar button.wide {
  flex: 4;
}
.c-mobileNavBar button i {
  position: relative;
}
.c-mobileNavBar button i::before {
  font-size: 24px;
}
@media (max-width: 991px) {
  .c-mobileNavBar {
    position: relative;
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #ffffff;
    font-size: 16px;
    z-index: 97;
    height: 56px;
    background-color: #1d1d42;
  }
  #theme-light .c-mobileNavBar, [data-theme=light] .c-mobileNavBar {
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    background-color: #1d1d42;
    color: #f3f6f9;
  }
  #theme-dark .c-mobileNavBar, [data-theme=dark] .c-mobileNavBar {
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    background-color: #1a1e2e;
    color: #e0e0e0;
  }
}
@media (max-width: 991px) {
  .c-mobileNavBar__1st {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 991px) {
  .c-mobileNavBar__2nd__centerIcons {
    color: #ffffff;
    font-size: 10px;
    font-weight: 100;
  }
  .c-mobileNavBar__2nd__centerIcons--disable {
    color: unset !important;
    font-size: 12px;
  }
  #theme-light .c-mobileNavBar__2nd__centerIcons--disable div i::before, [data-theme=light] .c-mobileNavBar__2nd__centerIcons--disable div i::before {
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    color: #f3f6f9;
  }
  #theme-dark .c-mobileNavBar__2nd__centerIcons--disable div i::before, [data-theme=dark] .c-mobileNavBar__2nd__centerIcons--disable div i::before {
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    color: #6c6c6c;
  }
}
@media (max-width: 991px) {
  .c-mobileNavBar__2nd__centerIcons--active {
    color: #ffffff;
  }
}
.c-mobileNavBar__2nd--handrise {
  font-size: 10px;
  white-space: nowrap;
}
.c-mobileNavBar__3rd {
  height: 100%;
}
.c-mobileNavBar__3rd.newMessage-notif i {
  position: relative;
}
.c-mobileNavBar__3rd.newMessage-notif i::after {
  content: "";
  transform: translate(-50%, -50%);
  display: block;
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
  border: 7px solid red;
}
.c-mobileNavBar--publicWb {
  z-index: 21;
}
#theme-light .c-mobileNavBar--subroom, [data-theme=light] .c-mobileNavBar--subroom {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #2c3a80;
  color: #f3f6f9;
}
#theme-dark .c-mobileNavBar--subroom, [data-theme=dark] .c-mobileNavBar--subroom {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #383c50;
  color: #e0e0e0;
}
.c-mobileNavBar__icons {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 80px;
  direction: rtl;
  width: 100%;
  z-index: 5;
}
@media (max-width: 991px) {
  .c-mobileNavBar__icons__icon {
    display: flex !important;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
  }
}
.c-mobileNavBar--hidden {
  display: none;
}

.c-mediaPresent__mediaWrapper {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.c-mediaPresent__mediaWrapper--playBtn {
  position: absolute;
  display: block !important;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  cursor: pointer;
}
@media (max-width: 991px) {
  .c-mediaPresent__mediaWrapper--playBtn {
    width: 70px;
    height: 70px;
  }
}
.c-mediaPresent__mediaWrapper--hasControl {
  top: 46%;
}

.c-localRecordModal__background {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  transition: 0.3s all;
  z-index: 800;
}
.c-localRecordModal__paper {
  border-radius: 16.8px;
  background-color: #ffffff;
}
#theme-light .c-localRecordModal__paper, [data-theme=light] .c-localRecordModal__paper {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .c-localRecordModal__paper, [data-theme=dark] .c-localRecordModal__paper {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
}
.c-localRecordModal__paper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 454px;
  max-height: 90%;
  width: 100%;
  padding: 18px;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  position: relative;
  overflow: auto;
}
@media (max-width: 991px) {
  .c-localRecordModal__paper {
    position: fixed;
    bottom: 0px;
    border-radius: 12px 12px 0px 0px;
    right: 0;
    left: 0;
    max-width: unset;
  }
}
.c-localRecordModal__paper::-webkit-scrollbar {
  display: none;
}
.c-localRecordModal__paper hr {
  background-color: #171735;
}
#theme-light .c-localRecordModal__paper hr, [data-theme=light] .c-localRecordModal__paper hr {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #171735;
}
#theme-dark .c-localRecordModal__paper hr, [data-theme=dark] .c-localRecordModal__paper hr {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #6c6c6c;
}
.c-localRecordModal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 13px;
  color: #171735;
}
#theme-light .c-localRecordModal__header, [data-theme=light] .c-localRecordModal__header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-localRecordModal__header, [data-theme=dark] .c-localRecordModal__header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.c-localRecordModal__header h5 {
  flex: 1;
  margin-bottom: 0px;
}
.c-localRecordModal__header button {
  font-size: 14px;
}
.c-localRecordModal__selectSection {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.c-localRecordModal__selectSection > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 16px;
}
.c-localRecordModal__selectSection--dropDown {
  width: 60%;
}
@media (max-width: 991px) {
  .c-localRecordModal__selectSection--dropDown {
    flex: 1;
  }
}
.c-localRecordModal__selectSection--dropDown > div {
  display: flex;
  align-items: center;
  height: 48px;
  font-size: calc(14px + var(--fontsizeScale));
  font-weight: 400;
}
.c-localRecordModal__selectRow {
  display: flex;
  align-items: self-end;
  width: -webkit-fit-content;
  width: fit-content;
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
  color: #171735;
}
@media (max-width: 991px) {
  .c-localRecordModal__selectRow {
    width: 37%;
    white-space: nowrap;
  }
}
#theme-light .c-localRecordModal__selectRow, [data-theme=light] .c-localRecordModal__selectRow {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-localRecordModal__selectRow, [data-theme=dark] .c-localRecordModal__selectRow {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.c-localRecordModal__selectRow i, .c-localRecordModal__selectRow svg {
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
  font-size: 24px;
}
#theme-light .c-localRecordModal__selectRow svg *, [data-theme=light] .c-localRecordModal__selectRow svg * {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #171735 !important;
}
#theme-dark .c-localRecordModal__selectRow svg *, [data-theme=dark] .c-localRecordModal__selectRow svg * {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #fff !important;
}
.c-localRecordModal__selectRow p {
  font-size: calc(14px + var(--fontsizeScale));
}
.c-localRecordModal__inputGroup label {
  padding: 12px;
  flex: 1;
  font-size: 16px;
  flex-direction: column;
  justify-content: center;
}
#theme-light .c-localRecordModal__inputGroup label.icon--color, [data-theme=light] .c-localRecordModal__inputGroup label.icon--color {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff !important;
}
#theme-dark .c-localRecordModal__inputGroup label.icon--color, [data-theme=dark] .c-localRecordModal__inputGroup label.icon--color {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff !important;
}
.c-localRecordModal__inputGroup label.icon--color > div > span > p {
  color: #0b5cff;
}
#theme-light .c-localRecordModal__inputGroup label.icon--color > div > span > p, [data-theme=light] .c-localRecordModal__inputGroup label.icon--color > div > span > p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff !important;
}
#theme-dark .c-localRecordModal__inputGroup label.icon--color > div > span > p, [data-theme=dark] .c-localRecordModal__inputGroup label.icon--color > div > span > p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff !important;
}
.c-localRecordModal__inputGroup label:first-child {
  -webkit-margin-end: 12px;
          margin-inline-end: 12px;
}
.c-localRecordModal__inputGroup label span {
  font-size: 14px;
  font-weight: bold;
}
.c-localRecordModal__body p {
  color: #171735;
}
#theme-light .c-localRecordModal__body p, [data-theme=light] .c-localRecordModal__body p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-localRecordModal__body p, [data-theme=dark] .c-localRecordModal__body p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.c-localRecordModal__body ul {
  list-style-type: none;
}
.c-localRecordModal__body ul li:first-child {
  margin-bottom: 16px;
}
.c-localRecordModal__body ul li p {
  color: #171735;
}
#theme-light .c-localRecordModal__body ul li p, [data-theme=light] .c-localRecordModal__body ul li p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-localRecordModal__body ul li p, [data-theme=dark] .c-localRecordModal__body ul li p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.c-localRecordModal__body ul li p span {
  color: #0b5cff;
}
#theme-light .c-localRecordModal__body ul li p span, [data-theme=light] .c-localRecordModal__body ul li p span {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff;
}
#theme-dark .c-localRecordModal__body ul li p span, [data-theme=dark] .c-localRecordModal__body ul li p span {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.c-localRecordModal__body ul li::before {
  content: "";
  background-color: #0b5cff;
}
#theme-light .c-localRecordModal__body ul li::before, [data-theme=light] .c-localRecordModal__body ul li::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #0b5cff !important;
}
#theme-dark .c-localRecordModal__body ul li::before, [data-theme=dark] .c-localRecordModal__body ul li::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #9aacff !important;
}
.c-localRecordModal__body ul li::before {
  border-radius: 50%;
  display: inline-block;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  height: 10px;
  width: 10px;
  min-width: 10px;
}
.c-localRecordModal__body ul li.max-record {
  gap: 8px;
  color: #171735;
}
#theme-light .c-localRecordModal__body ul li.max-record, [data-theme=light] .c-localRecordModal__body ul li.max-record {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-localRecordModal__body ul li.max-record, [data-theme=dark] .c-localRecordModal__body ul li.max-record {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.c-localRecordModal__body ul li.max-record::before {
  display: none !important;
}
.c-localRecordModal__body ul li.max-record i::before {
  color: red !important;
  font-size: 20px !important;
}
.c-localRecordModal__alert {
  margin: 0;
  height: 0;
  transition: 300ms margin, 300ms height;
  overflow: hidden;
  display: flex;
}
.c-localRecordModal__alert.show {
  height: 20px;
  margin: 13px 0 0 0;
  overflow: visible;
}
.c-localRecordModal__alert.show p {
  color: #171735;
}
#theme-light .c-localRecordModal__alert.show p, [data-theme=light] .c-localRecordModal__alert.show p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-localRecordModal__alert.show p, [data-theme=dark] .c-localRecordModal__alert.show p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.c-localRecordModal__alert img {
  width: 36px;
  height: 18px;
  margin-left: 8px;
}
.c-localRecordModal__button {
  font-weight: bold;
  border-radius: 8px;
  margin-top: 24px;
  font-size: 16px;
  box-shadow: 2px 3px 6px 1px rgba(0, 0, 0, 0.15);
  flex: 1;
  height: 48px;
}
.c-localRecordModal__button.blue {
  color: #ffffff;
  background-color: #0b5cff;
}
#theme-light .c-localRecordModal__button.blue, [data-theme=light] .c-localRecordModal__button.blue {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #0b5cff;
  color: #fff;
}
#theme-dark .c-localRecordModal__button.blue, [data-theme=dark] .c-localRecordModal__button.blue {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #9aacff;
  color: #1a1e2e;
}
.c-localRecordModal__button.white {
  background-color: #ffffff;
  color: #0b5cff;
}
#theme-light .c-localRecordModal__button.white, [data-theme=light] .c-localRecordModal__button.white {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
  color: #0b5cff;
}
#theme-dark .c-localRecordModal__button.white, [data-theme=dark] .c-localRecordModal__button.white {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
  color: #9aacff;
}
.c-localRecordModal__button--wrapper button:first-child {
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}
.c-localRecordModal__button--wrapper button:last-child {
  -webkit-margin-start: 5px;
          margin-inline-start: 5px;
}
.c-localRecordModal__guidLink {
  color: #465dcc;
  font-weight: bold;
  cursor: pointer;
  border-radius: 6px;
  transition: background-color 200ms;
}
.c-localRecordModal__guidLink:hover {
  background-color: #d2d2d9;
}
.c-localRecordModal__accordion {
  box-shadow: none;
  border: none;
}
.c-localRecordModal__accordion::before {
  content: none;
}
.c-localRecordModal__accordion--title {
  color: #0b5cff !important;
}
#theme-light .c-localRecordModal__accordion--title, [data-theme=light] .c-localRecordModal__accordion--title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff !important;
}
#theme-dark .c-localRecordModal__accordion--title, [data-theme=dark] .c-localRecordModal__accordion--title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff !important;
}
.c-localRecordModal__accordion--title {
  font-size: 14px !important;
  font-weight: bold;
  box-shadow: none;
  border: none;
}
.c-localRecordModal__accordion--title::before {
  content: "";
  background-color: #0b5cff;
}
#theme-light .c-localRecordModal__accordion--title::before, [data-theme=light] .c-localRecordModal__accordion--title::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #0b5cff;
}
#theme-dark .c-localRecordModal__accordion--title::before, [data-theme=dark] .c-localRecordModal__accordion--title::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #9aacff;
}
.c-localRecordModal__accordion--title::before {
  border-radius: 50%;
  display: inline-block;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  height: 10px;
  width: 10px;
  min-width: 10px;
}
.c-localRecordModal__counterClasses {
  display: inline-flex;
  width: 40px;
}
.c-localRecordModal__bullet {
  width: 10px;
  height: 10px;
  background-color: #0B5CFF;
  border-radius: 50%;
  flex-shrink: 0;
  -webkit-margin-end: 4px;
          margin-inline-end: 4px;
  position: relative;
  top: 5px;
}

.shadow {
  box-shadow: 0 7px 14px rgba(0, 0, 0, 0.15) !important;
}

.rounded {
  border-radius: 8px !important;
}

@keyframes ripple {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}
@media (max-width: 991px) {
  .record__mobile {
    width: 30px !important;
    -webkit-margin-start: 10px;
            margin-inline-start: 10px;
    justify-content: center;
  }
}
.record__mobile.locked {
  width: unset;
}
.record__timer {
  display: flex;
  background-color: #000000;
  -webkit-margin-start: 20px;
          margin-inline-start: 20px;
  gap: 8px;
}
.record__timer--extend {
  width: 160px;
}
.record__timer.active-control {
  padding: 2px 8px;
}
@media (max-width: 991px) {
  .record__timer.active-control {
    padding: 0;
    background-color: transparent;
  }
}
.record__timer--counter45 {
  width: 40px;
  text-align: center;
  display: inline-flex;
  direction: ltr;
}
.record__timer--counter45 span {
  min-width: -webkit-fit-content;
  min-width: fit-content;
  display: flex;
}
.record__timer--counter90 {
  width: 40px;
  text-align: center;
  display: inline-flex;
  direction: ltr;
}
.record__timer--counter90 span {
  min-width: -webkit-fit-content;
  min-width: fit-content;
  display: flex;
}
.record__timer--icon {
  background-color: #ff0000;
  width: 22px;
  height: 22px;
  position: relative;
}
.record__timer--icon::before, .record__timer--icon::after {
  position: absolute;
  content: "";
}
.record__timer--icon::before {
  background-color: #ffffff;
  width: 18px;
  height: 18px;
}
.record__timer--icon::after {
  width: 10px;
  height: 10px;
  background-color: #ff0000;
  animation: ripple 2s linear infinite;
}
@media (max-width: 991px) {
  .record__timer time {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .record__timer time * {
    font-size: 12px;
  }
}
.record__timer--arrow {
  font-size: 7px;
  transform: rotate(270deg);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #898996;
  transition: transform 300ms ease-in-out;
}
.record__timer--arrow.right {
  transform: rotate(90deg);
}
.record__timer--stopBtn {
  width: 25px;
  height: 25px;
  position: relative;
  background-color: #e0e0e4;
  cursor: pointer;
  transition: 300ms opacity, 300ms width;
}
.record__timer--stopBtn.hide {
  width: 0;
  opacity: 0;
  overflow: hidden;
}
.record__timer--stopBtn.show {
  width: 25px;
  opacity: 1;
  overflow: visible;
}
@media (max-width: 991px) {
  .record__timer--stopBtn.show {
    margin: 0 7px;
  }
}
.record__timer--stopBtn::after {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #0b5cff;
  position: absolute;
  border-radius: 2px;
}
.record__timer time {
  transition: 300ms opacity, 300ms width;
}
.record__timer time.hide {
  width: 0;
  opacity: 0;
  overflow: hidden;
}
.record__timer time.show {
  width: 40px;
  opacity: 1;
  overflow: visible;
}
.record__timer time.show.long {
  width: 48px;
}
.record__timer--portalBlob {
  position: fixed;
  top: 0px;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: none;
}
.record__timer--portalBlob.open {
  display: flex;
}
.record__timer--mobileTimer {
  position: absolute;
  top: 45px;
  left: 50%;
  width: 140px;
  height: 40px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
.record__tooltip::after {
  background-color: #ffdc66 !important;
}
#theme-light .record__tooltip::after, [data-theme=light] .record__tooltip::after {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #111111 !important;
}
#theme-dark .record__tooltip::after, [data-theme=dark] .record__tooltip::after {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #111111 !important;
}
.record__toast-icon {
  background-color: #ffdcdc;
  border-radius: 50%;
}
.record__toast-icon > span {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin: 14px;
}
#theme-light .record__toast-icon > span, [data-theme=light] .record__toast-icon > span {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #cc0000;
  outline: 2px solid #cc0000 !important;
}
#theme-dark .record__toast-icon > span, [data-theme=dark] .record__toast-icon > span {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #ff6666;
  outline: 2px solid #ff6666 !important;
}
.record__toast-icon > span {
  outline-offset: 3px;
}

.c-settingModal {
  max-width: 500px;
  -webkit-padding-end: 8px;
          padding-inline-end: 8px;
}
@media (max-width: 991px) {
  .c-settingModal {
    max-width: unset;
    height: 70vh;
    overflow: scroll;
  }
}
@media (max-width: 991px) {
  .c-settingModal--bottomSpace {
    transform: translateY(-20px);
  }
}
.c-settingModal__footer {
  margin-top: 10px;
}
.c-settingModal__footer button:first-child {
  -webkit-margin-end: 16px;
          margin-inline-end: 16px;
}
.c-settingModal__btn {
  flex: 1;
  border-radius: 6px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1607843137);
  background-color: #ffffff;
  padding: 6px 12px;
}
.c-settingModal__btn--marginEnd {
  -webkit-margin-end: 6px;
          margin-inline-end: 6px;
}
.c-settingModal__btn * {
  padding: 0;
}
.c-settingModal__btn.yes {
  height: 35px;
  flex: 2;
}
.c-settingModal__btn.yes:not(:disabled) {
  background-color: #0b5cff;
  color: #ffffff;
  box-shadow: 0 0 0 1px #0b5cff;
}
.c-settingModal__btn.yes:not(:disabled):hover {
  box-shadow: 0 0 0 1px #0b5cff;
}
.c-settingModal__btn.no {
  height: 35px;
}
.c-settingModal__btn.no:not(:disabled) {
  background-color: #ffffff;
  color: #0b5cff;
  box-shadow: 0 0 0 1px #0b5cff;
}
.c-settingModal__btn.no:not(:disabled):hover {
  box-shadow: 0 0 0 1px #0b5cff;
}
.c-settingModal__row {
  margin-top: 10px;
  width: 50%;
}
@media (max-width: 991px) {
  .c-settingModal__row {
    width: 80%;
  }
}
@media (max-width: 991px) {
  .c-settingModal__row {
    font-size: 9pt;
  }
}
.c-settingModal__row--marginEnd {
  -webkit-margin-end: 35px;
          margin-inline-end: 35px;
  font-size: calc(14px + var(--fontsizeScale));
  font-weight: 400;
}
@media (max-width: 991px) {
  .c-settingModal__row--marginEnd {
    -webkit-margin-end: 8px;
            margin-inline-end: 8px;
  }
}
.c-settingModal__checkbox {
  cursor: pointer;
  display: flex;
}
.c-settingModal__checkbox input {
  display: none;
}
.c-settingModal__checkbox .mark {
  border: 2px solid #a5a5b3;
  border-radius: 4px;
  width: 16px;
  height: 16px;
  background-color: #ffffff;
  position: relative;
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
}
#theme-light .c-settingModal__checkbox .mark, [data-theme=light] .c-settingModal__checkbox .mark {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
#theme-dark .c-settingModal__checkbox .mark, [data-theme=dark] .c-settingModal__checkbox .mark {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #393a40;
}
.c-settingModal__checkbox .mark::after, .c-settingModal__checkbox .mark::before {
  content: "";
  position: absolute;
  background-color: #ffffff;
  border-radius: 10px;
  width: 2px;
  height: 0px;
}
.c-settingModal__checkbox .mark::before {
  transform: rotate(-45deg);
  left: 2.5px;
  bottom: 2.5px;
}
.c-settingModal__checkbox .mark::after {
  transform: rotate(45deg);
  bottom: 2px;
  right: 3.5px;
}
.c-settingModal__checkbox .mark.checked {
  border: 2px solid #0b5cff;
  background-color: #0b5cff;
}
#theme-light .c-settingModal__checkbox .mark.checked, [data-theme=light] .c-settingModal__checkbox .mark.checked {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #0b5cff;
  border: 2px solid #0b5cff;
}
#theme-dark .c-settingModal__checkbox .mark.checked, [data-theme=dark] .c-settingModal__checkbox .mark.checked {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #9aacff;
  border: 2px solid #9aacff;
}
.c-settingModal__checkbox .mark.checked::before {
  height: 5px;
}
.c-settingModal__checkbox .mark.checked::after {
  height: 9px;
}
.c-settingModal__checkbox i {
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
}
.c-settingModal__checkbox--disabled {
  color: #bbbbc6;
}
.c-settingModal__alert {
  font-size: calc(12px + var(--fontsizeScale));
  color: #252525;
}
#theme-light .c-settingModal__alert, [data-theme=light] .c-settingModal__alert {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-settingModal__alert, [data-theme=dark] .c-settingModal__alert {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.c-settingModal__alert {
  -webkit-margin-start: 8px;
          margin-inline-start: 8px;
}
.c-settingModal__alert svg {
  -webkit-margin-end: 4px;
          margin-inline-end: 4px;
}
.c-settingModal__alert--icon {
  color: #ffc400;
  width: 12px;
  height: 12px;
}
.c-settingModal__langwrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
}
.c-settingModal__mediaRow {
  margin-top: 10px;
}
@media (max-width: 991px) {
  .c-settingModal__mediaRow {
    flex-direction: column;
    align-items: flex-start;
    font-size: 9pt;
  }
}
.c-settingModal__mediaRow--labeledBx {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.c-tab__titles--enSmaller span {
  font-size: 14px;
}
.c-tab__titles label {
  padding: 5px 25px;
  cursor: pointer;
  color: #a8a8a8;
  border-bottom: 2px solid #a8a8a8;
  flex: auto;
  white-space: nowrap;
}
.c-tab__titles label i {
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
}
#theme-light .c-tab__titles label, [data-theme=light] .c-tab__titles label {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-tab__titles label, [data-theme=dark] .c-tab__titles label {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
@media (max-width: 991px) {
  .c-tab__titles label {
    padding: 5px 15px;
  }
}
.c-tab__titles input[type=radio] {
  display: none;
}
.c-tab__titles.active {
  color: #0b5cff;
  border-bottom: 2px solid #0b5cff;
}
#theme-light .c-tab__titles.active, [data-theme=light] .c-tab__titles.active {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-bottom: 2px solid #0b5cff;
  color: #0b5cff;
}
#theme-dark .c-tab__titles.active, [data-theme=dark] .c-tab__titles.active {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-bottom: 2px solid #9aacff;
  color: #9aacff;
}
.c-tab__content p {
  margin: 1em 0;
  font-size: calc(12px + var(--fontsizeScale));
}
#theme-light .c-tab__content--heading, [data-theme=light] .c-tab__content--heading {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff;
}
#theme-dark .c-tab__content--heading, [data-theme=dark] .c-tab__content--heading {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}

.c-dropdown {
  min-width: 100px;
  position: relative;
}
.c-dropdown__select--ltr {
  text-align: left;
}
.c-dropdown__select {
  border-radius: 8px;
  border: 1px solid #d2d2d9;
  height: 33px;
  padding: 5px 7px 5px 12px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8);
  background-color: #ffffff;
}
#theme-light .c-dropdown__select, [data-theme=light] .c-dropdown__select {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.5411764706);
}
#theme-dark .c-dropdown__select, [data-theme=dark] .c-dropdown__select {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
  color: #e0e0e0;
}
#theme-light .c-dropdown__select.black, [data-theme=light] .c-dropdown__select.black {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
  color: #000;
}
#theme-dark .c-dropdown__select.black, [data-theme=dark] .c-dropdown__select.black {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
  color: #e0e0e0;
}
#theme-light .c-dropdown__select > span, [data-theme=light] .c-dropdown__select > span {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff0000 !important;
}
#theme-dark .c-dropdown__select > span, [data-theme=dark] .c-dropdown__select > span {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff6666 !important;
}
.c-dropdown__list {
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.8);
}
#theme-light .c-dropdown__list, [data-theme=light] .c-dropdown__list {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .c-dropdown__list, [data-theme=dark] .c-dropdown__list {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
.c-dropdown__list {
  position: absolute;
  z-index: 5;
  padding: 8px;
  width: 100%;
  top: calc(100% + 6px);
  margin: 0;
  transition: 300ms;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
}
.c-dropdown__list.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.c-dropdown__list--item {
  padding: 8px;
  border-radius: 4px;
  transition: 250ms background-color;
  -webkit-user-select: none;
          user-select: none;
  -webkit-margin-after: 2px;
          margin-block-end: 2px;
}
#theme-light .c-dropdown__list--item, [data-theme=light] .c-dropdown__list--item {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: rgba(0, 0, 0, 0.5411764706);
}
#theme-dark .c-dropdown__list--item, [data-theme=dark] .c-dropdown__list--item {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
#theme-light .c-dropdown__list--item.black, [data-theme=light] .c-dropdown__list--item.black {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #000;
}
#theme-dark .c-dropdown__list--item.black, [data-theme=dark] .c-dropdown__list--item.black {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.c-dropdown__list--item:hover, .c-dropdown__list--item.selected {
  background-color: #a5a5b3;
  color: #171735;
}
#theme-light .c-dropdown__list--item:hover, [data-theme=light] .c-dropdown__list--item:hover, #theme-light .c-dropdown__list--item.selected, [data-theme=light] .c-dropdown__list--item.selected {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #a5a5b3;
  color: #171735;
}
#theme-dark .c-dropdown__list--item:hover, [data-theme=dark] .c-dropdown__list--item:hover, #theme-dark .c-dropdown__list--item.selected, [data-theme=dark] .c-dropdown__list--item.selected {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #e0e0e0;
  color: #171735;
}
.c-dropdown__list--item[data-value=server] {
  color: #8e8ea1;
}
#theme-light .c-dropdown__list--item[data-value=server], [data-theme=light] .c-dropdown__list--item[data-value=server] {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #8e8ea1;
}
#theme-dark .c-dropdown__list--item[data-value=server], [data-theme=dark] .c-dropdown__list--item[data-value=server] {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #6c6c6c;
}
#theme-light .c-dropdown__list--item > span, [data-theme=light] .c-dropdown__list--item > span {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff0000 !important;
}
#theme-dark .c-dropdown__list--item > span, [data-theme=dark] .c-dropdown__list--item > span {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #ff6666 !important;
}
.c-dropdown__list--arrow {
  font-size: 6px;
  color: #a8a8a8;
}
#theme-light .c-dropdown__list--arrow, [data-theme=light] .c-dropdown__list--arrow {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #a8a8a8;
}
#theme-dark .c-dropdown__list--arrow, [data-theme=dark] .c-dropdown__list--arrow {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.c-dropdown__list--arrow {
  position: absolute;
  left: 12px;
  right: unset;
  top: calc(50% - 4px);
  transition: 250ms transform;
}
.c-dropdown__list--arrow.down {
  transform: rotateZ(180deg);
}
.c-dropdown__list--arrowLtr {
  right: 12px !important;
  left: unset !important;
}
.c-dropdown__list--inActive {
  color: #bbbbc6;
  cursor: no-drop;
}
.c-dropdown__list--inActive:hover {
  background-color: #e8e8ec;
}
.c-dropdown--login-lang .c-dropdown__list, .c-dropdown--settingmodal-lang .c-dropdown__list {
  bottom: 100%;
  top: unset;
}
.c-dropdown--login-lang .c-dropdown__list--item {
  display: flex;
  direction: ltr;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
}
@media (max-width: 991px) {
  .c-dropdown--login-lang .c-dropdown__list--item {
    font-size: 14px;
  }
}
.c-dropdown--login-lang .c-dropdown__list--item {
  gap: 12px;
}
#theme-light .c-dropdown--login-lang .c-dropdown__list--item, [data-theme=light] .c-dropdown--login-lang .c-dropdown__list--item {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #5774ff;
}
#theme-dark .c-dropdown--login-lang .c-dropdown__list--item, [data-theme=dark] .c-dropdown--login-lang .c-dropdown__list--item {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
#theme-light .c-dropdown--login-lang .c-dropdown__list--item:hover, [data-theme=light] .c-dropdown--login-lang .c-dropdown__list--item:hover, #theme-light .c-dropdown--login-lang .c-dropdown__list--item.selected, [data-theme=light] .c-dropdown--login-lang .c-dropdown__list--item.selected {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: transparent;
}
#theme-dark .c-dropdown--login-lang .c-dropdown__list--item:hover, [data-theme=dark] .c-dropdown--login-lang .c-dropdown__list--item:hover, #theme-dark .c-dropdown--login-lang .c-dropdown__list--item.selected, [data-theme=dark] .c-dropdown--login-lang .c-dropdown__list--item.selected {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: transparent;
}
.c-dropdown--login-lang {
  width: 120px;
  margin: auto;
}
#theme-light .c-dropdown--login-lang i::before, [data-theme=light] .c-dropdown--login-lang i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #5774ff;
}
#theme-dark .c-dropdown--login-lang i::before, [data-theme=dark] .c-dropdown--login-lang i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.c-dropdown--login-lang.rtl .c-dropdown__select {
  padding-left: 20px;
}
.c-dropdown--login-lang.ltr .c-dropdown__select, .c-dropdown--login-lang.message__text--textLtr .c-dropdown__select {
  padding-right: 30px;
}
.c-dropdown--login-lang .c-dropdown__select {
  height: unset;
  border: none;
  font-size: 16px;
}
@media (max-width: 991px) {
  .c-dropdown--login-lang .c-dropdown__select {
    font-size: 14px;
  }
}
.c-dropdown--login-lang .c-dropdown__select {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#theme-light .c-dropdown--login-lang .c-dropdown__select, [data-theme=light] .c-dropdown--login-lang .c-dropdown__select {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #5774ff;
  background-color: transparent;
}
#theme-dark .c-dropdown--login-lang .c-dropdown__select, [data-theme=dark] .c-dropdown--login-lang .c-dropdown__select {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
  background-color: transparent;
}
.c-dropdown--settingmodal-lang {
  width: 180px;
}

.c-input__wrapper {
  margin-bottom: 16px;
}
.c-input__wrapper.error {
  color: #ff3333;
}
.c-input__label {
  font-size: calc(14px + var(--fontsizeScale));
}
.c-input__input {
  font: inherit;
  color: currentColor;
  width: 100%;
  border: 0;
  margin: 0;
  display: block;
  padding: 10px 16px;
  min-width: 0;
  background: none;
  letter-spacing: inherit;
  -webkit-tap-highlight-color: transparent;
}
.c-input__input::placeholder {
  color: gray-2500;
  font-size: calc(14px + var(--fontsizeScale));
}
#theme-light .c-input__input:disabled, [data-theme=light] .c-input__input:disabled {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #e8e8ec !important;
  border-color: transparent;
}
#theme-dark .c-input__input:disabled, [data-theme=dark] .c-input__input:disabled {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40 !important;
  border-color: #d2d2d9;
}
#theme-light .c-input__input:-internal-autofill-selected, [data-theme=light] .c-input__input:-internal-autofill-selected {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: !important;
}
#theme-dark .c-input__input:-internal-autofill-selected, [data-theme=dark] .c-input__input:-internal-autofill-selected {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #121212 !important;
}
.c-input__errorText {
  font-size: 11px;
  color: #ff3333;
  margin-top: 3px;
}
.c-input__row {
  border-radius: 8px;
  transition: 200ms box-shadow ease-in-out;
  overflow: hidden;
  position: relative;
}
.c-input__row.outlined {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.231372549);
}
#theme-light .c-input__row.outlined, [data-theme=light] .c-input__row.outlined {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.231372549);
}
#theme-dark .c-input__row.outlined, [data-theme=dark] .c-input__row.outlined {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 0 0 0 1px #6c6c6c;
}
.c-input__row.outlined:hover {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.8705882353);
}
#theme-light .c-input__row.outlined:hover, [data-theme=light] .c-input__row.outlined:hover {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.8705882353);
}
#theme-dark .c-input__row.outlined:hover, [data-theme=dark] .c-input__row.outlined:hover {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 0 0 0 1px #a0a0a0;
}
.c-input__row.outlined.focused {
  box-shadow: 0 0 0 2px #0b5cff;
}
#theme-light .c-input__row.outlined.focused, [data-theme=light] .c-input__row.outlined.focused {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 0 0 0 1px #0b5cff;
}
#theme-dark .c-input__row.outlined.focused, [data-theme=dark] .c-input__row.outlined.focused {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 0 0 0 1px #a0a0a0;
}
.c-input__row.outlined.focused.error {
  box-shadow: 0 0 0 2px #ff3333;
}
#theme-light .c-input__row.outlined.focused.error, [data-theme=light] .c-input__row.outlined.focused.error {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 0 0 0 1px #ff3333;
}
#theme-dark .c-input__row.outlined.focused.error, [data-theme=dark] .c-input__row.outlined.focused.error {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 0 0 0 1px #ff6666;
}
.c-input__row.outlined.focused.success {
  box-shadow: 0 0 0 2px #61c27a;
}
.c-input__row.outlined.error {
  box-shadow: 0 0 0 1px #ff3333;
}
.c-input__row.outlined.success {
  box-shadow: 0 0 0 1px #61c27a;
}
.c-input__row.error {
  box-shadow: 0 0 0 2px #ff3333;
}
#theme-light .c-input__row.error, [data-theme=light] .c-input__row.error {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 0 0 0 1px #ff3333;
}
#theme-dark .c-input__row.error, [data-theme=dark] .c-input__row.error {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 0 0 0 1px #ff6666;
}
.c-input__adornment {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.c-input__adornment--toLeft {
  right: unset;
  left: 0;
}
.c-input__adornment.error {
  color: #ff3333;
}
.c-input__adornment.success {
  color: #61c27a;
}
.c-input__adornment > * {
  height: 100%;
}
.c-input__adornment > button {
  color: inherit;
}
@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.flipInX, .rate-box__commnet--show {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
.backInUp, .rate-box {
  animation: backInUp 0.8s;
  animation-timing-function: ease-out;
}

.rate-box {
  position: fixed;
  bottom: -400px;
  left: 50px;
  text-align: center;
  box-shadow: 0 5px 10px rgba(154, 160, 185, 0.05), 0 15px 40px rgba(166, 173, 201, 0.2);
  padding: 25px;
  background: #fff;
}
#theme-light .rate-box, [data-theme=light] .rate-box {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
  box-shadow: unset;
}
#theme-dark .rate-box, [data-theme=dark] .rate-box {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
  box-shadow: unset;
}
.rate-box {
  width: 380px;
  border-radius: 20px;
  transition: all 0.3s;
  z-index: 1600;
  transform: scale(0.8);
  transform-origin: bottom left;
}
@media only screen and (max-width: 600px) {
  .rate-box {
    left: 50px;
    transform-origin: bottom;
  }
}
@media only screen and (max-width: 480px) {
  .rate-box {
    left: calc(50% - 157.5px);
    width: 315px;
    transform-origin: bottom;
  }
}
.rate-box--ltrRate {
  right: 50px;
  left: unset;
  transform-origin: bottom right;
}
.rate-box__commnet::-webkit-input-placeholder {
  color: #b7b7b7;
}
.rate-box__commnet {
  width: 100%;
  resize: none;
  border-color: #d9d9d9;
  text-align: right;
  padding: 5px;
  display: none;
  margin-bottom: 20px;
  border-radius: 8px;
  font-size: 12px;
  margin-top: 10px;
}
#theme-light .rate-box__commnet, [data-theme=light] .rate-box__commnet {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .rate-box__commnet, [data-theme=dark] .rate-box__commnet {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: transparent;
  color: #fff;
}
.rate-box__commnet--show {
  display: block;
}
.rate-box__commnet:focus {
  outline: none;
}
.rate-box__show {
  bottom: 30px;
}
.rate-box__btn {
  width: 90px;
  padding: 7px 0;
  background-color: #0b5cff;
  color: #ffffff;
  font-size: 15px;
  border-radius: 6px;
  border: none;
  box-shadow: 0 2px 7px 1px rgba(154, 160, 185, 0.38), 0 15px 40px rgba(166, 173, 201, 0.2);
  margin-top: 12px;
}
#theme-light .rate-box__btn, [data-theme=light] .rate-box__btn {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #0b5cff;
  color: #fff;
  box-shadow: unset;
}
#theme-dark .rate-box__btn, [data-theme=dark] .rate-box__btn {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #9aacff;
  color: #121212;
  box-shadow: unset;
}
#theme-light .rate-box__title, [data-theme=light] .rate-box__title, #theme-light .rate-box__text, [data-theme=light] .rate-box__text {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #000;
}
#theme-dark .rate-box__title, [data-theme=dark] .rate-box__title, #theme-dark .rate-box__text, [data-theme=dark] .rate-box__text {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
.rate-box__title, .rate-box__text {
  font-size: 14px;
  margin-bottom: 0;
  text-align: center;
}
.rate-box__text {
  margin-top: 10px;
}
.rate-box__icon {
  width: 70px;
  height: 70px;
  position: absolute;
  left: calc(50% - 70px / 2);
  top: -35px;
}
.rate-box__close {
  width: 9px;
  height: 9px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  padding: 5px;
  box-sizing: content-box;
}
#theme-light .rate-box__close > path, [data-theme=light] .rate-box__close > path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: rgba(0, 0, 0, 0.5411764706);
}
#theme-dark .rate-box__close > path, [data-theme=dark] .rate-box__close > path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #fff;
}

.animatedRater {
  margin-top: 15px;
  transform: translateZ(0);
  direction: ltr;
}
.animatedRater svg {
  cursor: pointer;
}

.rate {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  padding: 0 10px;
  gap: 8px;
}

.rate:not(:checked) > input {
  position: absolute;
  top: -9999px;
}

.rate:not(:checked) > label {
  overflow: hidden;
  cursor: pointer;
}

.rate > label ::before {
  font-size: 24px;
}

.rate > label {
  margin-bottom: 0;
}

#theme-light .rate > input:checked ~ label ::before, [data-theme=light] .rate > input:checked ~ label ::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #004bff;
}
#theme-dark .rate > input:checked ~ label ::before, [data-theme=dark] .rate > input:checked ~ label ::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}

#theme-light .rate:not(:checked) > label:hover ::before, [data-theme=light] .rate:not(:checked) > label:hover ::before,
#theme-light .rate:not(:checked) > label:hover ~ label ::before,
[data-theme=light] .rate:not(:checked) > label:hover ~ label ::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #004bff;
}
#theme-dark .rate:not(:checked) > label:hover ::before, [data-theme=dark] .rate:not(:checked) > label:hover ::before,
#theme-dark .rate:not(:checked) > label:hover ~ label ::before,
[data-theme=dark] .rate:not(:checked) > label:hover ~ label ::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}

#theme-light .rate > input:checked + label:hover ::before, [data-theme=light] .rate > input:checked + label:hover ::before,
#theme-light .rate > input:checked + label:hover ~ label ::before,
[data-theme=light] .rate > input:checked + label:hover ~ label ::before,
#theme-light .rate > input:checked ~ label:hover ::before,
[data-theme=light] .rate > input:checked ~ label:hover ::before,
#theme-light .rate > input:checked ~ label:hover ~ label ::before,
[data-theme=light] .rate > input:checked ~ label:hover ~ label ::before,
#theme-light .rate > label:hover ~ input:checked ~ label ::before,
[data-theme=light] .rate > label:hover ~ input:checked ~ label ::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #004bff;
}
#theme-dark .rate > input:checked + label:hover ::before, [data-theme=dark] .rate > input:checked + label:hover ::before,
#theme-dark .rate > input:checked + label:hover ~ label ::before,
[data-theme=dark] .rate > input:checked + label:hover ~ label ::before,
#theme-dark .rate > input:checked ~ label:hover ::before,
[data-theme=dark] .rate > input:checked ~ label:hover ::before,
#theme-dark .rate > input:checked ~ label:hover ~ label ::before,
[data-theme=dark] .rate > input:checked ~ label:hover ~ label ::before,
#theme-dark .rate > label:hover ~ input:checked ~ label ::before,
[data-theme=dark] .rate > label:hover ~ input:checked ~ label ::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}

.unblock-guide {
  display: flex;
  flex-direction: column;
  margin: auto;
  padding: 0px 11px 11px;
}
.unblock-guide.desktop {
  width: 700px;
}
.unblock-guide.desktop span .ic-SupportChat, .unblock-guide.desktop span p {
  color: #0b5cff;
}
#theme-light .unblock-guide.desktop span .ic-SupportChat, [data-theme=light] .unblock-guide.desktop span .ic-SupportChat, #theme-light .unblock-guide.desktop span p, [data-theme=light] .unblock-guide.desktop span p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #0b5cff !important;
}
#theme-dark .unblock-guide.desktop span .ic-SupportChat, [data-theme=dark] .unblock-guide.desktop span .ic-SupportChat, #theme-dark .unblock-guide.desktop span p, [data-theme=dark] .unblock-guide.desktop span p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff !important;
}
.unblock-guide {
  min-width: 353px;
}
@media (max-width: 991px) {
  .unblock-guide {
    min-width: initial;
    padding: 0px 0px 11px 0px;
  }
}
.unblock-guide.mobile {
  width: 100%;
  max-width: 353px;
}
.unblock-guide__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: calc(16px + var(--fontsizeScale));
  font-weight: 400;
}
.unblock-guide__description {
  font-size: calc(14px + var(--fontsizeScale));
  height: 20px;
  margin-bottom: 11px;
}
.unblock-guide__buttons {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  max-width: 350px;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.unblock-guide__buttons > :nth-child(2) {
  flex: 3;
}
.unblock-guide__buttons > :nth-child(1) {
  flex: 2;
}
.unblock-guide__prevBtn {
  background: #fff;
}
#theme-light .unblock-guide__prevBtn, [data-theme=light] .unblock-guide__prevBtn {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .unblock-guide__prevBtn, [data-theme=dark] .unblock-guide__prevBtn {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
}
.unblock-guide__prevBtn.hidden {
  visibility: hidden;
}
.unblock-guide__imageContainer {
  object-position: center;
  margin: 11px auto;
}
.unblock-guide__imageContainer.mobile img {
  height: unset;
  width: 100%;
  max-width: 285px;
  height: 285px;
}
.unblock-guide__imageContainer.mobile img:not(.ff) {
  height: 217px;
}
.unblock-guide__imageContainer img {
  object-fit: contain;
}
.unblock-guide__imageContainer img:not(.ff) {
  height: 270px;
}
.unblock-guide__imageContainer img {
  width: 660px;
}
.unblock-guide__bullets-container {
  margin: auto;
  margin-bottom: 11px;
}
.unblock-guide__next-btn button {
  width: 100%;
}
.unblock-guide__next-btn {
  max-width: 190px;
}

.unblock2 {
  display: flex;
  flex-direction: column;
}
.unblock2__hint {
  padding-right: 5%;
  display: flex;
  align-items: flex-end;
  margin-bottom: 14px;
}
.unblock2__hint svg {
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}
.unblock2__list {
  padding-right: 5%;
  text-align: right;
  margin-bottom: 14px;
}
.unblock2__list > * {
  display: flex;
  margin-bottom: 8px;
}
.unblock2__list > *::before {
  margin-top: 7px;
  min-width: 7px;
  height: 7px;
  content: "";
  border-radius: 50%;
  background: #0b5cff;
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
}

.bullets {
  display: flex;
  margin: auto;
}
.bullets__bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #bbbbc6;
  -webkit-margin-end: 6px;
          margin-inline-end: 6px;
}
#theme-light .bullets__bullet--alarm, [data-theme=light] .bullets__bullet--alarm {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #ff0000;
}
#theme-dark .bullets__bullet--alarm, [data-theme=dark] .bullets__bullet--alarm {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #ff6666;
}
.bullets__bullet--active {
  background: #0b5cff;
}
#theme-light .bullets__bullet--active, [data-theme=light] .bullets__bullet--active {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #0b5cff;
}
#theme-dark .bullets__bullet--active, [data-theme=dark] .bullets__bullet--active {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #9aacff;
}

.c-entrance.c-entrance-dark {
  height: 100vh;
}
#theme-light .c-entrance.c-entrance-dark, [data-theme=light] .c-entrance.c-entrance-dark {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .c-entrance.c-entrance-dark, [data-theme=dark] .c-entrance.c-entrance-dark {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #121212;
}
.c-entrance__header {
  position: relative;
  width: 100%;
  height: 48px;
  background-color: #eef1ff;
  padding: 10px 0px;
}
#theme-light .c-entrance__header, [data-theme=light] .c-entrance__header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #eef1ff;
}
#theme-dark .c-entrance__header, [data-theme=dark] .c-entrance__header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
}
@media (max-width: 991px) {
  .c-entrance__header {
    height: 52px;
    -webkit-padding-start: 16px;
            padding-inline-start: 16px;
    -webkit-padding-end: 16px;
            padding-inline-end: 16px;
  }
}
.c-entrance__header--backTo {
  font-size: 16px;
}
.c-entrance__header--backTo i {
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .c-entrance__header--backTo {
    font-size: 12px;
  }
}
.c-entrance__portalMenu {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.c-entrance__menu {
  background-color: #ffffff;
  width: 300px;
  top: 60px;
  position: absolute;
  right: 20px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14);
  padding: 16px 4px 5px;
}
#theme-light .c-entrance__menu, [data-theme=light] .c-entrance__menu {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .c-entrance__menu, [data-theme=dark] .c-entrance__menu {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
}
@media (max-width: 991px) {
  .c-entrance__menu {
    right: 0;
    top: 0px;
    bottom: 0px;
    height: 100%;
    width: 70%;
    display: flex;
    flex-direction: column;
  }
}
.c-entrance__menu--ltr {
  left: 20px;
  right: unset;
}
@media (max-width: 991px) {
  .c-entrance__menu--ltr {
    left: 0px;
    right: unset;
  }
}
.c-entrance__menu--topRow {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 12px 16px;
}
.c-entrance__menu--close {
  cursor: pointer;
}
@media (max-width: 991px) {
  .c-entrance__menu--close {
    transform: rotate(270deg);
  }
}
.c-entrance__menu--close i {
  color: #4a4a68;
}
#theme-light .c-entrance__menu--close i, [data-theme=light] .c-entrance__menu--close i {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #4a4a68;
}
#theme-dark .c-entrance__menu--close i, [data-theme=dark] .c-entrance__menu--close i {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.c-entrance__menu--close i {
  font-size: 16px;
}
@media (max-width: 991px) {
  .c-entrance__menu--close i {
    font-size: 10px;
  }
}
@media (max-width: 991px) {
  .c-entrance__menu--closeEn {
    transform: rotate(90deg) !important;
  }
}
.c-entrance__menu--menuItem {
  color: #171735;
  font-size: calc(14px + var(--fontsizeScale));
  display: flex;
  align-items: center;
  height: 46px;
  padding: 12px;
  cursor: pointer;
}
#theme-light .c-entrance__menu--menuItem, [data-theme=light] .c-entrance__menu--menuItem {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-entrance__menu--menuItem, [data-theme=dark] .c-entrance__menu--menuItem {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.c-entrance__menu--menuItem:hover {
  background-color: #eef1ff;
}
#theme-light .c-entrance__menu--menuItem:hover, [data-theme=light] .c-entrance__menu--menuItem:hover {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #eef1ff;
}
#theme-dark .c-entrance__menu--menuItem:hover, [data-theme=dark] .c-entrance__menu--menuItem:hover {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
.c-entrance__menu--menuItem:hover {
  transition: 250ms background-color;
  border-radius: 10px;
}
#theme-light .c-entrance__menu--menuItem svg *, [data-theme=light] .c-entrance__menu--menuItem svg * {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #4a4a68;
}
#theme-dark .c-entrance__menu--menuItem svg *, [data-theme=dark] .c-entrance__menu--menuItem svg * {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #fff;
}
.c-entrance__menu--menuItem i, .c-entrance__menu--menuItem svg {
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
}
.c-entrance__menu--menuItem a {
  color: #171735;
}
.c-entrance__menu--closeTab {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  color: #ff0000;
}
.c-entrance__menu--disabledItem {
  cursor: default !important;
  color: #bbbbc6;
}
.c-entrance__menu--switchLang {
  display: flex;
  margin: 16px 0px;
}
.c-entrance__menu--faBtn {
  background-color: #ffffff;
  color: #8e8ea1;
  border: 2px solid #8e8ea1 !important;
}
#theme-light .c-entrance__menu--faBtn, [data-theme=light] .c-entrance__menu--faBtn {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 2px solid transparent !important;
}
#theme-dark .c-entrance__menu--faBtn, [data-theme=dark] .c-entrance__menu--faBtn {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 2px solid transparent !important;
}
.c-entrance__menu--faBtn {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}
.c-entrance__menu--faBtn, .c-entrance__menu--faBtn:hover, .c-entrance__menu--faBtn:focus {
  width: -webkit-fit-content;
  width: fit-content;
  font-size: calc(12px + var(--fontsizeScale));
  font-weight: 400;
  padding: 10px;
}
.c-entrance__menu--enBtn {
  background-color: #4a4a68;
}
.c-entrance__menu--enBtn, .c-entrance__menu--enBtn:hover, .c-entrance__menu--enBtn:focus {
  width: -webkit-fit-content;
  width: fit-content;
  font-size: calc(12px + var(--fontsizeScale));
  font-weight: 400;
  padding: 10px;
}
.c-entrance__menu--socialMedia {
  display: flex;
  justify-content: center;
  align-items: center;
  direction: ltr;
}
.c-entrance__menu--socialMedia span {
  display: flex;
  padding: 8px;
  color: #8e8ea1;
}
#theme-light .c-entrance__menu--socialMedia span, [data-theme=light] .c-entrance__menu--socialMedia span {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #8e8ea1;
}
#theme-dark .c-entrance__menu--socialMedia span, [data-theme=dark] .c-entrance__menu--socialMedia span {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.c-entrance__menu--socialMedia span {
  cursor: pointer;
}
.c-entrance__menu--socialMedia span i {
  font-size: 16px;
}
.c-entrance__menu--bottomRow {
  bottom: 5px;
  right: 0px;
  left: 0px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 991px) {
  .c-entrance__menu--bottomRow {
    margin-top: auto;
  }
}
.c-entrance__menu hr {
  opacity: 1;
  margin: 8px 12px;
  height: 2px;
}
#theme-light .c-entrance__menu hr, [data-theme=light] .c-entrance__menu hr {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #e8e8ec;
}
#theme-dark .c-entrance__menu hr, [data-theme=dark] .c-entrance__menu hr {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #6c6c6c;
}
.c-entrance__main {
  width: 450px;
  margin: 70px auto 0px;
  padding: 32px 24px;
}
#theme-light .c-entrance__main, [data-theme=light] .c-entrance__main {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
#theme-dark .c-entrance__main, [data-theme=dark] .c-entrance__main {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
}
@media (max-width: 991px) {
  #theme-light .c-entrance__main, [data-theme=light] .c-entrance__main {
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  }
  #theme-dark .c-entrance__main, [data-theme=dark] .c-entrance__main {
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    background-color: #121212;
  }
  .c-entrance__main {
    width: 100%;
    -webkit-padding-start: 16px;
            padding-inline-start: 16px;
    -webkit-padding-end: 16px;
            padding-inline-end: 16px;
  }
}
.c-entrance__eventLink {
  width: 100%;
  align-items: flex-end;
}
.c-entrance__eventLink--label {
  font-size: calc(14px + var(--fontsizeScale));
  font-weight: 500;
  color: #171735;
}
#theme-light .c-entrance__eventLink--label, [data-theme=light] .c-entrance__eventLink--label {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-entrance__eventLink--label, [data-theme=dark] .c-entrance__eventLink--label {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.c-entrance__eventLink--label {
  margin-bottom: 13px;
}
.c-entrance__eventLink--input {
  color: #171735;
  background-color: #ffffff;
}
#theme-light .c-entrance__eventLink--input, [data-theme=light] .c-entrance__eventLink--input {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
  color: #171735;
}
#theme-dark .c-entrance__eventLink--input, [data-theme=dark] .c-entrance__eventLink--input {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #2e2f34;
  color: #e0e0e0;
}
.c-entrance__eventLink--input::placeholder {
  color: #171735;
}
#theme-light .c-entrance__eventLink--input::placeholder, [data-theme=light] .c-entrance__eventLink--input::placeholder {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-entrance__eventLink--input::placeholder, [data-theme=dark] .c-entrance__eventLink--input::placeholder {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #a0a0a0;
}
.c-entrance__eventLink--enterEvent {
  width: -webkit-fit-content;
  width: fit-content;
  height: 44px;
  background-color: #8e8ea1;
}
#theme-light .c-entrance__eventLink--enterEvent > div, [data-theme=light] .c-entrance__eventLink--enterEvent > div {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #f3f6f9;
}
#theme-dark .c-entrance__eventLink--enterEvent > div, [data-theme=dark] .c-entrance__eventLink--enterEvent > div {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.c-entrance__eventLink--enterEvent {
  font-size: calc(14px + var(--fontsizeScale));
  font-weight: 400;
}
.c-entrance__eventLink--enterEvent:hover, .c-entrance__eventLink--enterEvent:focus {
  width: -webkit-fit-content;
  width: fit-content;
  font-size: calc(14px + var(--fontsizeScale));
  font-weight: 400;
}
.c-entrance__eventLink--activeBlue {
  background-color: #0b5cff;
}
.c-entrance__eventsList {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  margin-top: 50px;
  max-height: 500px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .c-entrance__eventsList {
    max-height: 400px;
  }
}
.c-entrance__eventsList h6 {
  font-size: calc(16px + var(--fontsizeScale));
  color: #8e8ea1;
}
#theme-light .c-entrance__eventsList h6, [data-theme=light] .c-entrance__eventsList h6 {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #8e8ea1;
}
#theme-dark .c-entrance__eventsList h6, [data-theme=dark] .c-entrance__eventsList h6 {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.c-entrance__eventsList--eventRow {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.c-entrance__eventsList--eventRow > div.accordionBox {
  margin-bottom: 0;
}
#theme-light .c-entrance__eventsList--eventRow > div.accordionBox, [data-theme=light] .c-entrance__eventsList--eventRow > div.accordionBox {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff !important;
}
#theme-dark .c-entrance__eventsList--eventRow > div.accordionBox, [data-theme=dark] .c-entrance__eventsList--eventRow > div.accordionBox {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30 !important;
}
@media (max-width: 991px) {
  #theme-light .c-entrance__eventsList--eventRow > div.accordionBox, [data-theme=light] .c-entrance__eventsList--eventRow > div.accordionBox {
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    background-color: #fff !important;
  }
  #theme-dark .c-entrance__eventsList--eventRow > div.accordionBox, [data-theme=dark] .c-entrance__eventsList--eventRow > div.accordionBox {
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    background-color: #121212 !important;
  }
}
.c-entrance__eventsList--eventRow > div.accordionBox {
  border-radius: 0;
  padding: 3px 0;
}
#theme-light .c-entrance__eventsList--eventRow > div.accordionBox > div > div, [data-theme=light] .c-entrance__eventsList--eventRow > div.accordionBox > div > div {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735 !important;
}
#theme-dark .c-entrance__eventsList--eventRow > div.accordionBox > div > div, [data-theme=dark] .c-entrance__eventsList--eventRow > div.accordionBox > div > div {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0 !important;
}
#theme-light .c-entrance__eventsList--eventRow > div.accordionBox > div > i, [data-theme=light] .c-entrance__eventsList--eventRow > div.accordionBox > div > i {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #4a4a68 !important;
}
#theme-dark .c-entrance__eventsList--eventRow > div.accordionBox > div > i, [data-theme=dark] .c-entrance__eventsList--eventRow > div.accordionBox > div > i {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0 !important;
}
.c-entrance__eventsList--eventRow hr {
  color: #e8e8ec;
  opacity: 1;
}
#theme-light .c-entrance__eventsList--eventRow hr, [data-theme=light] .c-entrance__eventsList--eventRow hr {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e8e8ec !important;
}
#theme-dark .c-entrance__eventsList--eventRow hr, [data-theme=dark] .c-entrance__eventsList--eventRow hr {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #393a40 !important;
}
.c-entrance__eventsList--eventRow hr {
  width: 100%;
  height: 3px;
  margin: 0px;
}
.c-entrance__eventsList--accordion {
  width: -webkit-fit-content;
  width: fit-content;
}
.c-entrance__eventsList--accordion div {
  color: #171735;
}
.c-entrance__eventsList--accordion i {
  color: #4a4a68;
  -webkit-margin-start: 10px;
          margin-inline-start: 10px;
  transform: rotate(270deg) !important;
  font-size: 8px;
}
.c-entrance__eventsList--accordionLtr i {
  transform: rotate(90deg) !important;
}
.c-entrance__eventsList--rotationArrow i {
  transform: rotate(180deg) !important;
}
.c-entrance__eventsList--enterBtn {
  height: 34px;
  background-color: #0b5cff;
}
.c-entrance__eventsList--enterBtn, .c-entrance__eventsList--enterBtn:hover, .c-entrance__eventsList--enterBtn:focus {
  width: -webkit-fit-content;
  width: fit-content;
  font-size: calc(12px + var(--fontsizeScale));
  font-weight: 400;
  padding: 10px;
}
.c-entrance__eventsList--actionBtn {
  padding: 10px;
  border: 1px solid #a5a5b3;
  border-radius: 4px;
  width: 34px;
  height: 34px;
  cursor: pointer;
}
.c-entrance__eventsList--actionBtn i {
  color: #a5a5b3;
}
#theme-light .c-entrance__eventsList--actionBtn i, [data-theme=light] .c-entrance__eventsList--actionBtn i {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #a5a5b3 !important;
}
#theme-dark .c-entrance__eventsList--actionBtn i, [data-theme=dark] .c-entrance__eventsList--actionBtn i {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0 !important;
}
.c-entrance__eventsList--listContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: auto;
}
.c-entrance__eventsList--emptyList {
  width: 70%;
  text-align: center;
  color: #4a4a68;
  font-size: calc(14px + var(--fontsizeScale));
}
.c-entrance__iFrame {
  width: 100%;
  height: calc(100vh - 56px);
}
@media (max-width: 991px) {
  .c-entrance__iFrame {
    height: calc(100vh - 50px);
  }
}
.c-entrance__selectlang {
  display: flex;
  padding: 0 12px;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
}
.c-entrance__selectlang > :first-child {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}
.c-entrance__selectlang > :last-child {
  flex: 1;
}
.c-entrance__selectlang {
  margin: 16px 0;
}
#theme-light .c-entrance__selectlang, [data-theme=light] .c-entrance__selectlang {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-entrance__selectlang, [data-theme=dark] .c-entrance__selectlang {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.c-entrance__themeswitch {
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  position: relative;
  transform: scale(1.5);
  transform-origin: 100% 50%;
}
.c-entrance__themeswitch.ltr, .c-entrance__themeswitch.message__text--textLtr {
  transform-origin: 0 50%;
}
.c-entrance__themeswitch {
  margin-bottom: 0;
}
#theme-light .c-entrance__themeswitch .c-switchToggle__label, [data-theme=light] .c-entrance__themeswitch .c-switchToggle__label {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #e8e8ec;
}
#theme-dark .c-entrance__themeswitch .c-switchToggle__label, [data-theme=dark] .c-entrance__themeswitch .c-switchToggle__label {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #121212;
}
#theme-light .c-entrance__themeswitch .c-switchToggle__label::before, [data-theme=light] .c-entrance__themeswitch .c-switchToggle__label::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #0b5cff;
}
#theme-dark .c-entrance__themeswitch .c-switchToggle__label::before, [data-theme=dark] .c-entrance__themeswitch .c-switchToggle__label::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #9aacff;
}
.c-entrance__themeswitch .c-switchToggle__label::before {
  transform: scale(0.9);
  transform-origin: center;
}
.c-entrance__themeswitch .dark,
.c-entrance__themeswitch .light {
  position: absolute;
  z-index: 10;
  top: 50%;
}
#theme-light .c-entrance__themeswitch .dark *, [data-theme=light] .c-entrance__themeswitch .dark *,
#theme-light .c-entrance__themeswitch .light *,
[data-theme=light] .c-entrance__themeswitch .light * {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #a5a5b3 !important;
}
#theme-dark .c-entrance__themeswitch .dark *, [data-theme=dark] .c-entrance__themeswitch .dark *,
#theme-dark .c-entrance__themeswitch .light *,
[data-theme=dark] .c-entrance__themeswitch .light * {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #e0e0e0 !important;
}
#theme-light .c-entrance__themeswitch .dark.active *, [data-theme=light] .c-entrance__themeswitch .dark.active *,
#theme-light .c-entrance__themeswitch .light.active *,
[data-theme=light] .c-entrance__themeswitch .light.active * {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #f3f6f9 !important;
}
#theme-dark .c-entrance__themeswitch .dark.active *, [data-theme=dark] .c-entrance__themeswitch .dark.active *,
#theme-dark .c-entrance__themeswitch .light.active *,
[data-theme=dark] .c-entrance__themeswitch .light.active * {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #e0e0e0 !important;
}
.c-entrance__themeswitch .dark {
  right: 0px;
  transform: translate(-5%, -51%) scale(0.9);
}
.c-entrance__themeswitch .light {
  left: 3px;
  transform: translateY(-52%) scale(0.6);
  transform-origin: 23% 50%;
}
.c-entrance__themeswitch .light:not(.active) {
  left: 1.5px;
}
.c-entrance__try-again {
  height: 42px;
  margin-top: auto;
  align-self: stretch;
}
#theme-light .c-entrance__try-again, [data-theme=light] .c-entrance__try-again {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #0b5cff;
  color: #fff;
}
#theme-dark .c-entrance__try-again, [data-theme=dark] .c-entrance__try-again {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #9aacff;
  color: #1a1e2e;
}

.alocom .c-entrance {
  display: flex;
  flex-direction: column;
}
.alocom .c-entrance.c-entrance-dark {
  height: 100vh;
}
#theme-light .alocom .c-entrance.c-entrance-dark, [data-theme=light] .alocom .c-entrance.c-entrance-dark {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .alocom .c-entrance.c-entrance-dark, [data-theme=dark] .alocom .c-entrance.c-entrance-dark {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #121212;
}
.alocom .c-entrance__header {
  position: relative;
  width: 100%;
  height: 70px;
  background-color: #eef1ff;
  padding: 10px 0px;
}
#theme-light .alocom .c-entrance__header, [data-theme=light] .alocom .c-entrance__header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #eef1ff;
}
#theme-dark .alocom .c-entrance__header, [data-theme=dark] .alocom .c-entrance__header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
}
@media (max-width: 991px) {
  .alocom .c-entrance__header {
    height: 70px;
    -webkit-padding-start: 16px;
            padding-inline-start: 16px;
    -webkit-padding-end: 16px;
            padding-inline-end: 16px;
  }
}
.alocom .c-entrance__header--backTo {
  font-size: 16px;
}
.alocom .c-entrance__header--backTo i {
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .alocom .c-entrance__header--backTo {
    font-size: 12px;
  }
}
.alocom .c-entrance__portalMenu {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.alocom .c-entrance__menu {
  background-color: #ffffff;
  width: 300px;
  top: 60px;
  position: absolute;
  right: 20px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14);
  padding: 16px 4px 5px;
}
#theme-light .alocom .c-entrance__menu, [data-theme=light] .alocom .c-entrance__menu {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .alocom .c-entrance__menu, [data-theme=dark] .alocom .c-entrance__menu {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
}
@media (max-width: 991px) {
  .alocom .c-entrance__menu {
    right: 0;
    top: 0px;
    bottom: 0px;
    height: 100%;
    width: 70%;
    display: flex;
    flex-direction: column;
  }
}
.alocom .c-entrance__menu--ltr {
  left: 20px;
  right: unset;
}
@media (max-width: 991px) {
  .alocom .c-entrance__menu--ltr {
    left: 0px;
    right: unset;
  }
}
.alocom .c-entrance__menu--topRow {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 12px 16px;
}
.alocom .c-entrance__menu--close {
  cursor: pointer;
}
@media (max-width: 991px) {
  .alocom .c-entrance__menu--close {
    transform: rotate(270deg);
  }
}
.alocom .c-entrance__menu--close i {
  color: #4a4a68;
}
#theme-light .alocom .c-entrance__menu--close i, [data-theme=light] .alocom .c-entrance__menu--close i {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #4a4a68;
}
#theme-dark .alocom .c-entrance__menu--close i, [data-theme=dark] .alocom .c-entrance__menu--close i {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.alocom .c-entrance__menu--close i {
  font-size: 16px;
}
@media (max-width: 991px) {
  .alocom .c-entrance__menu--close i {
    font-size: 10px;
  }
}
@media (max-width: 991px) {
  .alocom .c-entrance__menu--closeEn {
    transform: rotate(90deg) !important;
  }
}
.alocom .c-entrance__menu--menuItem {
  color: #171735;
  font-size: calc(14px + var(--fontsizeScale));
  display: flex;
  align-items: center;
  height: 46px;
  padding: 12px;
  cursor: pointer;
}
#theme-light .alocom .c-entrance__menu--menuItem, [data-theme=light] .alocom .c-entrance__menu--menuItem {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .alocom .c-entrance__menu--menuItem, [data-theme=dark] .alocom .c-entrance__menu--menuItem {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.alocom .c-entrance__menu--menuItem:hover {
  background-color: #eef1ff;
}
#theme-light .alocom .c-entrance__menu--menuItem:hover, [data-theme=light] .alocom .c-entrance__menu--menuItem:hover {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #eef1ff;
}
#theme-dark .alocom .c-entrance__menu--menuItem:hover, [data-theme=dark] .alocom .c-entrance__menu--menuItem:hover {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
.alocom .c-entrance__menu--menuItem:hover {
  transition: 250ms background-color;
  border-radius: 10px;
}
#theme-light .alocom .c-entrance__menu--menuItem svg *, [data-theme=light] .alocom .c-entrance__menu--menuItem svg * {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #4a4a68;
}
#theme-dark .alocom .c-entrance__menu--menuItem svg *, [data-theme=dark] .alocom .c-entrance__menu--menuItem svg * {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #fff;
}
.alocom .c-entrance__menu--menuItem i,
.alocom .c-entrance__menu--menuItem svg {
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
}
.alocom .c-entrance__menu--menuItem a {
  color: #171735;
}
.alocom .c-entrance__menu--closeTab {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  color: #ff0000;
}
.alocom .c-entrance__menu--disabledItem {
  cursor: default !important;
  color: #bbbbc6;
}
.alocom .c-entrance__menu--switchLang {
  display: flex;
  margin: 16px 0px;
}
.alocom .c-entrance__menu--faBtn {
  background-color: #ffffff;
  color: #8e8ea1;
  border: 2px solid #8e8ea1 !important;
}
#theme-light .alocom .c-entrance__menu--faBtn, [data-theme=light] .alocom .c-entrance__menu--faBtn {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 2px solid transparent !important;
}
#theme-dark .alocom .c-entrance__menu--faBtn, [data-theme=dark] .alocom .c-entrance__menu--faBtn {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 2px solid transparent !important;
}
.alocom .c-entrance__menu--faBtn {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}
.alocom .c-entrance__menu--faBtn, .alocom .c-entrance__menu--faBtn:hover, .alocom .c-entrance__menu--faBtn:focus {
  width: -webkit-fit-content;
  width: fit-content;
  font-size: calc(12px + var(--fontsizeScale));
  font-weight: 400;
  padding: 10px;
}
.alocom .c-entrance__menu--enBtn {
  background-color: #4a4a68;
}
.alocom .c-entrance__menu--enBtn, .alocom .c-entrance__menu--enBtn:hover, .alocom .c-entrance__menu--enBtn:focus {
  width: -webkit-fit-content;
  width: fit-content;
  font-size: calc(12px + var(--fontsizeScale));
  font-weight: 400;
  padding: 10px;
}
.alocom .c-entrance__menu--socialMedia {
  display: flex;
  justify-content: center;
  align-items: center;
  direction: ltr;
}
.alocom .c-entrance__menu--socialMedia span {
  display: flex;
  padding: 8px;
  color: #8e8ea1;
}
#theme-light .alocom .c-entrance__menu--socialMedia span, [data-theme=light] .alocom .c-entrance__menu--socialMedia span {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #8e8ea1;
}
#theme-dark .alocom .c-entrance__menu--socialMedia span, [data-theme=dark] .alocom .c-entrance__menu--socialMedia span {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.alocom .c-entrance__menu--socialMedia span {
  cursor: pointer;
}
.alocom .c-entrance__menu--socialMedia span i {
  font-size: 16px;
}
.alocom .c-entrance__menu--bottomRow {
  bottom: 5px;
  right: 0px;
  left: 0px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 991px) {
  .alocom .c-entrance__menu--bottomRow {
    margin-top: auto;
  }
}
.alocom .c-entrance__menu hr {
  opacity: 1;
  margin: 8px 12px;
  height: 2px;
}
#theme-light .alocom .c-entrance__menu hr, [data-theme=light] .alocom .c-entrance__menu hr {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #e8e8ec;
}
#theme-dark .alocom .c-entrance__menu hr, [data-theme=dark] .alocom .c-entrance__menu hr {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #6c6c6c;
}
.alocom .c-entrance__main {
  width: 450px;
  border-radius: 10px;
  margin: 70px auto 0px;
  padding: 32px 24px;
}
#theme-light .alocom .c-entrance__main, [data-theme=light] .alocom .c-entrance__main {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
#theme-dark .alocom .c-entrance__main, [data-theme=dark] .alocom .c-entrance__main {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
}
.alocom .c-entrance__main {
  flex: 1;
  max-height: 500px;
  margin: auto;
}
#theme-light .alocom .c-entrance__main input, [data-theme=light] .alocom .c-entrance__main input {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
#theme-dark .alocom .c-entrance__main input, [data-theme=dark] .alocom .c-entrance__main input {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
@media (max-width: 991px) {
  #theme-light .alocom .c-entrance__main, [data-theme=light] .alocom .c-entrance__main {
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  }
  #theme-dark .alocom .c-entrance__main, [data-theme=dark] .alocom .c-entrance__main {
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    background-color: #292a30;
  }
  .alocom .c-entrance__main {
    width: 90%;
    -webkit-padding-start: 16px;
            padding-inline-start: 16px;
    -webkit-padding-end: 16px;
            padding-inline-end: 16px;
  }
}
.alocom .c-entrance__eventLink {
  width: 100%;
  align-items: flex-end;
}
.alocom .c-entrance__eventLink--label {
  font-size: calc(14px + var(--fontsizeScale));
  font-weight: 500;
  color: #171735;
}
#theme-light .alocom .c-entrance__eventLink--label, [data-theme=light] .alocom .c-entrance__eventLink--label {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .alocom .c-entrance__eventLink--label, [data-theme=dark] .alocom .c-entrance__eventLink--label {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.alocom .c-entrance__eventLink--label {
  margin-bottom: 13px;
}
.alocom .c-entrance__eventLink--input {
  color: #171735;
  background-color: #ffffff;
}
#theme-light .alocom .c-entrance__eventLink--input, [data-theme=light] .alocom .c-entrance__eventLink--input {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
  color: #171735;
}
#theme-dark .alocom .c-entrance__eventLink--input, [data-theme=dark] .alocom .c-entrance__eventLink--input {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #2e2f34;
  color: #e0e0e0;
}
.alocom .c-entrance__eventLink--input::placeholder {
  color: #171735;
}
#theme-light .alocom .c-entrance__eventLink--input::placeholder, [data-theme=light] .alocom .c-entrance__eventLink--input::placeholder {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .alocom .c-entrance__eventLink--input::placeholder, [data-theme=dark] .alocom .c-entrance__eventLink--input::placeholder {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #a0a0a0;
}
.alocom .c-entrance__eventLink--enterEvent {
  width: -webkit-fit-content;
  width: fit-content;
  height: 44px;
  background-color: #8e8ea1;
}
#theme-light .alocom .c-entrance__eventLink--enterEvent > div, [data-theme=light] .alocom .c-entrance__eventLink--enterEvent > div {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #f3f6f9;
}
#theme-dark .alocom .c-entrance__eventLink--enterEvent > div, [data-theme=dark] .alocom .c-entrance__eventLink--enterEvent > div {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.alocom .c-entrance__eventLink--enterEvent {
  font-size: calc(14px + var(--fontsizeScale));
  font-weight: 400;
}
.alocom .c-entrance__eventLink--enterEvent:hover, .alocom .c-entrance__eventLink--enterEvent:focus {
  width: -webkit-fit-content;
  width: fit-content;
  font-size: calc(14px + var(--fontsizeScale));
  font-weight: 400;
}
.alocom .c-entrance__eventLink--activeBlue {
  background-color: #0b5cff;
}
.alocom .c-entrance__eventsList {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  max-height: 500px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .alocom .c-entrance__eventsList {
    max-height: 400px;
  }
}
.alocom .c-entrance__eventsList h6 {
  font-size: calc(16px + var(--fontsizeScale));
  color: #8e8ea1;
}
#theme-light .alocom .c-entrance__eventsList h6, [data-theme=light] .alocom .c-entrance__eventsList h6 {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #8e8ea1;
}
#theme-dark .alocom .c-entrance__eventsList h6, [data-theme=dark] .alocom .c-entrance__eventsList h6 {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.alocom .c-entrance__eventsList--eventRow {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.alocom .c-entrance__eventsList--eventRow > div.accordionBox {
  background: transparent !important;
  margin-bottom: 0;
}
.alocom .c-entrance__eventsList--eventRow > div.accordionBox {
  border-radius: 0;
  padding: 3px 0;
}
#theme-light .alocom .c-entrance__eventsList--eventRow > div.accordionBox > div > div, [data-theme=light] .alocom .c-entrance__eventsList--eventRow > div.accordionBox > div > div {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735 !important;
}
#theme-dark .alocom .c-entrance__eventsList--eventRow > div.accordionBox > div > div, [data-theme=dark] .alocom .c-entrance__eventsList--eventRow > div.accordionBox > div > div {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0 !important;
}
#theme-light .alocom .c-entrance__eventsList--eventRow > div.accordionBox > div > i, [data-theme=light] .alocom .c-entrance__eventsList--eventRow > div.accordionBox > div > i {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #4a4a68 !important;
}
#theme-dark .alocom .c-entrance__eventsList--eventRow > div.accordionBox > div > i, [data-theme=dark] .alocom .c-entrance__eventsList--eventRow > div.accordionBox > div > i {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0 !important;
}
.alocom .c-entrance__eventsList--eventRow hr {
  color: #e8e8ec;
  opacity: 1;
}
#theme-light .alocom .c-entrance__eventsList--eventRow hr, [data-theme=light] .alocom .c-entrance__eventsList--eventRow hr {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e8e8ec !important;
}
#theme-dark .alocom .c-entrance__eventsList--eventRow hr, [data-theme=dark] .alocom .c-entrance__eventsList--eventRow hr {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #393a40 !important;
}
.alocom .c-entrance__eventsList--eventRow hr {
  width: 100%;
  height: 3px;
  margin: 0px;
}
.alocom .c-entrance__eventsList--accordion {
  width: -webkit-fit-content;
  width: fit-content;
}
.alocom .c-entrance__eventsList--accordion div {
  color: #171735;
}
.alocom .c-entrance__eventsList--accordion i {
  color: #4a4a68;
  -webkit-margin-start: 10px;
          margin-inline-start: 10px;
  transform: rotate(270deg) !important;
  font-size: 8px;
}
.alocom .c-entrance__eventsList--accordionLtr i {
  transform: rotate(90deg) !important;
}
.alocom .c-entrance__eventsList--rotationArrow i {
  transform: rotate(180deg) !important;
}
.alocom .c-entrance__eventsList--enterBtn {
  height: 34px;
}
.alocom .c-entrance__eventsList--enterBtn, .alocom .c-entrance__eventsList--enterBtn:hover, .alocom .c-entrance__eventsList--enterBtn:focus {
  width: -webkit-fit-content;
  width: fit-content;
  font-size: calc(12px + var(--fontsizeScale));
  font-weight: 400;
  padding: 10px;
}
.alocom .c-entrance__eventsList--actionBtn {
  padding: 10px;
  border: 1px solid #a5a5b3;
  border-radius: 4px;
  width: 34px;
  height: 34px;
  cursor: pointer;
}
.alocom .c-entrance__eventsList--actionBtn i {
  color: #a5a5b3;
}
#theme-light .alocom .c-entrance__eventsList--actionBtn i, [data-theme=light] .alocom .c-entrance__eventsList--actionBtn i {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #a5a5b3 !important;
}
#theme-dark .alocom .c-entrance__eventsList--actionBtn i, [data-theme=dark] .alocom .c-entrance__eventsList--actionBtn i {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0 !important;
}
.alocom .c-entrance__eventsList--listContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: auto;
}
.alocom .c-entrance__eventsList--emptyList {
  text-align: center;
  color: #4a4a68;
  font-size: calc(14px + var(--fontsizeScale));
}
.alocom .c-entrance__iFrame {
  width: 100%;
  height: calc(100vh - 56px);
}
@media (max-width: 991px) {
  .alocom .c-entrance__iFrame {
    height: calc(100vh - 50px);
  }
}
.alocom .c-entrance__selectlang {
  display: flex;
  padding: 0 12px;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
}
.alocom .c-entrance__selectlang > :first-child {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}
.alocom .c-entrance__selectlang > :last-child {
  flex: 1;
}
.alocom .c-entrance__selectlang {
  margin: 16px 0;
}
#theme-light .alocom .c-entrance__selectlang, [data-theme=light] .alocom .c-entrance__selectlang {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .alocom .c-entrance__selectlang, [data-theme=dark] .alocom .c-entrance__selectlang {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.alocom .c-entrance__themeswitch {
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  position: relative;
  transform: scale(1.5);
  transform-origin: 100% 50%;
}
.alocom .c-entrance__themeswitch.ltr, .alocom .c-entrance__themeswitch.message__text--textLtr {
  transform-origin: 0 50%;
}
.alocom .c-entrance__themeswitch {
  margin-bottom: 0;
}
#theme-light .alocom .c-entrance__themeswitch .c-switchToggle__label, [data-theme=light] .alocom .c-entrance__themeswitch .c-switchToggle__label {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #e8e8ec;
}
#theme-dark .alocom .c-entrance__themeswitch .c-switchToggle__label, [data-theme=dark] .alocom .c-entrance__themeswitch .c-switchToggle__label {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #121212;
}
#theme-light .alocom .c-entrance__themeswitch .c-switchToggle__label::before, [data-theme=light] .alocom .c-entrance__themeswitch .c-switchToggle__label::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #0b5cff;
}
#theme-dark .alocom .c-entrance__themeswitch .c-switchToggle__label::before, [data-theme=dark] .alocom .c-entrance__themeswitch .c-switchToggle__label::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background: #9aacff;
}
.alocom .c-entrance__themeswitch .c-switchToggle__label::before {
  transform: scale(0.9);
  transform-origin: center;
}
.alocom .c-entrance__themeswitch .dark,
.alocom .c-entrance__themeswitch .light {
  position: absolute;
  z-index: 10;
  top: 50%;
}
#theme-light .alocom .c-entrance__themeswitch .dark *, [data-theme=light] .alocom .c-entrance__themeswitch .dark *,
#theme-light .alocom .c-entrance__themeswitch .light *,
[data-theme=light] .alocom .c-entrance__themeswitch .light * {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #a5a5b3 !important;
}
#theme-dark .alocom .c-entrance__themeswitch .dark *, [data-theme=dark] .alocom .c-entrance__themeswitch .dark *,
#theme-dark .alocom .c-entrance__themeswitch .light *,
[data-theme=dark] .alocom .c-entrance__themeswitch .light * {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #e0e0e0 !important;
}
#theme-light .alocom .c-entrance__themeswitch .dark.active *, [data-theme=light] .alocom .c-entrance__themeswitch .dark.active *,
#theme-light .alocom .c-entrance__themeswitch .light.active *,
[data-theme=light] .alocom .c-entrance__themeswitch .light.active * {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #f3f6f9 !important;
}
#theme-dark .alocom .c-entrance__themeswitch .dark.active *, [data-theme=dark] .alocom .c-entrance__themeswitch .dark.active *,
#theme-dark .alocom .c-entrance__themeswitch .light.active *,
[data-theme=dark] .alocom .c-entrance__themeswitch .light.active * {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #e0e0e0 !important;
}
.alocom .c-entrance__themeswitch .dark {
  right: 0px;
  transform: translate(-5%, -51%) scale(0.9);
}
.alocom .c-entrance__themeswitch .light {
  left: 3px;
  transform: translateY(-52%) scale(0.6);
  transform-origin: 23% 50%;
}
.alocom .c-entrance__themeswitch .light:not(.active) {
  left: 1.5px;
}
.alocom .c-entrance__try-again {
  height: 42px;
  margin-top: auto;
  align-self: stretch;
}
#theme-light .alocom .c-entrance__try-again, [data-theme=light] .alocom .c-entrance__try-again {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #0b5cff;
  color: #fff;
}
#theme-dark .alocom .c-entrance__try-again, [data-theme=dark] .alocom .c-entrance__try-again {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #9aacff;
  color: #1a1e2e;
}
.alocom .c-entrance__form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#theme-light .alocom .c-entrance__form, [data-theme=light] .alocom .c-entrance__form {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .alocom .c-entrance__form, [data-theme=dark] .alocom .c-entrance__form {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #a0a0a0;
}

.c-announceNotif {
  padding: 20px;
}
.c-announceNotif__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.c-announceNotif__header--close {
  width: 15px;
  height: 15px;
  cursor: pointer;
  padding: 5px;
  box-sizing: content-box;
}
.c-announceNotif__header--close > path {
  fill: #000000;
}
#theme-light .c-announceNotif__header--close > path, [data-theme=light] .c-announceNotif__header--close > path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #000;
}
#theme-dark .c-announceNotif__header--close > path, [data-theme=dark] .c-announceNotif__header--close > path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #e0e0e0;
}
.c-announceNotif__header > h2 {
  color: #000000;
}
#theme-light .c-announceNotif__header > h2, [data-theme=light] .c-announceNotif__header > h2 {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #000;
}
#theme-dark .c-announceNotif__header > h2, [data-theme=dark] .c-announceNotif__header > h2 {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.c-announceNotif__message {
  display: flex;
  margin: 10px 0px;
  height: auto;
  text-align: right;
  color: #000000;
}
#theme-light .c-announceNotif__message, [data-theme=light] .c-announceNotif__message {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #000;
}
#theme-dark .c-announceNotif__message, [data-theme=dark] .c-announceNotif__message {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.c-announceNotif__footer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
  font-size: 16px;
}

.c-touchNotif {
  position: relative;
}
.c-touchNotif__text::before {
  content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  bottom: -5px;
  right: 25px;
  border-radius: 4px 0px 0 0;
  transform: rotate(45deg);
  background-color: rgb(216, 216, 216);
}
.c-touchNotif__text {
  position: absolute;
  display: none;
  background-color: rgb(216, 216, 216);
  border-radius: 8px;
  color: rgb(17, 17, 17);
  width: 155px;
  bottom: 50px;
  padding: 5px;
  font-size: 12px;
  left: -90px;
}
.c-touchNotif__text--en {
  left: 0px;
}
.c-touchNotif__text--en::before {
  content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  bottom: -5px;
  left: 30px;
  border-radius: 4px 0px 0 0;
  transform: rotate(45deg);
  background-color: rgb(216, 216, 216);
}
.c-touchNotif__text--show {
  display: flex;
}

.actionMenu__actions {
  display: flex;
  flex-direction: column;
  padding: 4px;
  position: absolute;
  top: 20px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3411764706);
  background-color: rgba(210, 210, 217, 0.5);
  align-items: center;
  justify-content: space-between;
  left: 12px;
  gap: 10px;
  z-index: 3;
  top: 12px;
}
@media (max-width: 991px) {
  .actionMenu__actions {
    left: 8px;
    top: 4px;
  }
}
.actionMenu__actions .item {
  width: 25px;
  height: 25px;
  padding: 0;
  font-size: 12px;
  background-color: #ffffff;
  color: #ffffff;
}
.actionMenu__actions .c-stream__fullScreen__cross {
  position: initial;
}
.actionMenu__actions .c-btn__icon {
  color: #072AC8;
}
.actionMenu__actions .c-btn__icon i::before {
  color: #072AC8 !important;
}
.actionMenu__actions .c-btn__icon:hover {
  color: black;
}

.snackBarWrapper {
  position: fixed;
  bottom: -200px;
  left: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: bottom;
  transform: translateX(-50%);
  transition: bottom 0.3s ease-in-out 0s;
}
.snackBarWrapper--show {
  bottom: 60px;
}

.c-snackbar {
  background-color: #e8e8ec;
  width: -webkit-fit-content;
  width: fit-content;
  border-radius: 2px;
  padding: 10px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out 0s;
}
.c-snackbar svg {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}
.c-snackbar--show {
  visibility: visible;
  opacity: 1;
}

.c-splashScreen {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
#theme-light .c-splashScreen, [data-theme=light] .c-splashScreen {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .c-splashScreen, [data-theme=dark] .c-splashScreen {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.c-splashScreen {
  font-size: calc(16px + var(--fontsizeScale));
  z-index: 1000;
  background-color: #eef1ff;
  margin: auto;
}
.c-splashScreen.animate {
  opacity: 0;
  visibility: hidden;
  animation: splash 1s cubic-bezier(0.31, 0.31, 0.53, -0.07);
}
#theme-light .c-splashScreen, [data-theme=light] .c-splashScreen {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #eef1ff;
}
#theme-dark .c-splashScreen, [data-theme=dark] .c-splashScreen {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #121212;
}
.c-splashScreen img {
  width: 105px;
  height: 105px;
}
.c-splashScreen__items-center {
  flex: 1;
  display: flex;
  align-items: center;
}

@keyframes splash {
  0% {
    opacity: 0.3;
    visibility: visible;
  }
  30% {
    opacity: 0.6;
  }
  60% {
    opacity: 0.9;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.fallback-layout {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
}
.fallback-layout__sidebar {
  height: 100%;
  z-index: 2;
  min-width: 286px;
  box-shadow: 1px 0px 6px 0px #ccc;
  background-color: unset;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.fallback-layout__title {
  width: 100%;
  height: 30px;
  background-color: #ebedef;
}
#theme-light .fallback-layout__title, [data-theme=light] .fallback-layout__title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #ebedef;
}
#theme-dark .fallback-layout__title, [data-theme=dark] .fallback-layout__title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
}
.fallback-layout__title {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.fallback-layout__title-elem {
  width: 84px;
  height: 13px;
  border-radius: 6px;
  background-color: #d2d2d9;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}
.fallback-layout__body {
  height: 100%;
  width: 100%;
  padding: 10px;
  overflow: hidden;
}
#theme-light .fallback-layout__body, [data-theme=light] .fallback-layout__body {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
}
#theme-dark .fallback-layout__body, [data-theme=dark] .fallback-layout__body {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #202127;
}
.fallback-layout__body-elem {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: auto;
}
.fallback-layout__body-skeleton {
  height: 23px;
  border-radius: 6px;
  margin-bottom: 12px;
}
.fallback-layout__chat-input {
  width: 100%;
  height: 40px;
  background-color: #ffffff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-top: 1px solid #eef1ff;
}
#theme-light .fallback-layout__chat-input, [data-theme=light] .fallback-layout__chat-input {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-top: 1px solid #eef1ff;
  background-color: #fff;
}
#theme-dark .fallback-layout__chat-input, [data-theme=dark] .fallback-layout__chat-input {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-top: 1px solid #ff6666;
  background-color: #15161b;
}
.fallback-layout__send-btn {
  -webkit-margin-start: 10px;
          margin-inline-start: 10px;
  display: flex;
}
#theme-light .fallback-layout__send-btn svg path, [data-theme=light] .fallback-layout__send-btn svg path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #0b5cff;
}
#theme-dark .fallback-layout__send-btn svg path, [data-theme=dark] .fallback-layout__send-btn svg path {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  fill: #9aacff;
}
.fallback-layout__placeholder {
  display: flex;
  -webkit-margin-start: 10px;
          margin-inline-start: 10px;
  color: #8e8ea1;
}
.fallback-layout__end-elem {
  width: 100%;
  height: 100%;
  background-color: "url(/class/static/media/background_pattern.4c7d9e4e.png)";
  background-position: center;
  background-repeat: repeat;
}
@media only screen and (max-width: 991px) {
  .fallback-layout__sidebar {
    min-width: 100%;
    box-shadow: unset;
    background-color: #141526;
    display: none;
    align-items: unset;
    justify-content: unset;
    flex-direction: unset;
  }
}

.fallback-header {
  background-color: #1d1d42;
}
#theme-light .fallback-header, [data-theme=light] .fallback-header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #1d1d42;
}
#theme-dark .fallback-header, [data-theme=dark] .fallback-header {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #1a1e2e;
}
.fallback-header {
  width: 100%;
  height: 48px;
  position: relative;
  top: 0px;
  z-index: 20;
  display: grid;
  grid-template-columns: 286px 7fr 1fr;
  direction: rtl;
  grid-template-rows: 48px;
}
.fallback-header__skeleton {
  background-color: #242452;
}
#theme-light .fallback-header__skeleton, [data-theme=light] .fallback-header__skeleton {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #242452;
}
#theme-dark .fallback-header__skeleton, [data-theme=dark] .fallback-header__skeleton {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
.fallback-header__skeleton {
  display: flex;
  width: 100px;
  height: 24px;
  border-radius: 6px;
  justify-self: flex-start;
  align-self: center;
  -webkit-margin-start: 22px;
          margin-inline-start: 22px;
}
.fallback-header__skeleton-secondary {
  background-color: #242452;
}
#theme-light .fallback-header__skeleton-secondary, [data-theme=light] .fallback-header__skeleton-secondary {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #242452;
}
#theme-dark .fallback-header__skeleton-secondary, [data-theme=dark] .fallback-header__skeleton-secondary {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
.fallback-header__skeleton-secondary {
  display: flex;
  width: 158px;
  height: 24px;
  border-radius: 6px;
  justify-self: flex-start;
  align-self: center;
}
.fallback-header__skeleton-third {
  background-color: #242452;
}
#theme-light .fallback-header__skeleton-third, [data-theme=light] .fallback-header__skeleton-third {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #242452;
}
#theme-dark .fallback-header__skeleton-third, [data-theme=dark] .fallback-header__skeleton-third {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
.fallback-header__skeleton-third {
  display: flex;
  width: 142px;
  height: 24px;
  border-radius: 6px;
  justify-self: flex-end;
  align-self: center;
  -webkit-margin-end: 23px;
          margin-inline-end: 23px;
}
@media (max-width: 991px) {
  .fallback-header {
    grid-template-columns: 1fr 1fr;
  }
  .fallback-header__skeleton-third.skeletonHeader {
    display: none;
  }
}

.login-fallback {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.login-fallback__skeleton {
  width: 154px;
  height: 22px;
  background-color: #f3f6f9;
  border-radius: 8px;
  margin-bottom: 33px;
}
.login-fallback__skeleton-secondary {
  width: 52px;
  height: 19px;
  background-color: #f3f6f9;
  border-radius: 8px;
  margin-bottom: 5px;
  align-self: flex-start;
}
.login-fallback__skeleton-third {
  width: 100%;
  height: 48px;
  background-color: #f3f6f9;
  border-radius: 8px;
  margin-bottom: 29px;
}

.fallback-rooming {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.fallback-rooming__topbar {
  z-index: 2;
  min-width: 286px;
  background-color: unset;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.fallback-rooming__title-elem {
  width: 100%;
  height: 30px;
  border-radius: 6px;
  background-color: #d2d2d9;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}
.fallback-rooming__circles {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
}
.fallback-rooming__circles .fallback-rooming__circle {
  min-width: 84px;
  height: 84px;
  border-radius: 50%;
  z-index: 2;
  background-color: unset;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  background-color: #E8E8EC;
}
.fallback-rooming__squares {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 32px;
}
.fallback-rooming__squares .fallback-rooming__square {
  min-width: 327px;
  height: 152px;
  border-radius: 8px;
  background-color: unset;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  background-color: #E8E8EC;
}

.rooms__title1 {
  font-size: 16px;
}
#theme-light .rooms__title1, [data-theme=light] .rooms__title1 {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .rooms__title1, [data-theme=dark] .rooms__title1 {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.rooms__wpr {
  height: 100%;
  padding: 0 16px;
  padding-bottom: 200px;
  overflow-y: auto;
  margin-top: 12px;
  column-gap: 15px;
}
#theme-light .rooms__wpr, [data-theme=light] .rooms__wpr {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #f3f6f9;
}
#theme-dark .rooms__wpr, [data-theme=dark] .rooms__wpr {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}
#theme-light .rooms__wpr .admin_room_message, [data-theme=light] .rooms__wpr .admin_room_message {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .rooms__wpr .admin_room_message, [data-theme=dark] .rooms__wpr .admin_room_message {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #e0e0e0;
}
.rooms__roomNumWpr {
  padding: 8px;
  width: 114px;
  border-radius: 8px;
  gap: 16px;
  margin-bottom: 16px;
  font-size: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
#theme-light .rooms__roomNumWpr, [data-theme=light] .rooms__roomNumWpr {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1411764706);
  background: #fff;
}
#theme-dark .rooms__roomNumWpr, [data-theme=dark] .rooms__roomNumWpr {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1411764706);
  background: #393a40;
}
#theme-light .rooms__roomNumWpr span:nth-child(2), [data-theme=light] .rooms__roomNumWpr span:nth-child(2) {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .rooms__roomNumWpr span:nth-child(2), [data-theme=dark] .rooms__roomNumWpr span:nth-child(2) {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.rooms__roomNumWpr--controller {
  padding: 0 8px;
  background-color: #2f80ed;
}
#theme-light .rooms__roomNumWpr--controller, [data-theme=light] .rooms__roomNumWpr--controller {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #5774ff;
}
#theme-dark .rooms__roomNumWpr--controller, [data-theme=dark] .rooms__roomNumWpr--controller {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #9aacff;
}
.rooms__roomNumWpr--controller {
  border-radius: 8px;
  color: white;
  font-size: 18px;
}
.rooms__roomNumWpr--controller.disabled {
  background-color: #d2d2d9;
  color: #f3f6f9;
}
#theme-light .rooms__roomNumWpr--message, [data-theme=light] .rooms__roomNumWpr--message {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #171735;
}
#theme-dark .rooms__roomNumWpr--message, [data-theme=dark] .rooms__roomNumWpr--message {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #a0a0a0;
}
.rooms__box {
  padding: 16px;
  display: flex;
  flex-direction: column;
}
#theme-light .rooms__box, [data-theme=light] .rooms__box {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
  border: 1px solid #d2d2d9;
}
#theme-dark .rooms__box, [data-theme=dark] .rooms__box {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
  border: 1px solid #6c6c6c;
}
.rooms__box {
  border-radius: 8px;
}
.rooms__box-members {
  padding-top: 14px;
}
.rooms__checkbox--label {
  font-size: 14px;
  margin-bottom: 12px !important;
  margin-top: 12px;
}
#theme-light .rooms__checkbox--label, [data-theme=light] .rooms__checkbox--label {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #77778e;
}
#theme-dark .rooms__checkbox--label, [data-theme=dark] .rooms__checkbox--label {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.rooms__checkbox--label.first-step {
  margin-top: 0;
}
#theme-light .rooms__checkbox--label + span, [data-theme=light] .rooms__checkbox--label + span {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #77778e;
}
#theme-dark .rooms__checkbox--label + span, [data-theme=dark] .rooms__checkbox--label + span {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #a0a0a0;
}
.rooms__checkbox--label .q-a__radio.checked ~ * {
  color: #5774ff;
}
#theme-light .rooms__checkbox--label .q-a__radio.checked ~ *, [data-theme=light] .rooms__checkbox--label .q-a__radio.checked ~ * {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #5774ff !important;
}
#theme-dark .rooms__checkbox--label .q-a__radio.checked ~ *, [data-theme=dark] .rooms__checkbox--label .q-a__radio.checked ~ * {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff !important;
}
.rooms__checkbox--label .q-a__radio.checked ~ * {
  font-weight: 450;
}
.rooms__checkbox--label .q-a__radio.checked {
  border: 1px solid #0b5cff;
}
#theme-light .rooms__checkbox--label .q-a__radio.checked, [data-theme=light] .rooms__checkbox--label .q-a__radio.checked {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #5774ff !important;
}
#theme-dark .rooms__checkbox--label .q-a__radio.checked, [data-theme=dark] .rooms__checkbox--label .q-a__radio.checked {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #9aacff !important;
}
.rooms__uncategorized {
  background: white;
}
#theme-light .rooms__uncategorized, [data-theme=light] .rooms__uncategorized {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #fff;
  border: 1px solid #d2d2d9;
}
#theme-dark .rooms__uncategorized, [data-theme=dark] .rooms__uncategorized {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #292a30;
  border: 1px solid #6c6c6c;
}
.rooms__uncategorized {
  border: 1px solid #d2d2d9;
  border-radius: 8px;
  cursor: pointer;
  width: 100%;
  padding: 14px;
}
.rooms__uncategorized.red-border {
  border: 1px solid #ff0000;
}
#theme-light .rooms__uncategorized.red-border, [data-theme=light] .rooms__uncategorized.red-border {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #ff0000 !important;
}
#theme-dark .rooms__uncategorized.red-border, [data-theme=dark] .rooms__uncategorized.red-border {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #ff6666 !important;
}
.rooms__uncategorized:hover {
  border: 1px solid #d2d2d9;
}
.rooms__title {
  min-height: 10px;
}
.rooms__title__viewP-text {
  margin-left: 4px;
  margin-right: 4px;
}
.rooms__title p {
  font-size: 14px;
  color: #242452;
}
@media (max-width: 991px) {
  .rooms__title p {
    font-size: 14px !important;
  }
}
.rooms__title p span.blue-color {
  color: #5774ff;
}
#theme-light .rooms__title p span.blue-color, [data-theme=light] .rooms__title p span.blue-color {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #5774ff;
}
#theme-dark .rooms__title p span.blue-color, [data-theme=dark] .rooms__title p span.blue-color {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.rooms__title__open-icon {
  background: none;
  border: none;
  transform: rotate(-90deg);
  padding: 8px;
  margin: -8px 4px -8px 0;
}
.rooms__title__open-icon.gray-icon-color {
  color: #bbbbc6 !important;
}
.rooms__title__open-icon.blue-icon-color {
  color: #5774ff;
}
#theme-light .rooms__title__open-icon.blue-icon-color, [data-theme=light] .rooms__title__open-icon.blue-icon-color {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #5774ff;
}
#theme-dark .rooms__title__open-icon.blue-icon-color, [data-theme=dark] .rooms__title__open-icon.blue-icon-color {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.rooms__title__open-icon.blue-icon-color.rotate {
  transform: rotate(90deg);
  padding: 3px;
}
.rooms__title button i::before {
  color: #77778e;
}
#theme-light .rooms__title button i::before, [data-theme=light] .rooms__title button i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #77778e;
}
#theme-dark .rooms__title button i::before, [data-theme=dark] .rooms__title button i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.rooms__title .szh-menu-button {
  padding: 10px;
  margin: -10px;
}
#theme-light .rooms__box.active .rooms__users, [data-theme=light] .rooms__box.active .rooms__users {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-top: 1px solid #e8e8ec;
}
#theme-dark .rooms__box.active .rooms__users, [data-theme=dark] .rooms__box.active .rooms__users {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  border-top: 1px solid #6c6c6c;
}
.rooms__box.active .rooms__users {
  max-height: 200px;
  overflow: auto;
}
.rooms__box.active .rooms__users::-webkit-scrollbar {
  display: none;
}
.rooms__box.active .rooms__title__open-icon {
  transform: rotate(90deg);
}
.rooms__users {
  text-align: right;
  max-height: 0;
  overflow: hidden;
  transition: 0.6s ease;
}
.rooms__users-title {
  color: #5774ff;
}
#theme-light .rooms__users-title, [data-theme=light] .rooms__users-title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #5774ff;
}
#theme-dark .rooms__users-title, [data-theme=dark] .rooms__users-title {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.rooms__users-item button {
  padding: 0 8px 0 0;
}
.rooms__users-item div:first-child {
  gap: 6px;
}
.rooms__users-item div:first-child p {
  font-size: 16px;
  font-weight: 500;
  color: #171735;
}
.rooms__users-item div:first-child p > span {
  font-size: 16px;
  font-weight: 500;
  color: #8e8ea1;
}
.rooms__users-item div:first-child i::before {
  color: #77778e;
}
#theme-light .rooms__users-item div:first-child i::before, [data-theme=light] .rooms__users-item div:first-child i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #77778e;
}
#theme-dark .rooms__users-item div:first-child i::before, [data-theme=dark] .rooms__users-item div:first-child i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #fff;
}
.rooms__users-item div:first-child i::before {
  font-size: 16px;
}
.rooms__users-item div:last-child i::before {
  color: #5774ff;
}
#theme-light .rooms__users-item div:last-child i::before, [data-theme=light] .rooms__users-item div:last-child i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #5774ff;
}
#theme-dark .rooms__users-item div:last-child i::before, [data-theme=dark] .rooms__users-item div:last-child i::before {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.rooms__users-item div:last-child i::before {
  font-size: 24px;
}
.rooms__categorized {
  color: #5774ff;
}
#theme-light .rooms__categorized, [data-theme=light] .rooms__categorized {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #5774ff;
}
#theme-dark .rooms__categorized, [data-theme=dark] .rooms__categorized {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.rooms__categorized {
  cursor: pointer;
  padding: 14px 0 14px 0;
}
.rooms__categorized p {
  color: #5774ff;
}
#theme-light .rooms__categorized p, [data-theme=light] .rooms__categorized p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #5774ff;
}
#theme-dark .rooms__categorized p, [data-theme=dark] .rooms__categorized p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.rooms__add-memeber {
  width: -webkit-fit-content;
  width: fit-content;
  padding: 6px 8px;
}
@media (max-width: 991px) {
  .rooms__add-memeber {
    width: 150px;
  }
}
.rooms__add-new-group {
  background-color: #e3e8ff;
  color: #5774ff;
}
#theme-light .rooms__add-new-group, [data-theme=light] .rooms__add-new-group {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #e3e8ff !important;
  color: #5774ff;
}
#theme-dark .rooms__add-new-group, [data-theme=dark] .rooms__add-new-group {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #1a1e2e !important;
  color: #9aacff;
}
.rooms__add-new-group {
  width: -webkit-fit-content;
  width: fit-content;
  padding: 7px 12px;
}
.rooms__add-memeber:hover {
  padding: 6px 8px;
}
.rooms__add-new-group:hover {
  padding: 7px 12px;
}
.rooms__add-memeber i::before, .rooms__add-new-group i::before {
  font-weight: 900;
}
.rooms__add-memeber div, .rooms__add-new-group div {
  font-size: 16px;
  gap: 5.6px;
}
@media (max-width: 991px) {
  .rooms__add-memeber div, .rooms__add-new-group div {
    font-size: 14px;
  }
}
.rooms__regrouping {
  width: 80px;
  gap: 8px;
}
.rooms__regrouping p {
  font-size: 10px;
}
#theme-light .rooms__regrouping p, [data-theme=light] .rooms__regrouping p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #2c3a80;
}
#theme-dark .rooms__regrouping p, [data-theme=dark] .rooms__regrouping p {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  color: #9aacff;
}
.rooms__regrouping-button {
  background-color: #eef1ff;
}
#theme-light .rooms__regrouping-button, [data-theme=light] .rooms__regrouping-button {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #eef1ff;
}
#theme-dark .rooms__regrouping-button, [data-theme=dark] .rooms__regrouping-button {
  transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
  background-color: #393a40;
}
.rooms__regrouping-button {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  padding: 10px;
}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-green-500: oklch(72.3% .219 149.579);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-zinc-100: oklch(96.7% .001 286.375);
    --color-zinc-200: oklch(92% .004 286.32);
    --color-zinc-300: oklch(87.1% .006 286.286);
    --color-zinc-400: oklch(70.5% .015 286.067);
    --color-zinc-500: oklch(55.2% .016 285.938);
    --color-zinc-700: oklch(37% .013 285.805);
    --color-zinc-800: oklch(27.4% .006 286.033);
    --color-zinc-900: oklch(21% .006 285.885);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tight: -.025em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-alocom-blue: var(--color-blue-1);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::-webkit-file-upload-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

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

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::-webkit-file-upload-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    -webkit-padding-start: 20px;
            padding-inline-start: 20px;
  }

  ::-webkit-file-upload-button {
    -webkit-margin-end: 4px;
            margin-inline-end: 4px;
  }

  ::file-selector-button {
    -webkit-margin-end: 4px;
            margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -webkit-appearance: button;
            appearance: button;
  }

  ::-webkit-file-upload-button {
    -webkit-appearance: button;
            appearance: button;
  }

  ::file-selector-button {
    -webkit-appearance: button;
            appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  :root {
    --color-blue-1: #004bff;
  }
}

@layer components {
  @keyframes tour-pulse {
    0%, 100% {
      box-shadow: 0 0 0 4000px #0009, 0 0 0 3px #4caf50;
    }

    50% {
      box-shadow: 0 0 0 4000px #0009, 0 0 12px 6px #4caf5080;
    }
  }

  @keyframes tour-slide-in {
    from {
      opacity: 0;
      transform: scale(.95);
    }

    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  .tour-pulse {
    animation: 2s infinite tour-pulse;
  }

  .tour-slide-in {
    animation: .3s ease-out tour-slide-in;
  }
}

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: -webkit-sticky;
    position: sticky;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-\[-12px\] {
    top: -12px;
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-\[-12px\] {
    right: -12px;
  }

  .right-\[40px\] {
    right: 40px;
  }

  .left-\[-12px\] {
    left: -12px;
  }

  .left-\[40px\] {
    left: 40px;
  }

  .z-\[999\] {
    z-index: 999;
  }

  .z-\[1001\] {
    z-index: 1001;
  }

  .z-\[1002\] {
    z-index: 1002;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 992px) {
    .container {
      max-width: 992px;
    }
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-auto {
    margin: auto;
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .ms-auto {
    -webkit-margin-start: auto;
            margin-inline-start: auto;
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mr-auto {
    margin-right: auto;
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-3\.5\! {
    margin-bottom: calc(var(--spacing) * 3.5) !important;
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-35 {
    margin-bottom: calc(var(--spacing) * 35);
  }

  .mb-50 {
    margin-bottom: calc(var(--spacing) * 50);
  }

  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline-flex {
    display: inline-flex;
  }

  .h-0 {
    height: calc(var(--spacing) * 0);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-11\.5 {
    height: calc(var(--spacing) * 11.5);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-147 {
    height: calc(var(--spacing) * 147);
  }

  .h-\[277px\] {
    height: 277px;
  }

  .h-full {
    height: 100%;
  }

  .max-h-full {
    max-height: 100%;
  }

  .\!w-\[144px\] {
    width: 144px !important;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-\[443px\] {
    width: 443px;
  }

  .w-full {
    width: 100%;
  }

  .max-w-\[426px\] {
    max-width: 426px;
  }

  .flex-1 {
    flex: 1;
  }

  .origin-bottom {
    transform-origin: bottom;
  }

  .origin-left {
    transform-origin: 0;
  }

  .origin-right {
    transform-origin: 100%;
  }

  .origin-top {
    transform-origin: top;
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .rotate-270 {
    rotate: 270deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .flex-col {
    flex-direction: column;
  }

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

  .items-start {
    align-items: flex-start;
  }

  .justify-around {
    justify-content: space-around;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-\[\#004BFF\] {
    border-color: #004bff;
  }

  .border-\[\#BBBBC6\] {
    border-color: #bbbbc6;
  }

  .border-\[\#CC0000\]\! {
    border-color: #c00 !important;
  }

  .border-\[\#E8E8EC\] {
    border-color: #e8e8ec;
  }

  .border-\[\#E8E8EC\]\! {
    border-color: #e8e8ec !important;
  }

  .border-green-500 {
    border-color: var(--color-green-500);
  }

  .border-zinc-300 {
    border-color: var(--color-zinc-300);
  }

  .bg-\[\#2563FF\] {
    background-color: #2563ff;
  }

  .bg-\[\#BBBBC6\] {
    background-color: #bbbbc6;
  }

  .bg-\[\#F3F6F9\] {
    background-color: #f3f6f9;
  }

  .bg-alocom-blue {
    background-color: var(--color-alocom-blue);
  }

  .bg-black\/10 {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/10 {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

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

  .bg-white {
    background-color: var(--color-white);
  }

  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .\!py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .\!text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-2xl\! {
    font-size: var(--text-2xl) !important;
    line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-normal\! {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[0\.25em\] {
    --tw-tracking: .25em;
    letter-spacing: .25em;
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .text-\[\#004BFF\] {
    color: #004bff;
  }

  .text-\[\#8E8EA1\] {
    color: #8e8ea1;
  }

  .text-\[\#77778E\] {
    color: #77778e;
  }

  .text-\[\#171735\] {
    color: #171735;
  }

  .text-\[\#242452\] {
    color: #242452;
  }

  .text-\[\#BBBBC6\] {
    color: #bbbbc6;
  }

  .text-\[\#CC0000\] {
    color: #c00;
  }

  .text-white {
    color: var(--color-white);
  }

  .text-zinc-400 {
    color: var(--color-zinc-400);
  }

  .text-zinc-900 {
    color: var(--color-zinc-900);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .italic {
    font-style: italic;
  }

  .opacity-60 {
    opacity: .6;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .\[device\:\%o\] {
    device: %o;
  }

  .\[environment\:\%s\] {
    environment: %s;
  }

  .\[webcams\:\%o\] {
    webcams: %o;
  }

  .placeholder\:text-zinc-400::placeholder {
    color: var(--color-zinc-400);
  }

  @media (hover: hover) {
    .hover\:border-zinc-400:hover {
      border-color: var(--color-zinc-400);
    }

    .hover\:bg-blue-50:hover {
      background-color: var(--color-blue-50);
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }
  }

  .focus\:border-\[\#2563FF\]:focus {
    border-color: #2563ff;
  }

  .focus\:border-zinc-800:focus {
    border-color: var(--color-zinc-800);
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-4:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-blue-100:focus {
    --tw-ring-color: var(--color-blue-100);
  }

  .focus\:ring-zinc-200:focus {
    --tw-ring-color: var(--color-zinc-200);
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  @media not all and (min-width: 48rem) {
    .max-md\:max-w-\[calc\(100vw-24px\)\] {
      max-width: calc(100vw - 24px);
    }
  }

  @media not all and (min-width: 40rem) {
    .max-sm\:max-w-\[calc\(100vw-32px\)\] {
      max-width: calc(100vw - 32px);
    }
  }

  @media (min-width: 992px) {
    .lg\:w-\[426px\] {
      width: 426px;
    }
  }

  .dark\:border-\[\#9AACFF\]:where([data-theme="dark"], [data-theme="dark"] *) {
    border-color: #9aacff;
  }

  .dark\:border-\[\#D2D2D9\]:where([data-theme="dark"], [data-theme="dark"] *) {
    border-color: #d2d2d9;
  }

  .dark\:border-green-500:where([data-theme="dark"], [data-theme="dark"] *) {
    border-color: var(--color-green-500);
  }

  .dark\:border-zinc-700:where([data-theme="dark"], [data-theme="dark"] *) {
    border-color: var(--color-zinc-700);
  }

  .dark\:bg-\[\#2a2a2a\]:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: #2a2a2a;
  }

  .dark\:bg-\[\#8E9BFF\]:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: #8e9bff;
  }

  .dark\:bg-\[\#333540\]:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: #333540;
  }

  .dark\:bg-\[\#BBBBC6\]:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: #bbbbc6;
  }

  .dark\:bg-black\/10:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-black\/10:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .dark\:bg-gray-600:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-gray-600);
  }

  .dark\:bg-transparent:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: #0000;
  }

  .dark\:bg-zinc-900:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-zinc-900);
  }

  .dark\:\!text-white:where([data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-white) !important;
  }

  .dark\:text-\[\#9AACFF\]:where([data-theme="dark"], [data-theme="dark"] *) {
    color: #9aacff;
  }

  .dark\:text-\[\#292A30\]:where([data-theme="dark"], [data-theme="dark"] *) {
    color: #292a30;
  }

  .dark\:text-\[\#111827\]:where([data-theme="dark"], [data-theme="dark"] *) {
    color: #111827;
  }

  .dark\:text-\[\#A5A5B3\]:where([data-theme="dark"], [data-theme="dark"] *) {
    color: #a5a5b3;
  }

  .dark\:text-\[\#BBBBC6\]:where([data-theme="dark"], [data-theme="dark"] *) {
    color: #bbbbc6;
  }

  .dark\:text-white:where([data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-white);
  }

  .dark\:text-zinc-100:where([data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-zinc-100);
  }

  .dark\:placeholder\:text-zinc-500:where([data-theme="dark"], [data-theme="dark"] *)::placeholder {
    color: var(--color-zinc-500);
  }

  @media (hover: hover) {
    .dark\:hover\:border-zinc-500:where([data-theme="dark"], [data-theme="dark"] *):hover {
      border-color: var(--color-zinc-500);
    }

    .dark\:hover\:bg-\[\#8E9BFF\]\/10:where([data-theme="dark"], [data-theme="dark"] *):hover {
      background-color: oklab(72.1767% .0164806 -.144588 / .1);
    }
  }

  .dark\:focus\:border-\[\#8E9BFF\]:where([data-theme="dark"], [data-theme="dark"] *):focus {
    border-color: #8e9bff;
  }

  .dark\:focus\:border-zinc-300:where([data-theme="dark"], [data-theme="dark"] *):focus {
    border-color: var(--color-zinc-300);
  }

  .dark\:focus\:ring-\[\#8E9BFF\]\/20:where([data-theme="dark"], [data-theme="dark"] *):focus {
    --tw-ring-color: oklab(72.1767% .0164806 -.144588 / .2);
  }

  .dark\:focus\:ring-zinc-800:where([data-theme="dark"], [data-theme="dark"] *):focus {
    --tw-ring-color: var(--color-zinc-800);
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:cursor-pointer::-webkit-calendar-picker-indicator {
    cursor: pointer;
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:opacity-100::-webkit-calendar-picker-indicator {
    opacity: 1;
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:brightness-0::-webkit-calendar-picker-indicator {
    --tw-brightness: brightness(0%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:filter::-webkit-calendar-picker-indicator {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .dark\:\[\&\:\:-webkit-calendar-picker-indicator\]\:brightness-0:where([data-theme="dark"], [data-theme="dark"] *)::-webkit-calendar-picker-indicator {
    --tw-brightness: brightness(0%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .dark\:\[\&\:\:-webkit-calendar-picker-indicator\]\:invert:where([data-theme="dark"], [data-theme="dark"] *)::-webkit-calendar-picker-indicator {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .dark\:\[\&\>path\]\:fill-\[\#2a2a2a\]:where([data-theme="dark"], [data-theme="dark"] *) > path {
    fill: #2a2a2a;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}