Replaced rest of icons

Layout fixes in left sidebar Added animation to chatlist menu button Changed chat layer transition
2021-04-15 03:45:29 +04:00 · 2021-04-15 03:45:29 +04:00 · fee5ffbfdc
parent 5bebed1200
commit fee5ffbfdc
103 changed files with 428 additions and 474 deletions
--- a/public/0.3deabc98e2f1703d3f88.chunk.js
+++ b/public/0.3deabc98e2f1703d3f88.chunk.js
--- a/public/0.3deabc98e2f1703d3f88.chunk.js.gz
+++ b/public/0.3deabc98e2f1703d3f88.chunk.js.gz
--- a/public/0.5a25ff01557ed58e36d2.chunk.js.gz
+++ b/public/0.5a25ff01557ed58e36d2.chunk.js.gz
--- a/public/1.0bd5ae270650d2a40b5a.chunk.js
+++ b/public/1.0bd5ae270650d2a40b5a.chunk.js
--- a/public/1.0bd5ae270650d2a40b5a.chunk.js.gz
+++ b/public/1.0bd5ae270650d2a40b5a.chunk.js.gz
--- a/public/1.782dd120bb3d2fd34dfe.worker.js
+++ b/public/1.782dd120bb3d2fd34dfe.worker.js
--- a/public/1.96a61b1f5c0502b1a967.chunk.js
+++ b/public/1.96a61b1f5c0502b1a967.chunk.js
--- a/public/1.96a61b1f5c0502b1a967.chunk.js.gz
+++ b/public/1.96a61b1f5c0502b1a967.chunk.js.gz
--- a/public/10.4863b29cdfb8343fc729.chunk.js
+++ b/public/10.4863b29cdfb8343fc729.chunk.js
--- a/public/10.4863b29cdfb8343fc729.chunk.js.gz
+++ b/public/10.4863b29cdfb8343fc729.chunk.js.gz
--- a/public/10.fcc028eb812b9b6d489c.chunk.js
+++ b/public/10.fcc028eb812b9b6d489c.chunk.js
--- a/public/10.fcc028eb812b9b6d489c.chunk.js.gz
+++ b/public/10.fcc028eb812b9b6d489c.chunk.js.gz
--- a/public/11.3ede86f0d2d135185f62.chunk.js
+++ b/public/11.3ede86f0d2d135185f62.chunk.js
--- a/public/11.3ede86f0d2d135185f62.chunk.js.gz
+++ b/public/11.3ede86f0d2d135185f62.chunk.js.gz
--- a/public/11.81d5ce27e3988e6abb02.chunk.js
+++ b/public/11.81d5ce27e3988e6abb02.chunk.js
--- a/public/11.81d5ce27e3988e6abb02.chunk.js.gz
+++ b/public/11.81d5ce27e3988e6abb02.chunk.js.gz
--- a/public/12.a8501ce2b05e1b8e84d1.chunk.js
+++ b/public/12.a8501ce2b05e1b8e84d1.chunk.js
--- a/public/12.db2632a2a2272293add6.chunk.js
+++ b/public/12.db2632a2a2272293add6.chunk.js
--- a/public/12.db2632a2a2272293add6.chunk.js.gz
+++ b/public/12.db2632a2a2272293add6.chunk.js.gz
--- a/public/13.b4337da9b42e5fa2e76e.chunk.js
+++ b/public/13.b4337da9b42e5fa2e76e.chunk.js
@ -1 +0,0 @@
-(this.webpackJsonp=this.webpackJsonp||[]).push([[13,14,16],{10:function(t,e,s){"use strict";s.d(e,"a",(function(){return r}));const n=s(52).a.debug,i="undefined"!=typeof window?window:self,r=n?i:{};e.b=n,n||(i.sandpitTurtle=()=>{for(let t in r)i[t]=r[t]})},18:function(t,e,s){"use strict";s.r(e),s.d(e,"ripple",(function(){return c}));var n=s(0),i=s(21),r=s(9);let o=0;function c(t,e=(()=>Promise.resolve()),s=null,c=!1){if(t.querySelector(".c-ripple"))return;t.classList.add("rp");let a=document.createElement("div");a.classList.add("c-ripple");let l;t.classList.contains("rp-square")&&a.classList.add("is-square"),t[c?"prepend":"append"](a);const u=(t,n)=>{const r=Date.now(),c=document.createElement("div"),u=o++,h=1e3*+window.getComputedStyle(a).getPropertyValue("--ripple-duration").replace("s","");l=()=>{let t=Date.now()-r;if(t<h){let e=Math.max(h-t,h/2);setTimeout(()=>c.classList.add("hiding"),Math.max(e-h/2,0)),setTimeout(()=>{c.remove(),s&&s(u)},e)}else c.classList.add("hiding"),setTimeout(()=>{c.remove(),s&&s(u)},h/2);i.isTouchSupported||window.removeEventListener("contextmenu",l),l=null,d=!1},e&&e(u),window.requestAnimationFrame(()=>{const e=a.getBoundingClientRect();c.classList.add("c-ripple__circle");const s=t-e.left,i=n-e.top,r=Math.sqrt(Math.pow(Math.abs(i-e.height/2)+e.height/2,2)+Math.pow(Math.abs(s-e.width/2)+e.width/2,2)),o=s-r/2,l=i-r/2;c.style.width=c.style.height=r+"px",c.style.left=o+"px",c.style.top=l+"px",a.append(c)})};let d=!1;if(i.isTouchSupported){let e=()=>{l&&l()};t.addEventListener("touchstart",s=>{if(!r.default.settings.animationsEnabled)return;if(s.touches.length>1||d||["BUTTON","A"].includes(s.target.tagName)&&s.target!==t||Object(n.a)(s.target,"c-ripple")!==a)return;d=!0;let{clientX:i,clientY:o}=s.touches[0];u(i,o),t.addEventListener("touchend",e,{once:!0}),window.addEventListener("touchmove",s=>{s.cancelBubble=!0,s.stopPropagation(),e(),t.removeEventListener("touchend",e)},{once:!0})},{passive:!0})}else t.addEventListener("mousedown",e=>{if(![0,2].includes(e.button))return;if(!r.default.settings.animationsEnabled)return;if("0"===t.dataset.ripple||Object(n.a)(e.target,"c-ripple")!==a||"A"===e.target.tagName)return!1;if(d)return d=!1,!1;let{clientX:s,clientY:i}=e;u(s,i),window.addEventListener("mouseup",l,{once:!0}),window.addEventListener("contextmenu",l,{once:!0})})}},21:function(t,e,s){"use strict";s.r(e),s.d(e,"isTouchSupported",(function(){return n}));const n="ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch},42:function(t,e,s){"use strict";s.d(e,"a",(function(){return n}));class n{constructor(t){this._constructor(t)}_constructor(t=!1){this.reuseResults=t,this.listeners={},this.listenerResults={}}addEventListener(t,e,s){var n;this.listenerResults.hasOwnProperty(t)&&(e(...this.listenerResults[t]),s)||(null!==(n=this.listeners[t])&&void 0!==n?n:this.listeners[t]=[]).push({callback:e,once:s})}removeEventListener(t,e){this.listeners[t]&&this.listeners[t].findAndSplice(t=>t.callback===e)}dispatchEvent(t,...e){this.reuseResults&&(this.listenerResults[t]=e);const s=[],n=this.listeners[t];if(n){n.slice().forEach(i=>{-1!==n.findIndex(t=>t.callback===i.callback)&&(s.push(i.callback(...e)),i.once&&this.removeEventListener(t,i.callback))})}return s}cleanup(){this.listeners={},this.listenerResults={}}}},52:function(t,e,s){"use strict";const n={test:location.search.indexOf("test=1")>0,debug:location.search.indexOf("debug=1")>0,http:!1,ssl:!0,multipleConnections:!0,asServiceWorker:!1};e.a=n},9:function(t,e,s){"use strict";s.r(e),s.d(e,"RootScope",(function(){return r}));var n=s(42),i=s(10);class r extends n.a{constructor(){super(),this._overlayIsActive=!1,this.myId=0,this.idle={isIDLE:!0},this.connectionStatus={},this.broadcast=(t,e)=>{this.dispatchEvent(t,e)},this.on=(t,e,s)=>{super.addEventListener(t,e,s)},this.addEventListener=this.on,this.off=(t,e)=>{super.removeEventListener(t,e)},this.removeEventListener=this.off,this.on("user_auth",t=>{this.myId=t}),this.on("connection_status_change",t=>{const e=t;this.connectionStatus[t.name]=e})}get overlayIsActive(){return this._overlayIsActive}set overlayIsActive(t){this._overlayIsActive=t,this.broadcast("overlay_toggle",t)}}const o=new r;i.a.rootScope=o,e.default=o,o.addEventListener("album_edit",t=>{}),o.addEventListener("album_edit",t=>{})}}]);
--- a/public/13.c458b0a9d341608b4698.chunk.js
+++ b/public/13.c458b0a9d341608b4698.chunk.js
--- a/public/14.c276abbb121eb4d4336b.chunk.js
+++ b/public/14.c276abbb121eb4d4336b.chunk.js
@ -0,0 +1 @@
+(this.webpackJsonp=this.webpackJsonp||[]).push([[14,16,18],{10:function(t,e,s){"use strict";s.d(e,"a",(function(){return r}));const n=s(48).a.debug,i="undefined"!=typeof window?window:self,r=n?i:{};e.b=n,n||(i.sandpitTurtle=()=>{for(let t in r)i[t]=r[t]})},17:function(t,e,s){"use strict";s.r(e),s.d(e,"isTouchSupported",(function(){return n}));const n="ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch},20:function(t,e,s){"use strict";s.r(e),s.d(e,"ripple",(function(){return c}));var n=s(1),i=s(17),r=s(9);let o=0;function c(t,e=(()=>Promise.resolve()),s=null,c=!1){if(t.querySelector(".c-ripple"))return;t.classList.add("rp");let a=document.createElement("div");a.classList.add("c-ripple");let l;t.classList.contains("rp-square")&&a.classList.add("is-square"),t[c?"prepend":"append"](a);const u=(t,n)=>{const r=Date.now(),c=document.createElement("div"),u=o++,h=1e3*+window.getComputedStyle(a).getPropertyValue("--ripple-duration").replace("s","");l=()=>{let t=Date.now()-r;if(t<h){let e=Math.max(h-t,h/2);setTimeout(()=>c.classList.add("hiding"),Math.max(e-h/2,0)),setTimeout(()=>{c.remove(),s&&s(u)},e)}else c.classList.add("hiding"),setTimeout(()=>{c.remove(),s&&s(u)},h/2);i.isTouchSupported||window.removeEventListener("contextmenu",l),l=null,d=!1},e&&e(u),window.requestAnimationFrame(()=>{const e=a.getBoundingClientRect();c.classList.add("c-ripple__circle");const s=t-e.left,i=n-e.top,r=Math.sqrt(Math.pow(Math.abs(i-e.height/2)+e.height/2,2)+Math.pow(Math.abs(s-e.width/2)+e.width/2,2)),o=s-r/2,l=i-r/2;c.style.width=c.style.height=r+"px",c.style.left=o+"px",c.style.top=l+"px",a.append(c)})};let d=!1;if(i.isTouchSupported){let e=()=>{l&&l()};t.addEventListener("touchstart",s=>{if(!r.default.settings.animationsEnabled)return;if(s.touches.length>1||d||["BUTTON","A"].includes(s.target.tagName)&&s.target!==t||Object(n.a)(s.target,"c-ripple")!==a)return;d=!0;let{clientX:i,clientY:o}=s.touches[0];u(i,o),t.addEventListener("touchend",e,{once:!0}),window.addEventListener("touchmove",s=>{s.cancelBubble=!0,s.stopPropagation(),e(),t.removeEventListener("touchend",e)},{once:!0})},{passive:!0})}else t.addEventListener("mousedown",e=>{if(![0,2].includes(e.button))return;if(!r.default.settings.animationsEnabled)return;if("0"===t.dataset.ripple||Object(n.a)(e.target,"c-ripple")!==a||"A"===e.target.tagName)return!1;if(d)return d=!1,!1;let{clientX:s,clientY:i}=e;u(s,i),window.addEventListener("mouseup",l,{once:!0}),window.addEventListener("contextmenu",l,{once:!0})})}},43:function(t,e,s){"use strict";s.d(e,"a",(function(){return n}));class n{constructor(t){this._constructor(t)}_constructor(t=!1){this.reuseResults=t,this.listeners={},this.listenerResults={}}addEventListener(t,e,s){var n;this.listenerResults.hasOwnProperty(t)&&(e(...this.listenerResults[t]),s)||(null!==(n=this.listeners[t])&&void 0!==n?n:this.listeners[t]=[]).push({callback:e,once:s})}removeEventListener(t,e){this.listeners[t]&&this.listeners[t].findAndSplice(t=>t.callback===e)}dispatchEvent(t,...e){this.reuseResults&&(this.listenerResults[t]=e);const s=[],n=this.listeners[t];if(n){n.slice().forEach(i=>{-1!==n.findIndex(t=>t.callback===i.callback)&&(s.push(i.callback(...e)),i.once&&this.removeEventListener(t,i.callback))})}return s}cleanup(){this.listeners={},this.listenerResults={}}}},48:function(t,e,s){"use strict";const n={test:location.search.indexOf("test=1")>0,debug:location.search.indexOf("debug=1")>0,http:!1,ssl:!0,multipleConnections:!0,asServiceWorker:!1};e.a=n},9:function(t,e,s){"use strict";s.r(e),s.d(e,"RootScope",(function(){return r}));var n=s(43),i=s(10);class r extends n.a{constructor(){super(),this._overlayIsActive=!1,this.myId=0,this.idle={isIDLE:!0},this.connectionStatus={},this.broadcast=(t,e)=>{this.dispatchEvent(t,e)},this.on=(t,e,s)=>{super.addEventListener(t,e,s)},this.addEventListener=this.on,this.off=(t,e)=>{super.removeEventListener(t,e)},this.removeEventListener=this.off,this.on("user_auth",t=>{this.myId=t}),this.on("connection_status_change",t=>{const e=t;this.connectionStatus[t.name]=e})}get overlayIsActive(){return this._overlayIsActive}set overlayIsActive(t){this._overlayIsActive=t,this.broadcast("overlay_toggle",t)}}const o=new r;i.a.rootScope=o,e.default=o,o.addEventListener("album_edit",t=>{}),o.addEventListener("album_edit",t=>{})}}]);
--- a/public/15.278b7b6db1a92ca8af4a.chunk.js
+++ b/public/15.278b7b6db1a92ca8af4a.chunk.js
--- a/public/16.0cc28e49f425acfad207.chunk.js
+++ b/public/16.0cc28e49f425acfad207.chunk.js
@ -1 +1 @@
-(this.webpackJsonp=this.webpackJsonp||[]).push([[14],{10:function(t,e,s){"use strict";s.d(e,"a",(function(){return r}));const i=s(52).a.debug,n="undefined"!=typeof window?window:self,r=i?n:{};e.b=i,i||(n.sandpitTurtle=()=>{for(let t in r)n[t]=r[t]})},42:function(t,e,s){"use strict";s.d(e,"a",(function(){return i}));class i{constructor(t){this._constructor(t)}_constructor(t=!1){this.reuseResults=t,this.listeners={},this.listenerResults={}}addEventListener(t,e,s){var i;this.listenerResults.hasOwnProperty(t)&&(e(...this.listenerResults[t]),s)||(null!==(i=this.listeners[t])&&void 0!==i?i:this.listeners[t]=[]).push({callback:e,once:s})}removeEventListener(t,e){this.listeners[t]&&this.listeners[t].findAndSplice(t=>t.callback===e)}dispatchEvent(t,...e){this.reuseResults&&(this.listenerResults[t]=e);const s=[],i=this.listeners[t];if(i){i.slice().forEach(n=>{-1!==i.findIndex(t=>t.callback===n.callback)&&(s.push(n.callback(...e)),n.once&&this.removeEventListener(t,n.callback))})}return s}cleanup(){this.listeners={},this.listenerResults={}}}},52:function(t,e,s){"use strict";const i={test:location.search.indexOf("test=1")>0,debug:location.search.indexOf("debug=1")>0,http:!1,ssl:!0,multipleConnections:!0,asServiceWorker:!1};e.a=i},9:function(t,e,s){"use strict";s.r(e),s.d(e,"RootScope",(function(){return r}));var i=s(42),n=s(10);class r extends i.a{constructor(){super(),this._overlayIsActive=!1,this.myId=0,this.idle={isIDLE:!0},this.connectionStatus={},this.broadcast=(t,e)=>{this.dispatchEvent(t,e)},this.on=(t,e,s)=>{super.addEventListener(t,e,s)},this.addEventListener=this.on,this.off=(t,e)=>{super.removeEventListener(t,e)},this.removeEventListener=this.off,this.on("user_auth",t=>{this.myId=t}),this.on("connection_status_change",t=>{const e=t;this.connectionStatus[t.name]=e})}get overlayIsActive(){return this._overlayIsActive}set overlayIsActive(t){this._overlayIsActive=t,this.broadcast("overlay_toggle",t)}}const c=new r;n.a.rootScope=c,e.default=c,c.addEventListener("album_edit",t=>{}),c.addEventListener("album_edit",t=>{})}}]);
+(this.webpackJsonp=this.webpackJsonp||[]).push([[16],{10:function(t,e,s){"use strict";s.d(e,"a",(function(){return r}));const i=s(48).a.debug,n="undefined"!=typeof window?window:self,r=i?n:{};e.b=i,i||(n.sandpitTurtle=()=>{for(let t in r)n[t]=r[t]})},43:function(t,e,s){"use strict";s.d(e,"a",(function(){return i}));class i{constructor(t){this._constructor(t)}_constructor(t=!1){this.reuseResults=t,this.listeners={},this.listenerResults={}}addEventListener(t,e,s){var i;this.listenerResults.hasOwnProperty(t)&&(e(...this.listenerResults[t]),s)||(null!==(i=this.listeners[t])&&void 0!==i?i:this.listeners[t]=[]).push({callback:e,once:s})}removeEventListener(t,e){this.listeners[t]&&this.listeners[t].findAndSplice(t=>t.callback===e)}dispatchEvent(t,...e){this.reuseResults&&(this.listenerResults[t]=e);const s=[],i=this.listeners[t];if(i){i.slice().forEach(n=>{-1!==i.findIndex(t=>t.callback===n.callback)&&(s.push(n.callback(...e)),n.once&&this.removeEventListener(t,n.callback))})}return s}cleanup(){this.listeners={},this.listenerResults={}}}},48:function(t,e,s){"use strict";const i={test:location.search.indexOf("test=1")>0,debug:location.search.indexOf("debug=1")>0,http:!1,ssl:!0,multipleConnections:!0,asServiceWorker:!1};e.a=i},9:function(t,e,s){"use strict";s.r(e),s.d(e,"RootScope",(function(){return r}));var i=s(43),n=s(10);class r extends i.a{constructor(){super(),this._overlayIsActive=!1,this.myId=0,this.idle={isIDLE:!0},this.connectionStatus={},this.broadcast=(t,e)=>{this.dispatchEvent(t,e)},this.on=(t,e,s)=>{super.addEventListener(t,e,s)},this.addEventListener=this.on,this.off=(t,e)=>{super.removeEventListener(t,e)},this.removeEventListener=this.off,this.on("user_auth",t=>{this.myId=t}),this.on("connection_status_change",t=>{const e=t;this.connectionStatus[t.name]=e})}get overlayIsActive(){return this._overlayIsActive}set overlayIsActive(t){this._overlayIsActive=t,this.broadcast("overlay_toggle",t)}}const c=new r;n.a.rootScope=c,e.default=c,c.addEventListener("album_edit",t=>{}),c.addEventListener("album_edit",t=>{})}}]);
--- a/public/17.1cd2771e6ac598481e9c.chunk.js
+++ b/public/17.1cd2771e6ac598481e9c.chunk.js
@ -1 +0,0 @@
-(this.webpackJsonp=this.webpackJsonp||[]).push([[17],{99:function(e,a,s){"use strict";s.r(a);function c(e,a){switch(e){case 27764:if(a%10==1&&(a%100<11||a%100>19))return"one";if(a%10>=2&&a%10<=9&&(a%100<11||a%100>19))return"few";break;case 27766:if(0==a)return"zero";if(a%10==1&&a%100!=11)return"one";break;case 25465:if(2==a)return"two";if(3==a)return"few";if(0==a)return"zero";if(1==a)return"one";if(6==a)return"many";break;case 25189:case 25203:case 26738:case 29301:case 29544:case 29554:case 30059:if(a%10==1&&a%100!=11)return"one";if(a%10>=2&&a%10<=4&&(a%100<12||a%100>14))return"few";if(a%10==0||a%10>=5&&a%10<=9||a%100>=11&&a%100<=14)return"many";break;case 7041896:if(0==a)return"zero";if(1==a)return"one";break;case 7563369:if(a>=2&&a<=10)return"few";if(a>=0&&a<=1)return"one";break;case 26725:if(2==a)return"two";if(1==a)return"one";if(0!=a&&a%10==0)return"many";break;case 25459:case 29547:if(1==a)return"one";if(a>=2&&a<=4)return"few";break;case 25202:if(0!=a&&a%1e6==0)return"many";if(a%10==1&&a%100!=11&&a%100!=71&&a%100!=91)return"one";if(a%10==2&&a%100!=12&&a%100!=72&&a%100!=92)return"two";if((a%10>=3&&a%10<=4||a%10==9)&&(a%100<10||a%100>19)&&(a%100<70||a%100>79)&&(a%100<90||a%100>99))return"few";break;case 29548:if(a%100==2)return"two";if(a%100==1)return"one";if(a%100>=3&&a%100<=4)return"few";break;case 7102823:if(0==a)return"zero";if(a>=0&&a<=2&&0!=a&&2!=a)return"one";break;case 28780:if(1==a)return"one";if(a%10>=2&&a%10<=4&&(a%100<12||a%100>14))return"few";if(1!=a&&a%10>=0&&a%10<=1||a%10>=5&&a%10<=9||a%100>=12&&a%100<=14)return"many";break;case 26468:if(2==a||12==a)return"two";if(1==a||11==a)return"one";if(a>=3&&a<=10||a>=13&&a<=19)return"few";break;case 26486:if(a%10>=1&&a%10<=2||a%20==0)return"one";break;case 28011:if(a%10==1&&11!=a)return"one";break;case 28020:if(1==a)return"one";if(a%100>=11&&a%100<=19)return"many";if(0==a||a%100>=2&&a%100<=10)return"few";break;case 28015:case 29295:if(1==a)return"one";if(0==a||1!=a&&a%100>=1&&a%100<=19)return"few";break;case 26465:if(2==a)return"two";if(1==a)return"one";if(a>=3&&a<=6)return"few";if(a>=7&&a<=10)return"many";break;case 26214:case 26226:case 7037282:if(a>=0&&a<=2&&2!=a)return"one";break;case 26997:case 27511:case 29541:case 7233905:case 7564641:case 7564649:case 7564650:case 7564654:case 7564659:if(2==a)return"two";if(1==a)return"one";break;case 24939:case 24941:case 25192:case 26729:case 27758:case 28007:case 29801:case 29804:case 30561:case 6711660:case 6780279:case 7238511:if(a>=0&&a<=1)return"one";break;case 7633517:if(a>=0&&a<=1||a>=11&&a<=99)return"one";break;case 24934:case 25191:case 25198:case 25441:case 25697:case 25701:case 25718:case 25957:case 25964:case 25966:case 25967:case 25971:case 25972:case 25973:case 26217:case 26223:case 26233:case 26476:case 26485:case 26721:case 26995:case 26996:case 27499:case 27500:case 27507:case 27509:case 27513:case 27746:case 27751:case 28012:case 28014:case 28018:case 28258:case 28260:case 28261:case 28268:case 28270:case 28271:case 28274:case 28281:case 28525:case 28530:case 28531:case 28769:case 28787:case 28788:case 29293:case 29550:case 29551:case 29553:case 29555:case 29556:case 29558:case 29559:case 29793:case 29797:case 29803:case 29806:case 29811:case 30066:case 30309:case 30319:case 30824:case 31349:case 6386529:case 6386548:case 6448493:case 6448506:case 6451832:case 6514535:case 6514802:case 6515554:case 6714738:case 6779767:case 6840695:case 6973295:case 6974819:case 7037290:case 7037799:case 7039850:case 7041890:case 7168371:case 7169903:case 7233896:case 7237224:case 7240046:case 7364976:case 7499622:case 7501675:case 7561585:case 7562600:case 7566201:case 7567730:case 7628143:case 7629159:case 7763310:case 7823717:case 7892839:if(1==a)return"one";break;case 24946:if(2==a)return"two";if(1==a)return"one";if(0==a)return"zero";if(a%100>=3&&a%100<=10)return"few";if(a%100>=11&&a%100<=99)return"many"}return"other"}const r={PluralRules:class{constructor(e){this.select=c.bind(null,function(e){let a=0;for(let s=0;s<e.length;++s)a=(a<<8)+e.charCodeAt(s);return a}(e))}}};a.default=r}}]);
--- a/public/17.2ea6246d18ec3f34c9d8.chunk.js
+++ b/public/17.2ea6246d18ec3f34c9d8.chunk.js
@ -1 +1 @@
-(this.webpackJsonp=this.webpackJsonp||[]).push([[15],{103:function(t,n,r){"use strict";r.r(n);var e=r(56),o=r(53);Object.defineProperty(Uint8Array.prototype,"hex",{get:function(){return Object(e.e)([...this])},set:function(t){this.set(Object(e.c)(t))},enumerable:!0,configurable:!0}),Uint8Array.prototype.randomize=function(){for(let t=0;t<this.length;++t)this[t]=Object(o.a)(255);return this},Uint8Array.prototype.concat=function(...t){return Object(e.a)(this,...t)},Uint8Array.prototype.toJSON=function(){return[...this]},Array.prototype.findAndSplice=function(t){let n=this.findIndex(t);return-1!==n?this.splice(n,1)[0]:void 0},String.prototype.toHHMMSS=function(t=!1){const n=parseInt(this+"",10),r=Math.floor(n/3600);let e=Math.floor((n-3600*r)/60),o=n-3600*r-60*e;return r&&(t=!0),e<10&&(e=t?"0"+e:e),o<10&&(o="0"+o),(r?r+":":"")+e+":"+o},Promise.prototype.finally=Promise.prototype.finally||function(t){const n=n=>Promise.resolve(t()).then(n);return this.then(t=>n(()=>t),t=>n(()=>Promise.reject(t)))}},53:function(t,n,r){"use strict";function e(t){return Math.floor(Math.random()*t)}function o(){return""+e(4294967295)+e(16777215)}r.d(n,"a",(function(){return e})),r.d(n,"b",(function(){return o}))},56:function(t,n,r){"use strict";function e(t){t=t||[];let n=[];for(let r=0;r<t.length;++r)n.push((t[r]<16?"0":"")+(t[r]||0).toString(16));return n.join("")}function o(t){const n=t.length;let r=0,e=[];n%2&&(e.push(parseInt(t.charAt(0),16)),++r);for(let o=r;o<n;o+=2)e.push(parseInt(t.substr(o,2),16));return e}function i(t){let n,r="";for(let e=t.length,o=0,i=0;i<e;++i)n=i%3,o|=t[i]<<(16>>>n&24),2!==n&&e-i!=1||(r+=String.fromCharCode(u(o>>>18&63),u(o>>>12&63),u(o>>>6&63),u(63&o)),o=0);return r.replace(/A(?=A$|$)/g,"=")}function u(t){return t<26?t+65:t<52?t+71:t<62?t-4:62===t?43:63===t?47:65}function f(t,n){const r=t.length;if(r!==n.length)return!1;for(let e=0;e<r;++e)if(t[e]!==n[e])return!1;return!0}function c(t){return t instanceof ArrayBuffer?t:void 0!==t.buffer&&t.buffer.byteLength===t.length*t.BYTES_PER_ELEMENT?t.buffer:new Uint8Array(t).buffer}function s(...t){let n=0;t.forEach(t=>n+=t.byteLength||t.length);const r=new Uint8Array(n);let e=0;return t.forEach(t=>{r.set(t instanceof ArrayBuffer?new Uint8Array(t):t,e),e+=t.byteLength||t.length}),r}r.d(n,"e",(function(){return e})),r.d(n,"c",(function(){return o})),r.d(n,"d",(function(){return i})),r.d(n,"b",(function(){return f})),r.d(n,"f",(function(){return c})),r.d(n,"a",(function(){return s}))}}]);
+(this.webpackJsonp=this.webpackJsonp||[]).push([[17],{103:function(t,n,r){"use strict";r.r(n);var e=r(57),o=r(55);Object.defineProperty(Uint8Array.prototype,"hex",{get:function(){return Object(e.e)([...this])},set:function(t){this.set(Object(e.c)(t))},enumerable:!0,configurable:!0}),Uint8Array.prototype.randomize=function(){for(let t=0;t<this.length;++t)this[t]=Object(o.a)(255);return this},Uint8Array.prototype.concat=function(...t){return Object(e.a)(this,...t)},Uint8Array.prototype.toJSON=function(){return[...this]},Array.prototype.findAndSplice=function(t){let n=this.findIndex(t);return-1!==n?this.splice(n,1)[0]:void 0},String.prototype.toHHMMSS=function(t=!1){const n=parseInt(this+"",10),r=Math.floor(n/3600);let e=Math.floor((n-3600*r)/60),o=n-3600*r-60*e;return r&&(t=!0),e<10&&(e=t?"0"+e:e),o<10&&(o="0"+o),(r?r+":":"")+e+":"+o},Promise.prototype.finally=Promise.prototype.finally||function(t){const n=n=>Promise.resolve(t()).then(n);return this.then(t=>n(()=>t),t=>n(()=>Promise.reject(t)))}},55:function(t,n,r){"use strict";function e(t){return Math.floor(Math.random()*t)}function o(){return""+e(4294967295)+e(16777215)}r.d(n,"a",(function(){return e})),r.d(n,"b",(function(){return o}))},57:function(t,n,r){"use strict";function e(t){t=t||[];let n=[];for(let r=0;r<t.length;++r)n.push((t[r]<16?"0":"")+(t[r]||0).toString(16));return n.join("")}function o(t){const n=t.length;let r=0,e=[];n%2&&(e.push(parseInt(t.charAt(0),16)),++r);for(let o=r;o<n;o+=2)e.push(parseInt(t.substr(o,2),16));return e}function i(t){let n,r="";for(let e=t.length,o=0,i=0;i<e;++i)n=i%3,o|=t[i]<<(16>>>n&24),2!==n&&e-i!=1||(r+=String.fromCharCode(u(o>>>18&63),u(o>>>12&63),u(o>>>6&63),u(63&o)),o=0);return r.replace(/A(?=A$|$)/g,"=")}function u(t){return t<26?t+65:t<52?t+71:t<62?t-4:62===t?43:63===t?47:65}function f(t,n){const r=t.length;if(r!==n.length)return!1;for(let e=0;e<r;++e)if(t[e]!==n[e])return!1;return!0}function c(t){return t instanceof ArrayBuffer?t:void 0!==t.buffer&&t.buffer.byteLength===t.length*t.BYTES_PER_ELEMENT?t.buffer:new Uint8Array(t).buffer}function s(...t){let n=0;t.forEach(t=>n+=t.byteLength||t.length);const r=new Uint8Array(n);let e=0;return t.forEach(t=>{r.set(t instanceof ArrayBuffer?new Uint8Array(t):t,e),e+=t.byteLength||t.length}),r}r.d(n,"e",(function(){return e})),r.d(n,"c",(function(){return o})),r.d(n,"d",(function(){return i})),r.d(n,"b",(function(){return f})),r.d(n,"f",(function(){return c})),r.d(n,"a",(function(){return s}))}}]);
--- a/public/18.a222c38bcc74109992e0.chunk.js
+++ b/public/18.a222c38bcc74109992e0.chunk.js
@ -1 +0,0 @@
-(this.webpackJsonp=this.webpackJsonp||[]).push([[18],{45:function(e,t,n){"use strict";n.r(t);var a=n(7),o=n(16),u=n(8),c=n(38),i=function(e,t,n,a){return new(n||(n=Promise))((function(o,u){function c(e){try{l(a.next(e))}catch(e){u(e)}}function i(e){try{l(a.throw(e))}catch(e){u(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(c,i)}l((a=a.apply(e,t||[])).next())}))};const l=new c.a("page-chats",!1,()=>(o.default.pushToState("authState",{_:"authStateSignedIn"}),Promise.resolve().then(n.bind(null,9)).then(e=>{e.default.broadcast("im_mount")}),u.default.requestedServerLanguage||u.default.getCacheLangPack().then(e=>{e.local&&u.default.getLangPack(e.lang_code)}),Object(a.c)(),new Promise(e=>{window.requestAnimationFrame(()=>{n.e(9).then(n.bind(null,66)).finally(()=>i(void 0,void 0,void 0,(function*(){e()})))})})));t.default=l}}]);
--- a/public/18.e6a584d507de1a664135.chunk.js
+++ b/public/18.e6a584d507de1a664135.chunk.js
@ -1 +1 @@
-(this.webpackJsonp=this.webpackJsonp||[]).push([[16],{21:function(n,o,t){"use strict";t.r(o),t.d(o,"isTouchSupported",(function(){return c}));const c="ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch}}]);
+(this.webpackJsonp=this.webpackJsonp||[]).push([[18],{17:function(n,o,t){"use strict";t.r(o),t.d(o,"isTouchSupported",(function(){return c}));const c="ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch}}]);
--- a/public/19.ccceffb661c578b368d2.chunk.js
+++ b/public/19.ccceffb661c578b368d2.chunk.js
@ -0,0 +1 @@
+(this.webpackJsonp=this.webpackJsonp||[]).push([[19],{100:function(e,a,s){"use strict";s.r(a);function c(e,a){switch(e){case 27764:if(a%10==1&&(a%100<11||a%100>19))return"one";if(a%10>=2&&a%10<=9&&(a%100<11||a%100>19))return"few";break;case 27766:if(0==a)return"zero";if(a%10==1&&a%100!=11)return"one";break;case 25465:if(2==a)return"two";if(3==a)return"few";if(0==a)return"zero";if(1==a)return"one";if(6==a)return"many";break;case 25189:case 25203:case 26738:case 29301:case 29544:case 29554:case 30059:if(a%10==1&&a%100!=11)return"one";if(a%10>=2&&a%10<=4&&(a%100<12||a%100>14))return"few";if(a%10==0||a%10>=5&&a%10<=9||a%100>=11&&a%100<=14)return"many";break;case 7041896:if(0==a)return"zero";if(1==a)return"one";break;case 7563369:if(a>=2&&a<=10)return"few";if(a>=0&&a<=1)return"one";break;case 26725:if(2==a)return"two";if(1==a)return"one";if(0!=a&&a%10==0)return"many";break;case 25459:case 29547:if(1==a)return"one";if(a>=2&&a<=4)return"few";break;case 25202:if(0!=a&&a%1e6==0)return"many";if(a%10==1&&a%100!=11&&a%100!=71&&a%100!=91)return"one";if(a%10==2&&a%100!=12&&a%100!=72&&a%100!=92)return"two";if((a%10>=3&&a%10<=4||a%10==9)&&(a%100<10||a%100>19)&&(a%100<70||a%100>79)&&(a%100<90||a%100>99))return"few";break;case 29548:if(a%100==2)return"two";if(a%100==1)return"one";if(a%100>=3&&a%100<=4)return"few";break;case 7102823:if(0==a)return"zero";if(a>=0&&a<=2&&0!=a&&2!=a)return"one";break;case 28780:if(1==a)return"one";if(a%10>=2&&a%10<=4&&(a%100<12||a%100>14))return"few";if(1!=a&&a%10>=0&&a%10<=1||a%10>=5&&a%10<=9||a%100>=12&&a%100<=14)return"many";break;case 26468:if(2==a||12==a)return"two";if(1==a||11==a)return"one";if(a>=3&&a<=10||a>=13&&a<=19)return"few";break;case 26486:if(a%10>=1&&a%10<=2||a%20==0)return"one";break;case 28011:if(a%10==1&&11!=a)return"one";break;case 28020:if(1==a)return"one";if(a%100>=11&&a%100<=19)return"many";if(0==a||a%100>=2&&a%100<=10)return"few";break;case 28015:case 29295:if(1==a)return"one";if(0==a||1!=a&&a%100>=1&&a%100<=19)return"few";break;case 26465:if(2==a)return"two";if(1==a)return"one";if(a>=3&&a<=6)return"few";if(a>=7&&a<=10)return"many";break;case 26214:case 26226:case 7037282:if(a>=0&&a<=2&&2!=a)return"one";break;case 26997:case 27511:case 29541:case 7233905:case 7564641:case 7564649:case 7564650:case 7564654:case 7564659:if(2==a)return"two";if(1==a)return"one";break;case 24939:case 24941:case 25192:case 26729:case 27758:case 28007:case 29801:case 29804:case 30561:case 6711660:case 6780279:case 7238511:if(a>=0&&a<=1)return"one";break;case 7633517:if(a>=0&&a<=1||a>=11&&a<=99)return"one";break;case 24934:case 25191:case 25198:case 25441:case 25697:case 25701:case 25718:case 25957:case 25964:case 25966:case 25967:case 25971:case 25972:case 25973:case 26217:case 26223:case 26233:case 26476:case 26485:case 26721:case 26995:case 26996:case 27499:case 27500:case 27507:case 27509:case 27513:case 27746:case 27751:case 28012:case 28014:case 28018:case 28258:case 28260:case 28261:case 28268:case 28270:case 28271:case 28274:case 28281:case 28525:case 28530:case 28531:case 28769:case 28787:case 28788:case 29293:case 29550:case 29551:case 29553:case 29555:case 29556:case 29558:case 29559:case 29793:case 29797:case 29803:case 29806:case 29811:case 30066:case 30309:case 30319:case 30824:case 31349:case 6386529:case 6386548:case 6448493:case 6448506:case 6451832:case 6514535:case 6514802:case 6515554:case 6714738:case 6779767:case 6840695:case 6973295:case 6974819:case 7037290:case 7037799:case 7039850:case 7041890:case 7168371:case 7169903:case 7233896:case 7237224:case 7240046:case 7364976:case 7499622:case 7501675:case 7561585:case 7562600:case 7566201:case 7567730:case 7628143:case 7629159:case 7763310:case 7823717:case 7892839:if(1==a)return"one";break;case 24946:if(2==a)return"two";if(1==a)return"one";if(0==a)return"zero";if(a%100>=3&&a%100<=10)return"few";if(a%100>=11&&a%100<=99)return"many"}return"other"}const r={PluralRules:class{constructor(e){this.select=c.bind(null,function(e){let a=0;for(let s=0;s<e.length;++s)a=(a<<8)+e.charCodeAt(s);return a}(e))}}};a.default=r}}]);
--- a/public/2.a5a1f9ad01378c1cb252.chunk.js
+++ b/public/2.a5a1f9ad01378c1cb252.chunk.js
--- a/public/2.a5a1f9ad01378c1cb252.chunk.js.gz
+++ b/public/2.a5a1f9ad01378c1cb252.chunk.js.gz
--- a/public/2.eb31d7a365d9c3a1b58b.chunk.js
+++ b/public/2.eb31d7a365d9c3a1b58b.chunk.js
--- a/public/2.eb31d7a365d9c3a1b58b.chunk.js.gz
+++ b/public/2.eb31d7a365d9c3a1b58b.chunk.js.gz
--- a/public/20.28448db75c44d6156d75.chunk.js
+++ b/public/20.28448db75c44d6156d75.chunk.js
@ -0,0 +1 @@
+(this.webpackJsonp=this.webpackJsonp||[]).push([[20],{34:function(e,t,n){"use strict";n.r(t);var a=n(7),o=n(14),u=n(8),i=n(28),c=function(e,t,n,a){return new(n||(n=Promise))((function(o,u){function i(e){try{l(a.next(e))}catch(e){u(e)}}function c(e){try{l(a.throw(e))}catch(e){u(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}l((a=a.apply(e,t||[])).next())}))};const l=new i.a("page-chats",!1,()=>(o.default.pushToState("authState",{_:"authStateSignedIn"}),Promise.resolve().then(n.bind(null,9)).then(e=>{e.default.broadcast("im_mount")}),u.default.requestedServerLanguage||u.default.getCacheLangPack().then(e=>{e.local&&u.default.getLangPack(e.lang_code)}),Object(a.c)(),new Promise(e=>{window.requestAnimationFrame(()=>{Promise.all([n.e(3),n.e(10)]).then(n.bind(null,65)).finally(()=>c(void 0,void 0,void 0,(function*(){e()})))})})));t.default=l}}]);
--- a/public/24db672b71bab921b1b3.worker.js
+++ b/public/24db672b71bab921b1b3.worker.js
--- a/public/24db672b71bab921b1b3.worker.js.gz
+++ b/public/24db672b71bab921b1b3.worker.js.gz
--- a/public/3.c4d405295cd2572a8dc7.chunk.js
+++ b/public/3.c4d405295cd2572a8dc7.chunk.js
--- a/public/3.c4d405295cd2572a8dc7.chunk.js.gz
+++ b/public/3.c4d405295cd2572a8dc7.chunk.js.gz
--- a/public/3.cb026d2f505d7c872901.chunk.js
+++ b/public/3.cb026d2f505d7c872901.chunk.js
--- a/public/3.cb026d2f505d7c872901.chunk.js.gz
+++ b/public/3.cb026d2f505d7c872901.chunk.js.gz
--- a/public/4.86405150c9479dbdb633.chunk.js
+++ b/public/4.86405150c9479dbdb633.chunk.js
--- a/public/4.86405150c9479dbdb633.chunk.js.gz
+++ b/public/4.86405150c9479dbdb633.chunk.js.gz
--- a/public/4.bef456188752719dd419.chunk.js
+++ b/public/4.bef456188752719dd419.chunk.js
--- a/public/4.bef456188752719dd419.chunk.js.gz
+++ b/public/4.bef456188752719dd419.chunk.js.gz
--- a/public/5.577bc5221d60a8a8562b.chunk.js.gz
+++ b/public/5.577bc5221d60a8a8562b.chunk.js.gz
--- a/public/5.b3efa29531b3cff3f09e.chunk.js
+++ b/public/5.b3efa29531b3cff3f09e.chunk.js
@ -1 +1 @@
-(this.webpackJsonp=this.webpackJsonp||[]).push([[6],{93:function(e,n,o){"use strict";o.r(n);n.default={"Login.Title":"Sign in to Telegram","Login.CountrySelectorLabel":"Country","Login.PhoneLabel":"Phone Number","Login.PhoneLabelInvalid":"Phone Number Invalid","Login.KeepSigned":"Keep me signed in","Login.StartText":"Please confirm your country and\nenter your phone number.","Login.Code.SentSms":"We have sent you an SMS\nwith the code.","Login.Code.SentInApp":"We have sent you a message in Telegram\nwith the code.","Login.Code.SentCall":"We will call you and voice\nthe code.","Login.Code.SentUnknown":"Please check everything\nfor a code (type: %s)","Login.Password.Title":"Enter Your Password","Login.Password.Subtitle":"Your account is protected with\nan additional password","Login.Register.Subtitle":"Enter your name and add\na profile picture",PleaseWait:"Please wait...",Code:"Code",LoginPassword:"Password",YourName:"Your Name",FirstName:"First name (required)",LastName:"Last name (optional)",StartMessaging:"Start Messaging","Login.Next":"Next","Login.ContinueOnLanguage":"Continue in English","Login.QR.Title":"Log in to Telegram by QR Code","Login.QR.Help1":"Open Telegram on your phone","Login.QR.Help2":"Go to **Settings** > **Devices** > **Scan QR**","Login.QR.Help3":"Point your phone at this screen to confirm login","Login.QR.Cancel":"Log in by phone Number","Login.QR.Login":"Log in by QR Code",PHONE_CODE_INVALID:"Invalid code",PHONE_CODE_EXPIRED:"Code expired",PASSWORD_HASH_INVALID:"Incorrect password"}}}]);
+(this.webpackJsonp=this.webpackJsonp||[]).push([[5],{94:function(e,n,o){"use strict";o.r(n);n.default={"Login.Title":"Sign in to Telegram","Login.CountrySelectorLabel":"Country","Login.PhoneLabel":"Phone Number","Login.PhoneLabelInvalid":"Phone Number Invalid","Login.KeepSigned":"Keep me signed in","Login.StartText":"Please confirm your country and\nenter your phone number.","Login.Code.SentSms":"We have sent you an SMS\nwith the code.","Login.Code.SentInApp":"We have sent you a message in Telegram\nwith the code.","Login.Code.SentCall":"We will call you and voice\nthe code.","Login.Code.SentUnknown":"Please check everything\nfor a code (type: %s)","Login.Password.Title":"Enter Your Password","Login.Password.Subtitle":"Your account is protected with\nan additional password","Login.Register.Subtitle":"Enter your name and add\na profile picture",PleaseWait:"Please wait...",Code:"Code",LoginPassword:"Password",YourName:"Your Name",FirstName:"First name (required)",LastName:"Last name (optional)",StartMessaging:"Start Messaging","Login.Next":"Next","Login.ContinueOnLanguage":"Continue in English","Login.QR.Title":"Log in to Telegram by QR Code","Login.QR.Help1":"Open Telegram on your phone","Login.QR.Help2":"Go to **Settings** > **Devices** > **Scan QR**","Login.QR.Help3":"Point your phone at this screen to confirm login","Login.QR.Cancel":"Log in by phone Number","Login.QR.Login":"Log in by QR Code",PHONE_CODE_INVALID:"Invalid code",PHONE_CODE_EXPIRED:"Code expired",PASSWORD_HASH_INVALID:"Incorrect password"}}}]);
--- a/public/782dd120bb3d2fd34dfe.worker.js
+++ b/public/782dd120bb3d2fd34dfe.worker.js
--- a/public/782dd120bb3d2fd34dfe.worker.js.gz
+++ b/public/782dd120bb3d2fd34dfe.worker.js.gz
--- a/public/8.457c813abf054af958a0.chunk.js
+++ b/public/8.457c813abf054af958a0.chunk.js
--- a/public/8.457c813abf054af958a0.chunk.js.gz
+++ b/public/8.457c813abf054af958a0.chunk.js.gz
--- a/public/9.db67798e08f8e40bb144.chunk.js
+++ b/public/9.db67798e08f8e40bb144.chunk.js
--- a/public/9.db67798e08f8e40bb144.chunk.js.gz
+++ b/public/9.db67798e08f8e40bb144.chunk.js.gz
--- a/public/9.e00b85df1377f1c05379.chunk.js
+++ b/public/9.e00b85df1377f1c05379.chunk.js
--- a/public/9.e00b85df1377f1c05379.chunk.js.gz
+++ b/public/9.e00b85df1377f1c05379.chunk.js.gz
--- a/public/aeda10c6461aad01822d.worker.js
+++ b/public/aeda10c6461aad01822d.worker.js
--- a/public/assets/fonts/tgico.svg
+++ b/public/assets/fonts/tgico.svg
--- a/public/assets/fonts/tgico.ttf
+++ b/public/assets/fonts/tgico.ttf
--- a/public/assets/fonts/tgico.woff
+++ b/public/assets/fonts/tgico.woff
--- a/public/index.html
+++ b/public/index.html
--- a/public/main.5f9190631315c8def83c.bundle.js
+++ b/public/main.5f9190631315c8def83c.bundle.js
--- a/public/main.c7bfc82745c29346e932.css.gz
+++ b/public/main.c7bfc82745c29346e932.css.gz
--- a/public/main.e094744d88f3e1669e67.bundle.js
+++ b/public/main.e094744d88f3e1669e67.bundle.js
--- a/public/main.e0b6aac0c6cd0d379ecb.css
+++ b/public/main.e0b6aac0c6cd0d379ecb.css
--- a/public/main.e0b6aac0c6cd0d379ecb.css.gz
+++ b/public/main.e0b6aac0c6cd0d379ecb.css.gz
--- a/public/npm.qr-code-styling.f674928dc0f88b883993.chunk.js
+++ b/public/npm.qr-code-styling.f674928dc0f88b883993.chunk.js
--- a/public/npm.qr-code-styling.f674928dc0f88b883993.chunk.js.gz
+++ b/public/npm.qr-code-styling.f674928dc0f88b883993.chunk.js.gz
--- a/src/components/chat/bubbles.ts
+++ b/src/components/chat/bubbles.ts
@ -2912,6 +2912,7 @@ export default class ChatBubbles {

        const setBubbles: HTMLElement[] = [];

+        this.chatInner.classList.add('zoom-fading');
        const delay = isAdditionRender ? 10 : 40;
        const offsetIndex = isAdditionRender ? 0 : 1;
        const animateAsLadder = (mids: number[], offsetIndex = 0) => {
@ -2979,6 +2980,8 @@ export default class ChatBubbles {
              setBubbles.forEach(contentWrapper => {
                contentWrapper.style.transitionDelay = '';
              });
+
+              this.chatInner.classList.remove('zoom-fading');
            });

            // ! в хроме, каким-то образом из-за zoom-fade класса начинает прыгать скролл при подгрузке сообщений вверх, 
--- a/src/components/chat/contextMenu.ts
+++ b/src/components/chat/contextMenu.ts
@ -239,7 +239,7 @@ export default class ChatContextMenu {
      onClick: this.onUnpinClick,
      verify: () => this.message.pFlags.pinned && this.appPeersManager.canPinMessage(this.peerId),
    }, {
-      icon: 'revote',
+      icon: 'checkretract',
      text: 'Chat.Poll.Unvote',
      onClick: this.onRetractVote,
      verify: () => {
--- a/src/components/chat/input.ts
+++ b/src/components/chat/input.ts
@ -288,7 +288,7 @@ export default class ChatInput {
    }

    this.attachMenuButtons = [{
-      icon: 'photo',
+      icon: 'image',
      text: 'Chat.Input.Attach.PhotoOrVideo',
      onClick: () => {
        this.fileInput.value = '';
@ -344,12 +344,12 @@ export default class ChatInput {
    this.recordRippleEl = document.createElement('div');
    this.recordRippleEl.classList.add('record-ripple');

-    this.btnSend = ButtonIcon('none btn-circle z-depth-1 btn-send');
+    this.btnSend = ButtonIcon('none btn-circle z-depth-1 btn-send animated-button-icon');
    this.btnSend.insertAdjacentHTML('afterbegin', `
    <span class="tgico tgico-send"></span>
    <span class="tgico tgico-schedule"></span>
    <span class="tgico tgico-check"></span>
-    <span class="tgico tgico-microphone2"></span>
+    <span class="tgico tgico-microphone"></span>
    `);

    this.btnSendContainer.append(this.recordRippleEl, this.btnSend);
--- a/src/components/chat/markupTooltip.ts
+++ b/src/components/chat/markupTooltip.ts
@ -69,7 +69,7 @@ export default class MarkupTooltip {
      }
    });

-    this.linkBackButton = ButtonIcon('arrow_back', {noRipple: true});
+    this.linkBackButton = ButtonIcon('left', {noRipple: true});
    this.linkInput = document.createElement('input');
    _i18n(this.linkInput, 'MarkupTooltip.LinkPlaceholder', undefined, 'placeholder');
    this.linkInput.classList.add('input-clear');
--- a/src/components/chat/search.ts
+++ b/src/components/chat/search.ts
@ -39,7 +39,7 @@ export default class ChatSearch {
    this.element.classList.add('sidebar-header', 'chat-search', 'chatlist-container');

    this.backBtn = document.createElement('button');
-    this.backBtn.classList.add('btn-icon', 'tgico-arrow_back', 'sidebar-close-button');
+    this.backBtn.classList.add('btn-icon', 'tgico-left', 'sidebar-close-button');
    ripple(this.backBtn);
    
    this.backBtn.addEventListener('click', () => {
--- a/src/components/chat/topbar.ts
+++ b/src/components/chat/topbar.ts
@ -68,7 +68,7 @@ export default class ChatTopbar {
    this.container = document.createElement('div');
    this.container.classList.add('sidebar-header', 'topbar');

-    this.btnBack = ButtonIcon('arrow_back sidebar-close-button', {noRipple: true});
+    this.btnBack = ButtonIcon('left sidebar-close-button', {noRipple: true});

    // * chat info section
    this.chatInfo = document.createElement('div');
--- a/src/components/sidebarLeft/index.ts
+++ b/src/components/sidebarLeft/index.ts
@ -198,7 +198,11 @@ export class AppSidebarLeft extends SidebarSlider {
      text: 'NewPrivateChat',
      onClick: onContactsClick
    }]);
-    this.newBtnMenu.className = 'btn-circle rp btn-corner tgico-newchat_filled btn-menu-toggle';
+    this.newBtnMenu.className = 'btn-circle rp btn-corner btn-menu-toggle animated-button-icon';
+    this.newBtnMenu.insertAdjacentHTML('afterbegin', `
+    <span class="tgico tgico-newchat_filled"></span>
+    <span class="tgico tgico-close"></span>
+    `);
    this.newBtnMenu.id = 'new-menu';
    sidebarHeader.nextElementSibling.append(this.newBtnMenu);

--- a/src/components/sidebarLeft/tabs/editFolder.ts
+++ b/src/components/sidebarLeft/tabs/editFolder.ts
@ -20,6 +20,7 @@ import { ButtonMenuItemOptions } from "../../buttonMenu";
 import Button from "../../button";
 import AppIncludedChatsTab from "./includedChats";
 import { i18n, i18n_, LangPackKey } from "../../../lib/langPack";
+import { SettingSection } from "..";

 const MAX_FOLDER_NAME_LENGTH = 12;

@ -31,8 +32,8 @@ export default class AppEditFolderTab extends SliderSuperTab {
  private menuBtn: HTMLElement;
  private nameInputField: InputField;

-  private include_peers: HTMLElement;
-  private exclude_peers: HTMLElement;
+  private include_peers: SettingSection;
+  private exclude_peers: SettingSection;
  private flags: {[k in 'contacts' | 'non_contacts' | 'groups' | 'broadcasts' | 'bots' | 'exclude_muted' | 'exclude_archived' | 'exclude_read']: HTMLElement} = {} as any;

  private animation: RLottiePlayer;
@ -81,14 +82,14 @@ export default class AppEditFolderTab extends SliderSuperTab {
    inputWrapper.append(this.nameInputField.container);

    const generateList = (className: string, h2Text: LangPackKey, buttons: {icon: string, name?: string, withRipple?: true, text: LangPackKey}[], to: any) => {
-      const container = document.createElement('div');
-      container.classList.add('folder-list', className);
+      const section = new SettingSection({
+        name: h2Text,
+        noDelimiter: true
+      });

-      const h2 = document.createElement('div');
-      h2.classList.add('sidebar-left-h2');
-      i18n_({element: h2, key: h2Text});
+      section.container.classList.add('folder-list', className);

-      const categories = document.createElement('div');
+      const categories = section.generateContentElement();
      categories.classList.add('folder-categories');

      buttons.forEach(o => {
@ -105,9 +106,7 @@ export default class AppEditFolderTab extends SliderSuperTab {
        categories.append(button);
      });

-      container.append(h2, categories);
-
-      return container;
+      return section;
    };

    this.include_peers = generateList('folder-list-included', 'FilterInclude', [{
@ -154,16 +153,16 @@ export default class AppEditFolderTab extends SliderSuperTab {
      name: 'exclude_read'
    }], this.flags);

-    this.scrollable.append(this.stickerContainer, this.caption, inputWrapper, this.include_peers, this.exclude_peers);
+    this.scrollable.append(this.stickerContainer, this.caption, inputWrapper, this.include_peers.container, this.exclude_peers.container);

-    const includedFlagsContainer = this.include_peers.querySelector('.folder-categories');
-    const excludedFlagsContainer = this.exclude_peers.querySelector('.folder-categories');
+    const includedFlagsContainer = this.include_peers.container.querySelector('.folder-categories');
+    const excludedFlagsContainer = this.exclude_peers.container.querySelector('.folder-categories');

-    includedFlagsContainer.firstElementChild.addEventListener('click', () => {
+    includedFlagsContainer.querySelector('.btn').addEventListener('click', () => {
      new AppIncludedChatsTab(this.slider).open(this.filter, 'included', this);
    });

-    excludedFlagsContainer.firstElementChild.addEventListener('click', () => {
+    excludedFlagsContainer.querySelector('.btn').addEventListener('click', () => {
      new AppIncludedChatsTab(this.slider).open(this.filter, 'excluded', this);
    });

@ -264,7 +263,7 @@ export default class AppEditFolderTab extends SliderSuperTab {
    }

    (['include_peers', 'exclude_peers'] as ['include_peers', 'exclude_peers']).forEach(key => {
-      const container = this[key];
+      const section = this[key];
      const ul = appDialogsManager.createChatList();

      const peers = filter[key].slice();
@ -291,20 +290,17 @@ export default class AppEditFolderTab extends SliderSuperTab {
        }
      };
      
-      container.append(ul);
+      section.generateContentElement().append(ul);

      let showMore: HTMLElement;
      if(peers.length) {
-        showMore = document.createElement('div');
-        showMore.classList.add('show-more', 'rp-overflow');
+        const content = section.generateContentElement();
+        showMore = Button('folder-category-button btn btn-primary btn-transparent', {icon: 'down'});
+        showMore.classList.add('load-more', 'rp-overflow');
        showMore.addEventListener('click', () => renderMore(20));
+        showMore.append(i18n('FilterShowMoreChats', [peers.length]));

-        ripple(showMore);
-        const down = document.createElement('div');
-        down.classList.add('tgico-down');
-        showMore.append(down, i18n('FilterShowMoreChats', [peers.length]));
-
-        container.append(showMore);
+        content.append(showMore);
      }

      renderMore(4);
@ -321,7 +317,7 @@ export default class AppEditFolderTab extends SliderSuperTab {

  setFilter(filter: DialogFilter, firstTime: boolean) {
    // cleanup
-    Array.from(this.container.querySelectorAll('ul, .show-more')).forEach(el => el.remove());
+    Array.from(this.container.querySelectorAll('ul, .load-more')).forEach(el => el.remove());

    if(firstTime) {
      this.originalFilter = filter;
--- a/src/components/sidebarLeft/tabs/generalSettings.ts
+++ b/src/components/sidebarLeft/tabs/generalSettings.ts
@ -74,7 +74,7 @@ export default class AppGeneralSettingsTab extends SliderSuperTab {
        appStateManager.setByKey('settings.messagesTextSize', value);
      };

-      const chatBackgroundButton = Button('btn-primary btn-transparent', {icon: 'photo', text: 'ChatBackground'});
+      const chatBackgroundButton = Button('btn-primary btn-transparent', {icon: 'image', text: 'ChatBackground'});

      attachClickEvent(chatBackgroundButton, () => {
        new AppBackgroundTab(this.slider).open();
--- a/src/components/sidebarLeft/tabs/includedChats.ts
+++ b/src/components/sidebarLeft/tabs/includedChats.ts
@ -17,6 +17,7 @@ import AppEditFolderTab from "./editFolder";
 import { i18n, LangPackKey, _i18n, join } from "../../../lib/langPack";
 import appMessagesManager from "../../../lib/appManagers/appMessagesManager";
 import RichTextProcessor from "../../../lib/richtextprocessor";
+import { SettingSection } from "..";

 export default class AppIncludedChatsTab extends SliderSuperTab {
  private editFolderTab: AppEditFolderTab;
@ -167,12 +168,13 @@ export default class AppIncludedChatsTab extends SliderSuperTab {
    const filter = this.filter;

    const fragment = document.createDocumentFragment();
-    const dd = document.createElement('div');
-    dd.classList.add('sidebar-left-h2');
-    _i18n(dd, 'FilterChatTypes');
-    
-    const categories = document.createElement('div');
-    categories.classList.add('folder-categories');
+
+    const categoriesSection = new SettingSection({
+      noDelimiter: true,
+      name: 'FilterChatTypes'
+    });
+
+    categoriesSection.container.classList.add('folder-categories');

    let details: {[flag: string]: {ico: string, text: LangPackKey}};
    if(this.type === 'excluded') {
@ -198,16 +200,13 @@ export default class AppIncludedChatsTab extends SliderSuperTab {
      button.append(this.checkbox());
      f.append(button);
    }
-    categories.append(f);
+    categoriesSection.content.append(f);

-    const hr = document.createElement('hr');
-    hr.style.margin = '7px 0 9px';
+    const chatsSection = new SettingSection({
+      name: 'FilterChats'
+    });

-    const d = document.createElement('div');
-    d.classList.add('sidebar-left-h2');
-    _i18n(d, 'FilterChats');
-
-    fragment.append(dd, categories, hr, d);
+    fragment.append(categoriesSection.container, chatsSection.container);

    /////////////////

@ -231,14 +230,16 @@ export default class AppIncludedChatsTab extends SliderSuperTab {
      return div;
    };

-    this.selector.list.parentElement.insertBefore(fragment, this.selector.list);
+    const parent = this.selector.list.parentElement;
+    chatsSection.content.append(this.selector.list);
+    parent.append(fragment);

    this.selector.addInitial(selectedPeers);

    for(const flag in filter.pFlags) {
      // @ts-ignore
      if(details.hasOwnProperty(flag) && !!filter.pFlags[flag]) {
-        (categories.querySelector(`[data-peer-id="${flag}"]`) as HTMLElement).click();
+        (categoriesSection.content.querySelector(`[data-peer-id="${flag}"]`) as HTMLElement).click();
      }
    }
  }
--- a/src/components/sliderTab.ts
+++ b/src/components/sliderTab.ts
@ -51,7 +51,7 @@ export default class SliderSuperTab implements SliderTab {
    this.header = document.createElement('div');
    this.header.classList.add('sidebar-header');

-    this.closeBtn = ButtonIcon('arrow_back sidebar-close-button', {noRipple: true});
+    this.closeBtn = ButtonIcon('left sidebar-close-button', {noRipple: true});
    this.title = document.createElement('div');
    this.title.classList.add('sidebar-header__title');
    this.header.append(this.closeBtn, this.title);
--- a/src/index.hbs
+++ b/src/index.hbs
@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" class="nights">
+<html lang="en">

 <head>
  <meta charset="utf-8">
--- a/src/lib/appManagers/appProfileManager.ts
+++ b/src/lib/appManagers/appProfileManager.ts
@ -557,7 +557,7 @@ export class AppProfileManager {
      div.innerHTML = '';
      div.dataset.color = '';
      div.classList.add('tgico-saved');
-      div.classList.remove('tgico-avatar_deletedaccount');
+      div.classList.remove('tgico-deletedaccount');
      return;
    }

@ -566,7 +566,7 @@ export class AppProfileManager {
      if(user && user.pFlags && user.pFlags.deleted) {
        div.innerHTML = '';
        div.dataset.color = appPeersManager.getPeerColorById(peerId);
-        div.classList.add('tgico-avatar_deletedaccount');
+        div.classList.add('tgico-deletedaccount');
        div.classList.remove('tgico-saved');
        return;
      }
@ -579,7 +579,7 @@ export class AppProfileManager {
      }
      
      div.innerHTML = '';
-      div.classList.remove('tgico-saved', 'tgico-avatar_deletedaccount');
+      div.classList.remove('tgico-saved', 'tgico-deletedaccount');
      div.dataset.color = color;

      let abbr: string;
--- a/src/scss/partials/_animatedIcon.scss
+++ b/src/scss/partials/_animatedIcon.scss
@ -95,3 +95,20 @@
    }
  }
 }
+
+.animated-button-icon {
+  > .tgico {
+    position: absolute;
+    height: 24px;
+    line-height: 24px;
+    
+    body:not(.animation-level-0) & {
+      animation: hide-icon .4s forwards ease-in-out;
+    }
+
+    @include animation-level(0) {
+      visibility: hidden;
+      animation: none !important;
+    }
+  }
+}
--- a/src/scss/partials/_avatar.scss
+++ b/src/scss/partials/_avatar.scss
@ -69,11 +69,11 @@ avatar-element {
    font-size: calc(21px / var(--multiplier)) !important; // ! IMPORTANT IS TEMPORARY
  }

-  &.tgico-savedmessages:before {
+  /* &.tgico-savedmessages:before {
    font-size: calc(25px / var(--multiplier));
-  }
+  } */

-  &.tgico-avatar_deletedaccount:before {
+  &.tgico-deletedaccount:before {
    font-size: calc(54px / var(--multiplier));
  }

--- a/src/scss/partials/_button.scss
+++ b/src/scss/partials/_button.scss
@ -243,9 +243,9 @@
    font-size: .875rem;
    cursor: default;

-    &-text {
+    /* &-text {
      margin-top: -.125rem;
-    }
+    } */
  }
 }

--- a/src/scss/partials/_chat.scss
+++ b/src/scss/partials/_chat.scss
@ -23,25 +23,20 @@ $chat-helper-size: 39px;
 	max-width: 100%;
 	padding-top: .25rem;
 	flex-direction: column;
-	flex: 0 0 auto; /* Forces side columns to stay same width */
+	flex: 0 0 auto;
 	position: relative;
-	//overflow: hidden;
-	transition: transform var(--layer-transition);
+	transition: transform var(--transition-standard-out);
 	transform: translateY(var(--translateY));

 	body.animation-level-0 & {
 		transition: none;
 	}

-	//display: none !important;
-
 	/* // * for no ESG top
 	flex: 1 1 auto;
 	height: calc(100% - 56px); */

 	@include respond-to(esg-top) {
-		/* flex: 0 0 auto;
-		height: auto; */
 		max-width: var(--messages-container-width) !important;
 	}

@ -55,15 +50,16 @@ $chat-helper-size: 39px;

 	@include respond-to(medium-screens) {
 		width: calc(100% - var(--right-column-width)) !important;
-		//transition: transform var(--layer-transition);

 		body.is-right-column-shown & {
+			transition: transform var(--transition-standard-in);
 			transform: translate3d(calc(var(--right-column-width) / -2), var(--translateY), 0) !important;
 		}
 	}

 	&.is-hidden {
 		--translateY: 100%;
+		transition: transform var(--transition-standard-in);
 		transform: translate3d(0, var(--translateY), 0) !important;
 		position: absolute !important;
 		bottom: 0;
@ -227,20 +223,6 @@ $chat-helper-size: 39px;
 		color: var(--secondary-text-color);
 		z-index: 3;

-		> .tgico {
-			position: absolute;
-			height: 24px;
-			
-			body:not(.animation-level-0) & {
-				animation: hide-icon .4s forwards ease-in-out;
-			}
-
-			@include animation-level(0) {
-				visibility: hidden;
-				animation: none !important;
-			}
-		}
-
 		.tgico-send {
 			color: var(--primary-color) !important;
 		}
@ -267,7 +249,7 @@ $chat-helper-size: 39px;
 		}

 		&.send .tgico-send, 
-		&.record .tgico-microphone2,
+		&.record .tgico-microphone,
 		&.edit .tgico-check,
 		&.schedule .tgico-schedule {
 			animation: grow-icon .4s forwards ease-in-out !important;
@ -600,10 +582,11 @@ $chat-helper-size: 39px;
 			background-color: inherit;

 			@include animation-level(2) {
-				transition: opacity var(--layer-transition);
+				transition: opacity var(--transition-standard-out);
 				opacity: 0;
-
+				
 				&.is-visible:not(.backwards) {
+					transition: opacity var(--transition-standard-in);
 					opacity: 1;
 				}
 			}
@ -614,11 +597,12 @@ $chat-helper-size: 39px;
 					margin: -16.5rem 0 -20rem 0;
 					transform: scale(1);
 					transform-origin: left center;
-					transition: transform var(--layer-transition), opacity var(--layer-transition);
+					transition: transform var(--transition-standard-out), opacity var(--transition-standard-out) !important;
 				}

 				body.animation-level-2.is-right-column-shown & {
 					transform: scale(.666666667);
+					transition: transform var(--transition-standard-in), opacity var(--transition-standard-in) !important;
 				}
 			}
 		}
@ -955,7 +939,7 @@ $chat-helper-size: 39px;
 	position: relative;

 	transform: translateY(var(--translateY));
-	transition: transform var(--layer-transition);
+	transition: transform var(--transition-standard-out);

 	body.animation-level-0 & {
 		transition: none;
@ -981,6 +965,7 @@ $chat-helper-size: 39px;
 	// }

 	.chat.type-chat &.is-chat-input-hidden.is-selecting:not(.backwards) {
+		transition: transform var(--transition-standard-in);
 		--translateY: -78px;

 		@include respond-to(handhelds) {
@ -988,6 +973,7 @@ $chat-helper-size: 39px;
 		}

 		.bubbles-inner {
+			transition: transform var(--transition-standard-in);
 			transform: translateY(calc(var(--translateY) * -1));
 			//margin-top: $chat-helper-size;
 			//transition: none;
@ -1005,14 +991,13 @@ $chat-helper-size: 39px;
 		> .scrollable {
 			height: auto;
 			display: block;
-			/* margin-bottom: 0;
-			transition: margin-bottom var(--layer-transition) */
 		}
 	//}

 	// ! WARNING, НЕЛЬЗЯ СТАВИТЬ ТРАНСФОРМ КРОМЕ TRANSLATEZ(0) НА БЛОК С OVERFLOW, ОН БУДЕТ ПРЫГАТЬ ВВЕРХ ПРИ ВКЛЮЧЕННОМ ПРАВИЛЕ И ЭТО НЕ ИСПРАВИТЬ JS'ОМ!
 	@include respond-to(medium-screens) {
 		body.is-right-column-shown & {
+			transition: transform var(--transition-standard-in);
 			transform: translate3d(calc(var(--right-column-width) / -2), var(--translateY), 0);
 		}
 	}
@ -1082,7 +1067,7 @@ $chat-helper-size: 39px;

 	//padding-top: 10000px;

-	transition: transform var(--layer-transition);
+	transition: transform var(--transition-standard-out);
 	transform: translateY(0);
 	/* transition: margin-top var(--layer-transition);
 	transition-delay: .2s; */
@ -1144,8 +1129,8 @@ $chat-helper-size: 39px;
 		opacity: 0.99999 !important; // 0.99999 сделано для сафари, т.к. без этого будет прыжок при скролле в самом низу или верху

 		html.is-safari & {
+			transition: transform var(--transition-standard-in);
 			transform: translateY(calc(var(--translateY) * -1));
-			//transition: transform var(--layer-transition); 
 		}
 	}
 }
--- a/src/scss/partials/_chatBubble.scss
+++ b/src/scss/partials/_chatBubble.scss
@ -672,15 +672,18 @@ $bubble-margin: .25rem;
      }

      &.animating {
-        transition: border-radius var(--layer-transition);
+        transition: border-radius var(--transition-standard-out);

        .album-item-media {
-          transition: transform var(--layer-transition), border-radius var(--layer-transition);
+          transition: transform var(--transition-standard-out), border-radius var(--transition-standard-out);
        }
      }

      &:not(.backwards) {
+        transition: border-radius var(--transition-standard-in);
+        
        .album-item-media {
+          transition: transform var(--transition-standard-in), border-radius var(--transition-standard-in);
          transform: scale(.883333);
        }

@ -1566,11 +1569,15 @@ $bubble-margin: .25rem;
  opacity: 1;
  
  @include animation-level(2) {
-    transition: transform var(--layer-transition), opacity var(--layer-transition);
+    transition: transform var(--transition-standard-out), opacity var(--transition-standard-out);
+  }
+
+  .bubbles-inner.zoom-fading & {
+    transition: transform var(--transition-standard-in), opacity var(--transition-standard-in);
+    //transition: transform 10s ease-in-out, opacity 10s ease-in-out;
  }

  &.zoom-fade /* .bubble-content */ {
-    //transform: scale(.8) translateZ(0);
    transform: scale3d(.8, .8, 1) translateX(0);
    //transform: scale(.8) translateX(0);
    opacity: 0;
@ -1594,7 +1601,7 @@ $bubble-margin: .25rem;
    .bubbles.is-selecting & {
      transform: scale3d(1, 1, 1);
      transform-origin: bottom;
-      transition: transform var(--layer-transition);
+      transition: transform var(--transition-standard-out);

      body.animation-level-0 & {
        transition: none;
@ -1603,6 +1610,7 @@ $bubble-margin: .25rem;

    .bubbles.is-selecting:not(.backwards) & {
      transform: scale3d(.76, .76, 1);
+      transition: transform var(--transition-standard-in);
    }

    // @include respond-to(handhelds) {
@ -1789,22 +1797,23 @@ $bubble-margin: .25rem;
    }

    &-wrapper {
-      @include respond-to(not-handhelds) {
-        transform: translateX(calc((var(--chat-input-size) + #{$btn-send-margin}) * -1));
+      @include respond-to(medium-screens) {
+        transform: scale(1) translateX(calc((var(--chat-input-size) + #{$btn-send-margin}) * -1));

-        @include respond-to(no-floating-left-sidebar) {
+        &.zoom-fade {
+          transform: scale3d(.8, .8, 1) translateX(calc((var(--chat-input-size) + #{$btn-send-margin}) * -1));
+        }
+
+        //@include respond-to(no-floating-left-sidebar) {
          body.is-right-column-shown & {
-            transform: translateX(0);
+            transition: transform var(--transition-standard-in), opacity var(--transition-standard-in);
+            transform: scale(1) translateX(0);
  
            &.zoom-fade {
              transform: scale3d(.8, .8, 1) translateX(0);
            }
          }
-        }
-  
-        &.zoom-fade {
-          transform: scale3d(.8, .8, 1) translateX(calc((var(--chat-input-size) + #{$btn-send-margin}) * -1));
-        }
+        //}
      }
    }
  }
--- a/src/scss/partials/_chatTopbar.scss
+++ b/src/scss/partials/_chatTopbar.scss
@ -157,10 +157,11 @@
    padding-right: inherit; */

 		@include respond-to(medium-screens) {
-			transition: transform var(--layer-transition);
+			transition: transform var(--transition-standard-out);
 	
 			body.is-right-column-shown & {
 				transform: translate3d(calc(var(--right-column-width) * -1), 0, 0);
+				transition: transform var(--transition-standard-in);
 			}

 			body.animation-level-0 & {
--- a/src/scss/partials/_checkbox.scss
+++ b/src/scss/partials/_checkbox.scss
@ -95,7 +95,7 @@

  .checkbox-caption {
    position: relative;
-    padding-left: 3.3125rem;
+    padding-left: 3.375rem;
    cursor: pointer;
    display: inline-block;
    min-height: 24px;
@ -329,14 +329,14 @@
    position: relative;
    display: flex;
    align-items: center;
-    transition: background-color .2s;
+    transition: background-color .1s;
    margin: 0 var(--offset);

    &:before {
      width: 1.25rem;
      height: 1.25rem;
      border: 2px solid var(--secondary-color);
-      transition: border-color .2s, transform .2s;
+      transition: border-color .1s, transform .1s;
      background-color: var(--surface-color);
      content: " ";
      transform: translateX(calc(var(--offset) * -1));
--- a/src/scss/partials/_fonts.scss
+++ b/src/scss/partials/_fonts.scss
@ -9,9 +9,9 @@
@font-face {
  font-family: "#{$tgico-font-family}";
  src:
-    url('#{$tgico-font-path}/#{$tgico-font-family}.ttf?xc1ll') format('truetype'),
-    url('#{$tgico-font-path}/#{$tgico-font-family}.woff?xc1ll') format('woff'),
-    url('#{$tgico-font-path}/#{$tgico-font-family}.svg?xc1ll#tgico') format('svg');
+    url('#{$tgico-font-path}/#{$tgico-font-family}.ttf?cbcfst') format('truetype'),
+    url('#{$tgico-font-path}/#{$tgico-font-family}.woff?cbcfst') format('woff'),
+    url('#{$tgico-font-path}/#{$tgico-font-family}.svg?cbcfst#tgico') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
@ -87,11 +87,6 @@
    content: $tgico-archive; 
  }
 }
-.tgico-arrow_back {
-  &:before {
-    content: $tgico-arrow_back; 
-  }
-}
 .tgico-arrow_down {
  &:before {
    content: $tgico-arrow_down; 
@ -257,6 +252,11 @@
    content: $tgico-delete_filled; 
  }
 }
+.tgico-deletedaccount {
+  &:before {
+    content: $tgico-deletedaccount; 
+  }
+}
 .tgico-deleteleft {
  &:before {
    content: $tgico-deleteleft; 
@ -482,11 +482,6 @@
    content: $tgico-microphone; 
  }
 }
-.tgico-microphone2 {
-  &:before {
-    content: $tgico-microphone2; 
-  }
-}
 .tgico-minus {
  &:before {
    content: $tgico-minus; 
@ -547,16 +542,6 @@
    content: $tgico-nosound; 
  }
 }
-.tgico-notificationsoff {
-  &:before {
-    content: $tgico-notificationsoff; 
-  }
-}
-.tgico-notificationson {
-  &:before {
-    content: $tgico-notificationson; 
-  }
-}
 .tgico-passwordoff {
  &:before {
    content: $tgico-passwordoff; 
@ -577,11 +562,6 @@
    content: $tgico-phone; 
  }
 }
-.tgico-photo {
-  &:before {
-    content: $tgico-photo; 
-  }
-}
 .tgico-pin {
  &:before {
    content: $tgico-pin; 
@ -652,11 +632,6 @@
    content: $tgico-reply; 
  }
 }
-.tgico-revote {
-  &:before {
-    content: $tgico-revote; 
-  }
-}
 .tgico-saved {
  &:before {
    content: $tgico-saved; 
@ -797,11 +772,6 @@
    content: $tgico-username; 
  }
 }
-.tgico-write {
-  &:before {
-    content: $tgico-write; 
-  }
-}
 .tgico-zoomin {
  &:before {
    content: $tgico-zoomin; 
--- a/src/scss/partials/_ico.scss
+++ b/src/scss/partials/_ico.scss
@ -29,40 +29,40 @@ $tgico-admin: "\e906";
 $tgico-animals: "\e907";
 $tgico-animations: "\e908";
 $tgico-archive: "\e909";
-$tgico-arrow_back: "\e90a";
-$tgico-arrow_down: "\e90b";
-$tgico-arrow_next: "\e90c";
-$tgico-attach: "\e90d";
-$tgico-bold: "\e90e";
-$tgico-botcom: "\e90f";
-$tgico-bots: "\e910";
-$tgico-bug: "\e911";
-$tgico-calendar: "\e912";
-$tgico-calendarfilter: "\e913";
-$tgico-camera: "\e914";
-$tgico-cameraadd: "\e915";
-$tgico-car: "\e916";
-$tgico-channel: "\e917";
-$tgico-channelviews: "\e918";
-$tgico-chatspinned: "\e919";
-$tgico-chatsplaceholder: "\e91a";
-$tgico-check1: "\e91b";
-$tgico-checkbox: "\e91c";
-$tgico-checkboxblock: "\e91d";
-$tgico-checkboxempty: "\e91e";
-$tgico-checkboxon: "\e91f";
-$tgico-checkretract: "\e920";
-$tgico-checkround: "\e921";
-$tgico-close: "\e922";
-$tgico-clouddownload: "\e923";
-$tgico-colorize: "\e924";
-$tgico-comments: "\e925";
-$tgico-commentssticker: "\e926";
-$tgico-copy: "\e927";
-$tgico-darkmode: "\e928";
-$tgico-data: "\e929";
-$tgico-delete: "\e92a";
-$tgico-delete_filled: "\e92b";
+$tgico-arrow_down: "\e90a";
+$tgico-arrow_next: "\e90b";
+$tgico-attach: "\e90c";
+$tgico-bold: "\e90d";
+$tgico-botcom: "\e90e";
+$tgico-bots: "\e90f";
+$tgico-bug: "\e910";
+$tgico-calendar: "\e911";
+$tgico-calendarfilter: "\e912";
+$tgico-camera: "\e913";
+$tgico-cameraadd: "\e914";
+$tgico-car: "\e915";
+$tgico-channel: "\e916";
+$tgico-channelviews: "\e917";
+$tgico-chatspinned: "\e918";
+$tgico-chatsplaceholder: "\e919";
+$tgico-check1: "\e91a";
+$tgico-checkbox: "\e91b";
+$tgico-checkboxblock: "\e91c";
+$tgico-checkboxempty: "\e91d";
+$tgico-checkboxon: "\e91e";
+$tgico-checkretract: "\e91f";
+$tgico-checkround: "\e920";
+$tgico-close: "\e921";
+$tgico-clouddownload: "\e922";
+$tgico-colorize: "\e923";
+$tgico-comments: "\e924";
+$tgico-commentssticker: "\e925";
+$tgico-copy: "\e926";
+$tgico-darkmode: "\e927";
+$tgico-data: "\e928";
+$tgico-delete: "\e929";
+$tgico-delete_filled: "\e92a";
+$tgico-deletedaccount: "\e92b";
 $tgico-deleteleft: "\e92c";
 $tgico-deleteuser: "\e92d";
 $tgico-devices: "\e92e";
@ -108,69 +108,63 @@ $tgico-menu: "\e955";
 $tgico-message: "\e956";
 $tgico-messageunread: "\e957";
 $tgico-microphone: "\e958";
-$tgico-microphone2: "\e959";
-$tgico-minus: "\e95a";
-$tgico-monospace: "\e95b";
-$tgico-more: "\e95c";
-$tgico-mute: "\e95d";
-$tgico-muted: "\e95e";
-$tgico-newchannel: "\e95f";
-$tgico-newchat_filled: "\e960";
-$tgico-newgroup: "\e961";
-$tgico-newprivate: "\e962";
-$tgico-next: "\e963";
-$tgico-noncontacts: "\e964";
-$tgico-nosound: "\e965";
-$tgico-notificationsoff: "\e966";
-$tgico-notificationson: "\e967";
-$tgico-passwordoff: "\e968";
-$tgico-pause: "\e969";
-$tgico-permissions: "\e96a";
-$tgico-phone: "\e96b";
-$tgico-photo: "\e96c";
-$tgico-pin: "\e96d";
-$tgico-pinlist: "\e96e";
-$tgico-pinned_filled: "\e96f";
-$tgico-pinnedchat: "\e970";
-$tgico-play: "\e971";
-$tgico-plus: "\e972";
-$tgico-poll: "\e973";
-$tgico-previous: "\e974";
-$tgico-radiooff: "\e975";
-$tgico-radioon: "\e976";
-$tgico-readchats: "\e977";
-$tgico-recent: "\e978";
-$tgico-replace: "\e979";
-$tgico-reply: "\e97a";
-$tgico-revote: "\e97b";
-$tgico-saved: "\e97c";
-$tgico-savedmessages: "\e97d";
-$tgico-schedule: "\e97e";
-$tgico-scheduled: "\e97f";
-$tgico-search: "\e980";
-$tgico-select: "\e981";
-$tgico-send: "\e982";
-$tgico-send2: "\e983";
-$tgico-sending: "\e984";
-$tgico-sendingerror: "\e985";
-$tgico-settings: "\e986";
-$tgico-smallscreen: "\e987";
-$tgico-smile: "\e988";
-$tgico-sport: "\e989";
-$tgico-stickers: "\e98a";
-$tgico-stop: "\e98b";
-$tgico-strikethrough: "\e98c";
-$tgico-textedit: "\e98d";
-$tgico-tip: "\e98e";
-$tgico-unarchive: "\e98f";
-$tgico-underline: "\e990";
-$tgico-unlock: "\e991";
-$tgico-unmute: "\e992";
-$tgico-unpin: "\e993";
-$tgico-unread: "\e994";
-$tgico-up: "\e995";
-$tgico-user: "\e996";
-$tgico-username: "\e997";
-$tgico-write: "\e998";
-$tgico-zoomin: "\e999";
-$tgico-zoomout: "\e99a";
+$tgico-minus: "\e959";
+$tgico-monospace: "\e95a";
+$tgico-more: "\e95b";
+$tgico-mute: "\e95c";
+$tgico-muted: "\e95d";
+$tgico-newchannel: "\e95e";
+$tgico-newchat_filled: "\e95f";
+$tgico-newgroup: "\e960";
+$tgico-newprivate: "\e961";
+$tgico-next: "\e962";
+$tgico-noncontacts: "\e963";
+$tgico-nosound: "\e964";
+$tgico-passwordoff: "\e965";
+$tgico-pause: "\e966";
+$tgico-permissions: "\e967";
+$tgico-phone: "\e968";
+$tgico-pin: "\e969";
+$tgico-pinlist: "\e96a";
+$tgico-pinned_filled: "\e96b";
+$tgico-pinnedchat: "\e96c";
+$tgico-play: "\e96d";
+$tgico-plus: "\e96e";
+$tgico-poll: "\e96f";
+$tgico-previous: "\e970";
+$tgico-radiooff: "\e971";
+$tgico-radioon: "\e972";
+$tgico-readchats: "\e973";
+$tgico-recent: "\e974";
+$tgico-replace: "\e975";
+$tgico-reply: "\e976";
+$tgico-saved: "\e977";
+$tgico-savedmessages: "\e978";
+$tgico-schedule: "\e979";
+$tgico-scheduled: "\e97a";
+$tgico-search: "\e97b";
+$tgico-select: "\e97c";
+$tgico-send: "\e97d";
+$tgico-send2: "\e97e";
+$tgico-sending: "\e97f";
+$tgico-sendingerror: "\e980";
+$tgico-settings: "\e981";
+$tgico-smallscreen: "\e982";
+$tgico-smile: "\e983";
+$tgico-sport: "\e984";
+$tgico-stickers: "\e985";
+$tgico-stop: "\e986";
+$tgico-strikethrough: "\e987";
+$tgico-textedit: "\e988";
+$tgico-tip: "\e989";
+$tgico-unarchive: "\e98a";
+$tgico-underline: "\e98b";
+$tgico-unlock: "\e98c";
+$tgico-unmute: "\e98d";
+$tgico-unpin: "\e98e";
+$tgico-unread: "\e98f";
+$tgico-up: "\e990";
+$tgico-user: "\e991";
+$tgico-username: "\e992";
+$tgico-zoomin: "\e993";
+$tgico-zoomout: "\e994";
--- a/src/scss/partials/_leftSidebar.scss
+++ b/src/scss/partials/_leftSidebar.scss
@ -350,8 +350,10 @@
    }

    .btn-corner {
-      &.menu-open:before {
-        content: $tgico-close;
+      &:not(.menu-open) .tgico-newchat_filled, 
+      &.menu-open .tgico-close {
+        animation: grow-icon .4s forwards ease-in-out !important;
+        visibility: visible !important;
      }

      @include respond-to(handhelds) {
@ -486,6 +488,12 @@
  }
 }

+.language-container {
+  .sidebar-left-section {
+    padding-bottom: .5rem;
+  }
+}
+
 .new-group-container {
  .search-group {
    margin-top: .5rem;
@ -493,8 +501,16 @@
 }

 .edit-folder-container {
-  .folder-category-button:nth-child(n+2) {
-    pointer-events: none;
+  .chatlist {
+    padding: 0;
+  }
+
+  .folder-categories {
+    .folder-category-button {
+      &:nth-child(n+2) {
+        pointer-events: none;
+      }
+    }
  }
 }

@ -574,22 +590,16 @@
  }
 }

-.edit-folder-container {
-  .sidebar-left-h2 {
-    padding: 7px 24px 15px 24px;
-
-    @include respond-to(handhelds) {
-      padding: 7px 16px 15px 16px;
-    }
-  }
-}
-
 .chat-folders-container {
  .sidebar-left-section {
    &:not(:last-child) {
      padding-bottom: 0;
    }

+    &:last-child {
+      padding-bottom: .5rem;
+    }
+
    /* &-name {
      padding-top: .5rem;
      padding-bottom: .5rem;
@ -643,28 +653,27 @@
    }
  }

-  .sidebar-left-h2 {
-    padding: 21px 24px 8px;
-
-    @include respond-to(handhelds) {
-      width: 100%;
-      padding: 21px 16px 8px;
-    }
+  .input-wrapper {
+    margin-bottom: .125rem !important;
  }

-  .input-wrapper {
-    margin-bottom: 10px !important;
+  .sidebar-left-section {
+    padding-bottom: 0rem;
+
+    &:last-child {
+      padding-bottom: .5rem;
+    }
  }
 }

 .folder-list {
  li {
-    padding: 9px 11px;
+    padding: 9px 12px;
    height: 50px;
  }

  .user-caption {
-    padding: 3px 28px 6px;
+    padding: 3px 28px 6px 27px;
  }  

  p span {
@ -673,32 +682,14 @@
 }

 .folder-categories {
-  width: 100%;
-
  .checkbox-field {
    position: absolute;
-    right: 1.625rem !important;
-
-    @include respond-to(handhelds) {
-      right: 1rem !important;
-    }
+    right: 1.125rem !important;
  }
 }

 .folder-category-button {
-  display: flex;
-  padding: 0 1.5rem;
-  overflow: hidden;
  height: 50px;
-  border-radius: 0;
-
-  @include respond-to(handhelds) {
-    padding: 0 1.125rem;
-  }
-
-  &:before {
-    color: #797d82;
-  }
 }

 .popup-forward, .included-chatlist-container {
@ -723,16 +714,24 @@
 }

 .included-chatlist-container {
-  .sidebar-left-h2 {
-    padding: 6px 24px 8px 24px;
+  .sidebar-left-section {
+    padding-bottom: 0;

-    @include respond-to(handhelds) {
-      padding: 6px 16px 8px 16px;
+    &:first-child {
+      padding-top: 0;
+    }
+    
+    &:last-child {
+      padding-bottom: .5rem;
+    }
+
+    .chatlist {
+      padding: 0;
    }
  }

  .selector {
-    ul {
+    .chatlist {
      .checkbox {
        margin-top: 10px;
      }
@ -742,10 +741,6 @@
      }
    }
  }
-
-  .folder-category-button {
-    cursor: pointer;
-  }
 }

 .search-group-recent {
@ -875,7 +870,7 @@
      display: flex;
      align-items: center;
      height: 3.5rem;
-      padding: 0 1.1875rem;
+      padding: 0 1.125rem;
    }

    &-disabled {
--- a/src/scss/partials/_rightSidebar.scss
+++ b/src/scss/partials/_rightSidebar.scss
@ -20,7 +20,7 @@

  @include respond-to(not-handhelds) {
    width: var(--right-column-width);
-    transition: transform var(--layer-transition);
+    transition: transform var(--transition-standard-out);
    position: absolute;
    right: 0;
    z-index: 3;
@ -35,6 +35,7 @@
    } */
  
    body.is-right-column-shown:not(.is-left-column-shown) & {
+      transition: transform var(--transition-standard-in);
      transform: translate3d(0, 0, 0);
    }

@ -66,7 +67,7 @@
    flex: 0 0 auto;

    .sidebar-close-button.tgico:before {
-      content: $tgico-arrow_back;
+      content: $tgico-left;

      @include respond-to(not-handhelds) {
        content: $tgico-close;
--- a/src/scss/partials/_selector.scss
+++ b/src/scss/partials/_selector.scss
@ -160,7 +160,7 @@
    }
  }

-  hr {
+  > hr {
    margin: 0;
    padding: 0;
  }
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@ -41,8 +41,14 @@ $chat-padding-handhelds: .5rem;
  --z-below: -1;
  --hover-alpha: #{$hover-alpha};

+  --transition-standard-easing: cubic-bezier(.4, .0, .2, 1);
+  --transition-standard-in-time: .25s;
+  --transition-standard-out-time: .2s;
+  --transition-standard-in: var(--transition-standard-in-time) var(--transition-standard-easing);
+  --transition-standard-out: var(--transition-standard-out-time) var(--transition-standard-easing);
+  
  --pm-transition: .2s ease-in-out;
-  --layer-transition: .2s ease-in-out;
+  --layer-transition: .2s cubic-bezier(.4, .0, .2, 1);
  --slide-header-transition: .4s ease-in-out;
  --tabs-transition: .25s ease-in-out;
  --btn-menu-transition: .2s cubic-bezier(.4, 0, .2, 1);
--- a/design/JS_3/Icons/arrow_back.svg
+++ b/design/JS_3/Icons/arrow_back.svg
@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-  <g fill="none" fill-rule="evenodd">
-    <polygon points="0 0 24 0 24 24 0 24"/>
-    <path fill="#000" fill-rule="nonzero" d="M4.29289322,11.2928932 L11.2928932,4.29289322 C11.6834175,3.90236893 12.3165825,3.90236893 12.7071068,4.29289322 C13.0675907,4.65337718 13.0953203,5.22060824 12.7902954,5.61289944 L12.7071068,5.70710678 L7.414,11 L19,11 C19.5128358,11 19.9355072,11.3860402 19.9932723,11.8833789 L20,12 C20,12.5128358 19.6139598,12.9355072 19.1166211,12.9932723 L19,13 L7.414,13 L12.7071068,18.2928932 C13.0675907,18.6533772 13.0953203,19.2206082 12.7902954,19.6128994 L12.7071068,19.7071068 C12.3466228,20.0675907 11.7793918,20.0953203 11.3871006,19.7902954 L11.2928932,19.7071068 L4.29289322,12.7071068 C3.93240926,12.3466228 3.90467972,11.7793918 4.20970461,11.3871006 L4.29289322,11.2928932 L11.2928932,4.29289322 L4.29289322,11.2928932 Z"/>
-  </g>
-</svg>
--- a/design/JS_3/Icons/deletedaccount.svg
+++ b/design/JS_3/Icons/deletedaccount.svg
@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54">
+  <g fill="none" fill-rule="evenodd">
+    <polygon points="0 0 54 0 54 54 0 54"/>
+    <path fill="#000" fill-rule="nonzero" d="M27,14 C32.5228475,14 37,18.4771525 37,24 L37,38 C37,38.8909049 35.9228581,39.3370716 35.2928932,38.7071068 L33,36.4142136 L30.7071068,38.7071068 C30.3165825,39.0976311 29.6834175,39.0976311 29.2928932,38.7071068 L27,36.4142136 L24.7071068,38.7071068 C24.3165825,39.0976311 23.6834175,39.0976311 23.2928932,38.7071068 L21,36.4142136 L18.7071068,38.7071068 C18.0771419,39.3370716 17,38.8909049 17,38 L17,24 C17,18.4771525 21.4771525,14 27,14 Z M27,16 C22.581722,16 19,19.581722 19,24 L19,35.5857864 L20.2928932,34.2928932 C20.6834175,33.9023689 21.3165825,33.9023689 21.7071068,34.2928932 L24,36.5857864 L26.2928932,34.2928932 C26.6834175,33.9023689 27.3165825,33.9023689 27.7071068,34.2928932 L30,36.5857864 L32.2928932,34.2928932 C32.6834175,33.9023689 33.3165825,33.9023689 33.7071068,34.2928932 L35,35.5857864 L35,24 C35,19.581722 31.418278,16 27,16 Z M23,22 C24.1045695,22 25,22.8954305 25,24 C25,25.1045695 24.1045695,26 23,26 C21.8954305,26 21,25.1045695 21,24 C21,22.8954305 21.8954305,22 23,22 Z M31,22 C32.1045695,22 33,22.8954305 33,24 C33,25.1045695 32.1045695,26 31,26 C29.8954305,26 29,25.1045695 29,24 C29,22.8954305 29.8954305,22 31,22 Z"/>
+  </g>
+</svg>
--- a/design/JS_3/Icons/edit.svg
+++ b/design/JS_3/Icons/edit.svg
@ -1,6 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-  <g fill="none" fill-rule="evenodd">
-    <polygon points="0 0 24 0 24 24 0 24"/>
-    <path fill="#000" fill-rule="nonzero" d="M7.70710678,20.7071068 C7.5195704,20.8946432 7.26521649,21 7,21 L4,21 C3.44771525,21 3,20.5522847 3,20 L3,17 C3,16.7347835 3.10535684,16.4804296 3.29289322,16.2928932 L16.5857864,3 C17.3257272,2.26005924 18.5012114,2.22111499 19.2869988,2.88316725 L19.4142136,3 L21,4.58578644 C21.7399408,5.3257272 21.778885,6.50121136 21.1168328,7.28699879 L21,7.41421356 L7.70710678,20.7071068 Z M5,17.4142136 L5,19 L6.58578644,19 L16.5857864,9 L15,7.41421356 L5,17.4142136 Z M18,4.41421356 L16.414,5.99921356 L18,7.58521356 L19.5857864,6 L18,4.41421356 Z"/>
-  </g>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.4142 3C18.6332 2.21895 17.3668 2.21895 16.5858 3L14.2939 5.29185C14.2936 5.2922 14.2932 5.29255 14.2929 5.29289L13.2929 6.29289L3.29289 16.2929C3.10536 16.4804 3 16.7348 3 17V20C3 20.2652 3.10536 20.5196 3.29289 20.7071C3.48043 20.8946 3.73478 21 4 21H7C7.26522 21 7.51957 20.8946 7.70711 20.7071L17.7071 10.7071L18.7071 9.70711L21 7.41422C21.781 6.63317 21.781 5.36684 21 4.58579L19.4142 3ZM18 7.58579L19.5858 6L18 4.41422L16.4142 6L18 7.58579ZM15 7.41421L14.7071 7.70711L5 17.4142V19H6.58579L16.2929 9.29289L16.5858 9L15 7.41421Z" fill="black"/>
 </svg>
--- a/design/JS_3/Icons/microphone2.svg
+++ b/design/JS_3/Icons/microphone2.svg
@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-  <path d="M19,10 C19.5522847,10 20,10.4477153 20,11 C20,15.0792885 16.9468043,18.445465 13.0009551,18.9379871 L13,22 C13,22.5522847 12.5522847,23 12,23 C11.4871642,23 11.0644928,22.6139598 11.0067277,22.1166211 L11,22 L11.0000487,18.9381123 C7.05371356,18.4460359 4,15.0796344 4,11 C4,10.4477153 4.44771525,10 5,10 C5.55228475,10 6,10.4477153 6,11 C6,14.3137085 8.6862915,17 12,17 C15.3137085,17 18,14.3137085 18,11 C18,10.4477153 18.4477153,10 19,10 Z M12,2 C14.209139,2 16,3.790861 16,6 L16,11 C16,13.209139 14.209139,15 12,15 C9.790861,15 8,13.209139 8,11 L8,6 C8,3.790861 9.790861,2 12,2 Z M12,4 C10.8954305,4 10,4.8954305 10,6 L10,11 C10,12.1045695 10.8954305,13 12,13 C13.1045695,13 14,12.1045695 14,11 L14,6 C14,4.8954305 13.1045695,4 12,4 Z"/>
-</svg>
--- a/design/JS_3/Icons/mute.svg
+++ b/design/JS_3/Icons/mute.svg
@ -1,6 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-  <g fill="none" fill-rule="evenodd">
-    <polygon points="0 0 24 0 24 24 0 24"/>
-    <path fill="#000" fill-rule="nonzero" d="M11,20 L13,20 C13.5522847,20 14,20.4477153 14,21 C14,21.5128358 13.6139598,21.9355072 13.1166211,21.9932723 L13,22 L11,22 C10.4477153,22 10,21.5522847 10,21 C10,20.4871642 10.3860402,20.0644928 10.8833789,20.0067277 L11,20 L13,20 L11,20 Z M3.30352462,2.28241931 C3.6693482,1.92735525 4.23692991,1.908094 4.62462533,2.21893936 L4.71758069,2.30352462 L21.2175807,19.3035246 C21.6022334,19.6998335 21.5927842,20.332928 21.1964754,20.7175807 C20.8306518,21.0726447 20.2630701,21.091906 19.8753747,20.7810606 L19.7824193,20.6964754 L18.127874,18.9919007 L18,18.9999993 L4,18.9999993 C3.23933773,18.9999993 2.77101468,18.1926118 3.11084891,17.5416503 L3.16794971,17.4452998 L5,14.6972244 L5,8.9999993 C5,7.98873702 5.21529462,7.00715088 5.62359521,6.10821117 L3.28241931,3.69647538 C2.89776658,3.3001665 2.90721575,2.66707204 3.30352462,2.28241931 Z M7.00817933,8.71121787 L7,9 L7,14.6972244 C7,15.0356672 6.91413188,15.3676193 6.75167088,15.6624466 L6.66410059,15.8066248 L5.86851709,17 L16.1953186,17 L7.16961011,7.7028948 C7.08210009,8.02986218 7.02771758,8.36725335 7.00817933,8.71121787 Z M12,2 C15.7854517,2 18.8690987,5.00478338 18.995941,8.75935025 L19,9 L19,12 C19,12.5522847 18.5522847,13 18,13 C17.4871642,13 17.0644928,12.6139598 17.0067277,12.1166211 L17,12 L17,9 C17,6.23857625 14.7614237,4 12,4 C11.3902636,4 10.7970241,4.10872043 10.239851,4.31831953 C9.72293204,4.51277572 9.14624852,4.25136798 8.95179232,3.734449 C8.75733613,3.21753002 9.01874387,2.6408465 9.53566285,2.4463903 C10.3171048,2.15242503 11.1488212,2 12,2 Z"/>
-  </g>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 2.5C10.5 1.67157 11.1716 1 12 1C12.8284 1 13.5 1.67157 13.5 2.5C13.5 2.552 13.4974 2.60338 13.4922 2.65402C16.676 3.32116 19.104 6.08055 19.239 9.45524L19.4093 13.7132C19.4608 14.9989 19.8656 16.2456 20.5794 17.3163L21.3321 18.4453C21.5366 18.7522 21.5557 19.1467 21.3817 19.4719C21.3248 19.5781 21.2503 19.6714 21.1629 19.7487L21.7071 20.2929C22.0976 20.6834 22.0976 21.3166 21.7071 21.7071C21.3166 22.0976 20.6834 22.0976 20.2929 21.7071L2.29289 3.70711C1.90237 3.31658 1.90237 2.68342 2.29289 2.29289C2.68342 1.90237 3.31658 1.90237 3.70711 2.29289L6.4738 5.05959C7.49709 3.85392 8.90691 2.98947 10.5078 2.65402C10.5026 2.60338 10.5 2.552 10.5 2.5ZM7.89461 6.4804L17.9585 16.5442C17.6348 15.6655 17.4487 14.7375 17.4109 13.7931L17.2406 9.53517C17.1281 6.72235 14.8151 4.5 12 4.5C10.3415 4.5 8.85727 5.27137 7.89461 6.4804ZM15.1729 18L17.1729 20H3.5C3.13121 20 2.79235 19.797 2.61833 19.4719C2.44431 19.1467 2.46338 18.7522 2.66795 18.4453L3.42062 17.3163C4.1344 16.2456 4.53924 14.9989 4.59067 13.7132L4.76099 9.45523C4.78334 8.89661 4.86851 8.35485 5.00955 7.83665L6.75742 9.58452L6.58908 13.7931C6.52966 15.2785 6.10336 16.7234 5.35166 18H15.1729ZM12 23C13.1 23 14 22.1 14 21H10C10 22.1 10.89 23 12 23Z" fill="black"/>
 </svg>
--- a/design/JS_3/Icons/notificationsoff.svg
+++ b/design/JS_3/Icons/notificationsoff.svg
@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 2.5C10.5 1.67157 11.1716 1 12 1C12.8284 1 13.5 1.67157 13.5 2.5C13.5 2.552 13.4974 2.60338 13.4922 2.65402C16.676 3.32116 19.104 6.08055 19.239 9.45524L19.4093 13.7132C19.4608 14.9989 19.8656 16.2456 20.5794 17.3163L21.3321 18.4453C21.5366 18.7522 21.5557 19.1467 21.3817 19.4719C21.3248 19.5781 21.2503 19.6714 21.1629 19.7487L21.7071 20.2929C22.0976 20.6834 22.0976 21.3166 21.7071 21.7071C21.3166 22.0976 20.6834 22.0976 20.2929 21.7071L2.29289 3.70711C1.90237 3.31658 1.90237 2.68342 2.29289 2.29289C2.68342 1.90237 3.31658 1.90237 3.70711 2.29289L6.4738 5.05959C7.49709 3.85392 8.90691 2.98947 10.5078 2.65402C10.5026 2.60338 10.5 2.552 10.5 2.5ZM7.89461 6.4804L17.9585 16.5442C17.6348 15.6655 17.4487 14.7375 17.4109 13.7931L17.2406 9.53517C17.1281 6.72235 14.8151 4.5 12 4.5C10.3415 4.5 8.85727 5.27137 7.89461 6.4804ZM15.1729 18L17.1729 20H3.5C3.13121 20 2.79235 19.797 2.61833 19.4719C2.44431 19.1467 2.46338 18.7522 2.66795 18.4453L3.42062 17.3163C4.1344 16.2456 4.53924 14.9989 4.59067 13.7132L4.76099 9.45523C4.78334 8.89661 4.86851 8.35485 5.00955 7.83665L6.75742 9.58452L6.58908 13.7931C6.52966 15.2785 6.10336 16.7234 5.35166 18H15.1729ZM12 23C13.1 23 14 22.1 14 21H10C10 22.1 10.89 23 12 23Z" fill="black"/>
-</svg>
--- a/design/JS_3/Icons/notificationson.svg
+++ b/design/JS_3/Icons/notificationson.svg
@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 2.5C10.5 1.67157 11.1716 1 12 1C12.8284 1 13.5 1.67157 13.5 2.5C13.5 2.552 13.4974 2.60338 13.4922 2.65402C16.676 3.32116 19.104 6.08055 19.239 9.45524L19.4093 13.7132C19.4608 14.9989 19.8656 16.2456 20.5794 17.3163L21.3321 18.4453C21.5366 18.7522 21.5557 19.1467 21.3817 19.4719C21.2077 19.797 20.8688 20 20.5 20H3.5C3.13121 20 2.79235 19.797 2.61833 19.4719C2.44431 19.1467 2.46338 18.7522 2.66795 18.4453L3.42062 17.3163C4.1344 16.2456 4.53924 14.9989 4.59068 13.7132L4.76099 9.45523C4.89598 6.08054 7.32399 3.32116 10.5078 2.65402C10.5026 2.60338 10.5 2.552 10.5 2.5ZM12 4.5C9.18493 4.5 6.87191 6.72235 6.75939 9.53517L6.58908 13.7931C6.52966 15.2785 6.10336 16.7234 5.35166 18H18.6483C17.8966 16.7234 17.4703 15.2785 17.4109 13.7931L17.2406 9.53517C17.1281 6.72235 14.8151 4.5 12 4.5ZM12 23C13.1 23 14 22.1 14 21H10C10 22.1 10.89 23 12 23Z" fill="black"/>
-</svg>
--- a/design/JS_3/Icons/photo.svg
+++ b/design/JS_3/Icons/photo.svg
@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-  <g fill="none" fill-rule="evenodd">
-    <polygon points="0 0 24 0 24 24 0 24"/>
-    <path fill="#000" fill-rule="nonzero" d="M19,2 C20.6568542,2 22,3.34314575 22,5 L22,19 C22,20.6568542 20.6568542,22 19,22 L5,22 C3.34314575,22 2,20.6568542 2,19 L2,5 C2,3.34314575 3.34314575,2 5,2 L19,2 Z M8.95903938,14.4653367 L8.89694708,14.4202095 C8.68789701,14.291568 8.42133316,14.3352159 8.26303498,14.5116789 L8.2090719,14.5840012 L4.88033327,19.9929138 L4.93969424,19.9982115 L4.93969424,19.9982115 L12.446,20 L9.05890452,14.5810435 C9.0316623,14.5374559 8.99794603,14.4984621 8.95903938,14.4653367 L8.89694708,14.4202095 L8.95903938,14.4653367 Z M15.6580762,12.1926572 C15.4476303,12.0663122 15.1815603,12.1128758 15.0252035,12.2910614 L14.9720355,12.3639701 L12.551,16.396 L14.803,20 L19,20 C19.5410622,20 19.9817615,19.5702952 19.9994483,19.0335352 L15.8247114,12.3563345 C15.7828678,12.2893847 15.7257647,12.2332952 15.6580762,12.1926572 Z M19,4 L5,4 C4.44771525,4 4,4.44771525 4,5 L4,17.606 L6.50573804,13.5358344 C7.19919591,12.4089238 8.64230264,12.0252274 9.79631538,12.6320827 L9.94511393,12.7168756 C10.2187146,12.885239 10.4567799,13.1044297 10.6467737,13.3619985 L10.7549011,13.5210456 L11.361,14.492 L13.2573282,11.3345145 C13.9384069,10.2000794 15.3772263,9.80060652 16.5378139,10.3947912 L16.6875318,10.4779499 C16.9695672,10.6472749 17.2148477,10.8702509 17.409849,11.1335934 L17.5207081,11.2963367 L20,15.264 L20,5 C20,4.44771525 19.5522847,4 19,4 Z"/>
-  </g>
-</svg>
--- a/Show More
+++ b/Show More
				`@ -1 +0,0 @@`
				(this.webpackJsonp=this.webpackJsonp\|\|[]).push([[13,14,16],{10:function(t,e,s){"use strict";s.d(e,"a",(function(){return r}));const n=s(52).a.debug,i="undefined"!=typeof window?window:self,r=n?i:{};e.b=n,n\|\|(i.sandpitTurtle=()=>{for(let t in r)i[t]=r[t]})},18:function(t,e,s){"use strict";s.r(e),s.d(e,"ripple",(function(){return c}));var n=s(0),i=s(21),r=s(9);let o=0;function c(t,e=(()=>Promise.resolve()),s=null,c=!1){if(t.querySelector(".c-ripple"))return;t.classList.add("rp");let a=document.createElement("div");a.classList.add("c-ripple");let l;t.classList.contains("rp-square")&&a.classList.add("is-square"),t[c?"prepend":"append"](a);const u=(t,n)=>{const r=Date.now(),c=document.createElement("div"),u=o++,h=1e3*+window.getComputedStyle(a).getPropertyValue("--ripple-duration").replace("s","");l=()=>{let t=Date.now()-r;if(t<h){let e=Math.max(h-t,h/2);setTimeout(()=>c.classList.add("hiding"),Math.max(e-h/2,0)),setTimeout(()=>{c.remove(),s&&s(u)},e)}else c.classList.add("hiding"),setTimeout(()=>{c.remove(),s&&s(u)},h/2);i.isTouchSupported\|\|window.removeEventListener("contextmenu",l),l=null,d=!1},e&&e(u),window.requestAnimationFrame(()=>{const e=a.getBoundingClientRect();c.classList.add("c-ripple__circle");const s=t-e.left,i=n-e.top,r=Math.sqrt(Math.pow(Math.abs(i-e.height/2)+e.height/2,2)+Math.pow(Math.abs(s-e.width/2)+e.width/2,2)),o=s-r/2,l=i-r/2;c.style.width=c.style.height=r+"px",c.style.left=o+"px",c.style.top=l+"px",a.append(c)})};let d=!1;if(i.isTouchSupported){let e=()=>{l&&l()};t.addEventListener("touchstart",s=>{if(!r.default.settings.animationsEnabled)return;if(s.touches.length>1\|\|d\|\|["BUTTON","A"].includes(s.target.tagName)&&s.target!==t\|\|Object(n.a)(s.target,"c-ripple")!==a)return;d=!0;let{clientX:i,clientY:o}=s.touches[0];u(i,o),t.addEventListener("touchend",e,{once:!0}),window.addEventListener("touchmove",s=>{s.cancelBubble=!0,s.stopPropagation(),e(),t.removeEventListener("touchend",e)},{once:!0})},{passive:!0})}else t.addEventListener("mousedown",e=>{if(![0,2].includes(e.button))return;if(!r.default.settings.animationsEnabled)return;if("0"===t.dataset.ripple\|\|Object(n.a)(e.target,"c-ripple")!==a\|\|"A"===e.target.tagName)return!1;if(d)return d=!1,!1;let{clientX:s,clientY:i}=e;u(s,i),window.addEventListener("mouseup",l,{once:!0}),window.addEventListener("contextmenu",l,{once:!0})})}},21:function(t,e,s){"use strict";s.r(e),s.d(e,"isTouchSupported",(function(){return n}));const n="ontouchstart"in window\|\|window.DocumentTouch&&document instanceof DocumentTouch},42:function(t,e,s){"use strict";s.d(e,"a",(function(){return n}));class n{constructor(t){this._constructor(t)}_constructor(t=!1){this.reuseResults=t,this.listeners={},this.listenerResults={}}addEventListener(t,e,s){var n;this.listenerResults.hasOwnProperty(t)&&(e(...this.listenerResults[t]),s)\|\|(null!==(n=this.listeners[t])&&void 0!==n?n:this.listeners[t]=[]).push({callback:e,once:s})}removeEventListener(t,e){this.listeners[t]&&this.listeners[t].findAndSplice(t=>t.callback===e)}dispatchEvent(t,...e){this.reuseResults&&(this.listenerResults[t]=e);const s=[],n=this.listeners[t];if(n){n.slice().forEach(i=>{-1!==n.findIndex(t=>t.callback===i.callback)&&(s.push(i.callback(...e)),i.once&&this.removeEventListener(t,i.callback))})}return s}cleanup(){this.listeners={},this.listenerResults={}}}},52:function(t,e,s){"use strict";const n={test:location.search.indexOf("test=1")>0,debug:location.search.indexOf("debug=1")>0,http:!1,ssl:!0,multipleConnections:!0,asServiceWorker:!1};e.a=n},9:function(t,e,s){"use strict";s.r(e),s.d(e,"RootScope",(function(){return r}));var n=s(42),i=s(10);class r extends n.a{constructor(){super(),this._overlayIsActive=!1,this.myId=0,this.idle={isIDLE:!0},this.connectionStatus={},this.broadcast=(t,e)=>{this.dispatchEvent(t,e)},this.on=(t,e,s)=>{super.addEventListener(t,e,s)},this.addEventListener=this.on,this.off=(t,e)=>{super.removeEventListener(t,e)},this.removeEventListener=this.off,this.on("user_auth",t=>{this.myId=t}),this.on("connection_status_change",t=>{const e=t;this.connectionStatus[t.name]=e})}get overlayIsActive(){return this._overlayIsActive}set overlayIsActive(t){this._overlayIsActive=t,this.broadcast("overlay_toggle",t)}}const o=new r;i.a.rootScope=o,e.default=o,o.addEventListener("album_edit",t=>{}),o.addEventListener("album_edit",t=>{})}}]);
				`@ -0,0 +1 @@`
				(this.webpackJsonp=this.webpackJsonp\|\|[]).push([[14,16,18],{10:function(t,e,s){"use strict";s.d(e,"a",(function(){return r}));const n=s(48).a.debug,i="undefined"!=typeof window?window:self,r=n?i:{};e.b=n,n\|\|(i.sandpitTurtle=()=>{for(let t in r)i[t]=r[t]})},17:function(t,e,s){"use strict";s.r(e),s.d(e,"isTouchSupported",(function(){return n}));const n="ontouchstart"in window\|\|window.DocumentTouch&&document instanceof DocumentTouch},20:function(t,e,s){"use strict";s.r(e),s.d(e,"ripple",(function(){return c}));var n=s(1),i=s(17),r=s(9);let o=0;function c(t,e=(()=>Promise.resolve()),s=null,c=!1){if(t.querySelector(".c-ripple"))return;t.classList.add("rp");let a=document.createElement("div");a.classList.add("c-ripple");let l;t.classList.contains("rp-square")&&a.classList.add("is-square"),t[c?"prepend":"append"](a);const u=(t,n)=>{const r=Date.now(),c=document.createElement("div"),u=o++,h=1e3*+window.getComputedStyle(a).getPropertyValue("--ripple-duration").replace("s","");l=()=>{let t=Date.now()-r;if(t<h){let e=Math.max(h-t,h/2);setTimeout(()=>c.classList.add("hiding"),Math.max(e-h/2,0)),setTimeout(()=>{c.remove(),s&&s(u)},e)}else c.classList.add("hiding"),setTimeout(()=>{c.remove(),s&&s(u)},h/2);i.isTouchSupported\|\|window.removeEventListener("contextmenu",l),l=null,d=!1},e&&e(u),window.requestAnimationFrame(()=>{const e=a.getBoundingClientRect();c.classList.add("c-ripple__circle");const s=t-e.left,i=n-e.top,r=Math.sqrt(Math.pow(Math.abs(i-e.height/2)+e.height/2,2)+Math.pow(Math.abs(s-e.width/2)+e.width/2,2)),o=s-r/2,l=i-r/2;c.style.width=c.style.height=r+"px",c.style.left=o+"px",c.style.top=l+"px",a.append(c)})};let d=!1;if(i.isTouchSupported){let e=()=>{l&&l()};t.addEventListener("touchstart",s=>{if(!r.default.settings.animationsEnabled)return;if(s.touches.length>1\|\|d\|\|["BUTTON","A"].includes(s.target.tagName)&&s.target!==t\|\|Object(n.a)(s.target,"c-ripple")!==a)return;d=!0;let{clientX:i,clientY:o}=s.touches[0];u(i,o),t.addEventListener("touchend",e,{once:!0}),window.addEventListener("touchmove",s=>{s.cancelBubble=!0,s.stopPropagation(),e(),t.removeEventListener("touchend",e)},{once:!0})},{passive:!0})}else t.addEventListener("mousedown",e=>{if(![0,2].includes(e.button))return;if(!r.default.settings.animationsEnabled)return;if("0"===t.dataset.ripple\|\|Object(n.a)(e.target,"c-ripple")!==a\|\|"A"===e.target.tagName)return!1;if(d)return d=!1,!1;let{clientX:s,clientY:i}=e;u(s,i),window.addEventListener("mouseup",l,{once:!0}),window.addEventListener("contextmenu",l,{once:!0})})}},43:function(t,e,s){"use strict";s.d(e,"a",(function(){return n}));class n{constructor(t){this._constructor(t)}_constructor(t=!1){this.reuseResults=t,this.listeners={},this.listenerResults={}}addEventListener(t,e,s){var n;this.listenerResults.hasOwnProperty(t)&&(e(...this.listenerResults[t]),s)\|\|(null!==(n=this.listeners[t])&&void 0!==n?n:this.listeners[t]=[]).push({callback:e,once:s})}removeEventListener(t,e){this.listeners[t]&&this.listeners[t].findAndSplice(t=>t.callback===e)}dispatchEvent(t,...e){this.reuseResults&&(this.listenerResults[t]=e);const s=[],n=this.listeners[t];if(n){n.slice().forEach(i=>{-1!==n.findIndex(t=>t.callback===i.callback)&&(s.push(i.callback(...e)),i.once&&this.removeEventListener(t,i.callback))})}return s}cleanup(){this.listeners={},this.listenerResults={}}}},48:function(t,e,s){"use strict";const n={test:location.search.indexOf("test=1")>0,debug:location.search.indexOf("debug=1")>0,http:!1,ssl:!0,multipleConnections:!0,asServiceWorker:!1};e.a=n},9:function(t,e,s){"use strict";s.r(e),s.d(e,"RootScope",(function(){return r}));var n=s(43),i=s(10);class r extends n.a{constructor(){super(),this._overlayIsActive=!1,this.myId=0,this.idle={isIDLE:!0},this.connectionStatus={},this.broadcast=(t,e)=>{this.dispatchEvent(t,e)},this.on=(t,e,s)=>{super.addEventListener(t,e,s)},this.addEventListener=this.on,this.off=(t,e)=>{super.removeEventListener(t,e)},this.removeEventListener=this.off,this.on("user_auth",t=>{this.myId=t}),this.on("connection_status_change",t=>{const e=t;this.connectionStatus[t.name]=e})}get overlayIsActive(){return this._overlayIsActive}set overlayIsActive(t){this._overlayIsActive=t,this.broadcast("overlay_toggle",t)}}const o=new r;i.a.rootScope=o,e.default=o,o.addEventListener("album_edit",t=>{}),o.addEventListener("album_edit",t=>{})}}]);