.content.chat-on{padding:0;overflow:hidden;position:relative}
.content.chat-on #view-chat{position:absolute;inset:0;max-width:none;margin:0;display:block}
#ch.tg{
  --tg-font:"Vazirmatn","Segoe UI",Tahoma,sans-serif;
  --tg-ease:cubic-bezier(.4,0,.2,1);
  --tg-t-in:.3s;
  --tg-t-out:.25s;
  --tg-radius:12px;
  --tg-radius-big:16px;
  --tg-bubble-r:12px;
  --tg-bubble-r-small:6px;
  --tg-msg-size:16px;
  --tg-msg-line:1.3125;
  --tg-left-w:360px;
  --tg-right-w:360px;
  --tg-topbar-h:56px;
  --tg-hover-alpha:.08;
  --tg-primary:#37e17c;
  --tg-primary-rgb:55,225,124;
  --tg-primary-text:#062312;
  --tg-name-1:#ff7a8a;--tg-name-2:#ffb454;--tg-name-3:#b6dd5a;--tg-name-4:#4fdba0;--tg-name-5:#4fc8e8;--tg-name-6:#6fa8ff;--tg-name-7:#b08cff;--tg-name-8:#ff8fd0;
  --tg-av-1:linear-gradient(#ff885e,#ff516a);--tg-av-2:linear-gradient(#ffcd6a,#ffa85c);--tg-av-3:linear-gradient(#a0de7e,#54cb68);--tg-av-4:linear-gradient(#53edd6,#28c9b7);--tg-av-5:linear-gradient(#72d5fd,#2a9ef1);--tg-av-6:linear-gradient(#82b1ff,#665fff);--tg-av-7:linear-gradient(#e0a2f3,#d669ed);--tg-av-8:linear-gradient(#ff9fc8,#ff6fa1);
  --tg-av-saved:linear-gradient(#6af59f,#21b05c);
  position:relative;height:100%;overflow:hidden;
  font-family:var(--tg-font);font-size:16px;line-height:1.3125;color:var(--tg-text);background:var(--tg-bg);
  direction:rtl;text-align:right;-webkit-font-smoothing:antialiased;font-variant-numeric:normal;
  user-select:none;isolation:isolate;
}
#ch.tg,#ch.tg[data-theme="dark"]{
  --tg-bg:#0c1210;
  --tg-surface:#101714;
  --tg-surface-2:#17201c;
  --tg-surface-3:#1d2823;
  --tg-panel:#141c18;
  --tg-border:#1f2a25;
  --tg-text:#e9efea;
  --tg-text-2:#8a968e;
  --tg-text-3:#5f6b64;
  --tg-link:#6cc6ff;
  --tg-danger:#ff5b6b;
  --tg-danger-rgb:255,91,107;
  --tg-warning:#f6c453;
  --tg-online:var(--tg-primary);
  --tg-badge-muted:#4b5751;
  --tg-hover:rgba(255,255,255,.05);
  --tg-ripple:rgba(255,255,255,.08);
  --tg-shadow:rgba(0,0,0,.45);
  --tg-menu-bg:rgba(24,33,29,.86);
  --tg-menu-solid:#18211d;
  --tg-menu-shadow:0 0 10px rgba(0,0,0,.55);
  --tg-scrollbar:rgba(255,255,255,.18);
  --tg-input-bg:#18211d;
  --tg-input-border:#2a3631;
  --tg-active-bg:var(--tg-out-bg-2);
  --tg-active-text:#ffffff;
  --tg-in-bg:#1a2420;
  --tg-in-text:#e9efea;
  --tg-in-meta:#7f8c84;
  --tg-in-link:#6cc6ff;
  --tg-in-name-alpha:1;
  --tg-out-bg:#1f5f3c;
  --tg-out-bg-2:#2a7a4c;
  --tg-out-text:#ffffff;
  --tg-out-meta:rgba(255,255,255,.62);
  --tg-out-link:#c8f5ff;
  --tg-out-check:#ffffff;
  --tg-out-accent:#ffffff;
  --tg-out-reply-bg:rgba(255,255,255,.12);
  --tg-in-reply-bg:rgba(var(--tg-primary-rgb),.12);
  --tg-service-bg:rgba(32,52,42,.72);
  --tg-service-text:#ffffff;
  --tg-highlight:rgba(var(--tg-primary-rgb),.22);
  --tg-select-bg:rgba(var(--tg-primary-rgb),.16);
  --tg-wall:radial-gradient(1100px 700px at 80% 0%,rgba(38,110,68,.20),transparent 62%),radial-gradient(900px 700px at 10% 100%,rgba(20,80,76,.16),transparent 60%),linear-gradient(165deg,#08100c,#060b09 55%,#08100d);
  --tg-wall-pattern-color:rgba(150,255,190,.045);
  --tg-input-surface:#17211c;
  --tg-code-bg:rgba(0,0,0,.25);
  --tg-code-text:#8ef0b2;
  --tg-spoiler:#3c4a43;
  color-scheme:dark;
}
#ch.tg[data-theme="light"]{
  --tg-bg:#f3f6f4;
  --tg-surface:#ffffff;
  --tg-surface-2:#f3f5f4;
  --tg-surface-3:#e9eeeb;
  --tg-panel:#ffffff;
  --tg-border:#dfe5e1;
  --tg-text:#0f1712;
  --tg-text-2:#707a74;
  --tg-text-3:#9aa39e;
  --tg-link:#1d84d6;
  --tg-danger:#e53935;
  --tg-danger-rgb:229,57,53;
  --tg-warning:#e0a800;
  --tg-badge-muted:#c1c7c3;
  --tg-hover:rgba(0,0,0,.04);
  --tg-ripple:rgba(0,0,0,.08);
  --tg-shadow:rgba(0,0,0,.14);
  --tg-menu-bg:rgba(255,255,255,.88);
  --tg-menu-solid:#ffffff;
  --tg-menu-shadow:0 0 10px rgba(0,0,0,.15);
  --tg-scrollbar:rgba(0,0,0,.2);
  --tg-input-bg:#ffffff;
  --tg-input-border:#dfe1e5;
  --tg-active-bg:var(--tg-primary);
  --tg-active-text:#ffffff;
  --tg-in-bg:#ffffff;
  --tg-in-text:#0f1712;
  --tg-in-meta:#8b968f;
  --tg-in-link:#1d84d6;
  --tg-out-bg:#d7f6e1;
  --tg-out-bg-2:#c9f0d5;
  --tg-out-text:#0f1712;
  --tg-out-meta:#3ea463;
  --tg-out-link:#137a3a;
  --tg-out-check:#2fae5f;
  --tg-out-accent:#1d9a4f;
  --tg-out-reply-bg:rgba(29,154,79,.12);
  --tg-in-reply-bg:rgba(var(--tg-primary-rgb),.1);
  --tg-service-bg:rgba(43,92,56,.42);
  --tg-service-text:#ffffff;
  --tg-highlight:rgba(var(--tg-primary-rgb),.25);
  --tg-select-bg:rgba(var(--tg-primary-rgb),.18);
  --tg-wall:linear-gradient(150deg,#d9ecc8 0%,#c3e3b6 35%,#a9d6a9 70%,#cfe7bd 100%);
  --tg-wall-pattern-color:rgba(28,80,42,.11);
  --tg-input-surface:#ffffff;
  --tg-code-bg:rgba(0,0,0,.05);
  --tg-code-text:#c0392b;
  --tg-spoiler:#c5ccc8;
  color-scheme:light;
}
#ch.tg[data-theme="light"]{--tg-primary:#1fa55b;--tg-primary-rgb:31,165,91;--tg-primary-text:#ffffff}
#ch.tg[data-theme="light"]{--tg-name-1:#cc5049;--tg-name-2:#d67722;--tg-name-3:#7d9a12;--tg-name-4:#2e9f4d;--tg-name-5:#2795b0;--tg-name-6:#368ad1;--tg-name-7:#955cdb;--tg-name-8:#c7508b}
#ch.tg[data-accent="cyan"]{--tg-primary:#2fd3d0;--tg-primary-rgb:47,211,208;--tg-primary-text:#032120;--tg-out-bg:#155456;--tg-out-bg-2:#1d6f6c}
#ch.tg[data-accent="blue"]{--tg-primary:#5aa7ff;--tg-primary-rgb:90,167,255;--tg-primary-text:#04172d;--tg-out-bg:#2b5278;--tg-out-bg-2:#35659a}
#ch.tg[data-accent="purple"]{--tg-primary:#a685ff;--tg-primary-rgb:166,133,255;--tg-primary-text:#140733;--tg-out-bg:#4b3782;--tg-out-bg-2:#5c46a0}
#ch.tg[data-accent="orange"]{--tg-primary:#ffa94d;--tg-primary-rgb:255,169,77;--tg-primary-text:#2b1500;--tg-out-bg:#7a4518;--tg-out-bg-2:#94571f}
#ch.tg[data-accent="pink"]{--tg-primary:#ff7ab6;--tg-primary-rgb:255,122,182;--tg-primary-text:#330a1d;--tg-out-bg:#7d2f55;--tg-out-bg-2:#9a3c6a}
#ch.tg[data-theme="light"][data-accent="cyan"]{--tg-primary:#0fa7a5;--tg-primary-rgb:15,167,165;--tg-primary-text:#fff;--tg-out-bg:#d2f4f3;--tg-out-bg-2:#c2eeec;--tg-out-meta:#139d9a;--tg-out-check:#0fa7a5;--tg-out-accent:#0c8c8a;--tg-out-link:#08706e}
#ch.tg[data-theme="light"][data-accent="blue"]{--tg-primary:#3390ec;--tg-primary-rgb:51,144,236;--tg-primary-text:#fff;--tg-out-bg:#e1efff;--tg-out-bg-2:#d4e7fd;--tg-out-meta:#3d8fe0;--tg-out-check:#3390ec;--tg-out-accent:#2a7ccd;--tg-out-link:#1f6ab8}
#ch.tg[data-theme="light"][data-accent="purple"]{--tg-primary:#8a63f0;--tg-primary-rgb:138,99,240;--tg-primary-text:#fff;--tg-out-bg:#ece5ff;--tg-out-bg-2:#e2d8ff;--tg-out-meta:#8162df;--tg-out-check:#8a63f0;--tg-out-accent:#7650dd;--tg-out-link:#6340c4}
#ch.tg[data-theme="light"][data-accent="orange"]{--tg-primary:#f08a24;--tg-primary-rgb:240,138,36;--tg-primary-text:#fff;--tg-out-bg:#fff0de;--tg-out-bg-2:#ffe6c8;--tg-out-meta:#d67d1d;--tg-out-check:#f08a24;--tg-out-accent:#c96f12;--tg-out-link:#a85a0b}
#ch.tg[data-theme="light"][data-accent="pink"]{--tg-primary:#e5508f;--tg-primary-rgb:229,80,143;--tg-primary-text:#fff;--tg-out-bg:#ffe4ef;--tg-out-bg-2:#ffd6e7;--tg-out-meta:#d4507f;--tg-out-check:#e5508f;--tg-out-accent:#c63b74;--tg-out-link:#a72c5f}
#ch.tg[data-wall="plain"]{--tg-wall:var(--tg-bg);--tg-wall-pattern-color:transparent}
#ch.tg[data-wall="gradient"]{--tg-wall-pattern-color:transparent}
#ch.tg[data-wall="night"]{--tg-wall:linear-gradient(170deg,#0b0f1e,#111a2e 50%,#0d1424);--tg-wall-pattern-color:rgba(180,200,255,.07)}
#ch.tg[data-wall="forest"]{--tg-wall:linear-gradient(170deg,#0f2418,#163423 50%,#0e2016);--tg-wall-pattern-color:rgba(200,255,210,.08)}
#ch.tg[data-theme="light"][data-wall="night"]{--tg-wall:linear-gradient(150deg,#dbe6f6,#c8d8ef 50%,#dfe8f5);--tg-wall-pattern-color:rgba(30,60,120,.12)}
#ch.tg[data-theme="light"][data-wall="forest"]{--tg-wall:linear-gradient(150deg,#e7f1d4,#d4e7bd 50%,#e9f2da);--tg-wall-pattern-color:rgba(60,90,30,.13)}
#ch.tg[data-radius="small"]{--tg-bubble-r:8px;--tg-bubble-r-small:4px}
#ch.tg[data-radius="large"]{--tg-bubble-r:20px;--tg-bubble-r-small:6px}
#ch.tg *,#ch.tg *::before,#ch.tg *::after{box-sizing:border-box}
#ch.tg button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;outline:none}
#ch.tg input,#ch.tg textarea{font:inherit;color:inherit;outline:none}
#ch.tg svg{fill:none;stroke:none}
#ch.tg ::selection{background:rgba(var(--tg-primary-rgb),.4);color:inherit}
#ch.tg .tg-selectable,#ch.tg .tg-selectable *{user-select:text}
#ch.tg .tgico{font-size:24px;line-height:1;width:1em;height:1em;flex:none;text-align:center}
#ch.tg .tg-flip{transform:scaleX(-1)}
#ch.tg .tg-scroll{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent;overscroll-behavior:contain}
#ch.tg .tg-scroll:hover{scrollbar-color:var(--tg-scrollbar) transparent}
#ch.tg .tg-scroll::-webkit-scrollbar{width:6px;height:6px;background:transparent}
#ch.tg .tg-scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:6px;border:0}
#ch.tg .tg-scroll:hover::-webkit-scrollbar-thumb{background:var(--tg-scrollbar)}
#ch.tg .tg-scroll::-webkit-scrollbar-track{background:transparent}
#ch.tg .tg-rp{position:relative;overflow:hidden}
#ch.tg .tg-ripple{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:0}
#ch.tg .tg-ripple i{position:absolute;border-radius:50%;background:var(--tg-ripple-c,var(--tg-ripple));transform:scale(0);animation:tg-ripple .7s forwards;transition:opacity .35s;pointer-events:none}
#ch.tg .tg-ripple i.hiding{opacity:0}
@keyframes tg-ripple{from{transform:scale(0)}to{transform:scale(2)}}
#ch.tg[data-anim="0"] *,#ch.tg[data-anim="0"] *::before,#ch.tg[data-anim="0"] *::after{animation-duration:0s!important;transition-duration:0s!important}
#ch.tg .tg-wallpaper{position:absolute;inset:0;background:var(--tg-wall);background-size:cover;z-index:0;pointer-events:none}
#ch.tg .tg-wallpaper::after{content:"";position:absolute;inset:0;background-color:var(--tg-wall-pattern-color);-webkit-mask-image:url("img/wall-pattern.svg");mask-image:url("img/wall-pattern.svg");-webkit-mask-size:360px 360px;mask-size:360px 360px;-webkit-mask-repeat:repeat;mask-repeat:repeat}
@keyframes tg-fade-in{from{opacity:0}to{opacity:1}}
@keyframes tg-fade-out{from{opacity:1}to{opacity:0}}
@keyframes tg-scale-in{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
@keyframes tg-slide-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes tg-spin{to{transform:rotate(360deg)}}
@keyframes tg-pulse{0%,100%{opacity:.35}50%{opacity:1}}
#ch.tg{font-weight:400;padding:0;border-radius:0}