├── README.md
└── reload-source-code
├── index.html
└── style.css
/README.md:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/reload-source-code/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Document
7 |
8 |
9 |
10 |
11 |
12 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/reload-source-code/style.css:
--------------------------------------------------------------------------------
1 | only screen and (max-width:600px){:root{--right-column-width:100vw;--esg-sticker-size:68px;--chat-input-size:2.875rem;--chat-input-padding:0.5rem;--chat-input-inner-padding:0.25rem}}@media only screen and (max-height:569px){:root{--chat-input-size:2.875rem;--chat-input-inner-padding:0.25rem}}:root{--body-background-color:#fff;--background-color-true:#f4f4f5;--background-color:#fff;--border-color:#dfe1e5;--surface-color:#fff;--scrollbar-color:rgba(0,0,0,0.2);--input-search-background-color:#fff;--input-search-border-color:#dfe1e5;--primary-color:#3390ec;--light-primary-color:rgba(51,144,236,0.08);--dark-primary-color:#157ce1;--primary-text-color:#000;--secondary-color:#c4c9cc;--secondary-text-color:#707579;--light-secondary-text-color:rgba(112,117,121,0.08);--danger-color:#df3f40;--light-danger-color:rgba(223,63,64,0.08);--avatar-color-top:var(--peer-avatar-blue-top);--avatar-color-bottom:var(--peer-avatar-blue-bottom);--chatlist-status-color:var(--avatar-online-color);--chatlist-pinned-color:#a2abb2;--link-color:#00488f;--ripple-color:rgba(0,0,0,0.08);--poll-circle-color:var(--border-color);--message-background-color:var(--surface-color);--message-checkbox-color:#61c642;--message-checkbox-border-color:#fff;--message-secondary-color:var(--secondary-color);--message-out-background-color:#eeffde;--light-message-out-background-color:rgba(238,255,222,0.08);--dark-message-out-background-color:#d9ffb5;--message-out-link-color:var(--link-color);--message-out-primary-color:#4fae4e;--message-out-status-color:var(--message-out-primary-color);--message-out-audio-play-button-color:#fff}:root,html.night{--avatar-online-color:#0ac630;--badge-text-color:#fff}html.night{--body-background-color:#181818;--background-color-true:#181818;--background-color:#212121;--border-color:#0f0f0f;--surface-color:#212121;--scrollbar-color:hsla(0,0%,100%,0.2);--input-search-background-color:#181818;--input-search-border-color:#2f2f2f;--primary-color:#8774e1;--light-primary-color:rgba(135,116,225,0.08);--dark-primary-color:#6a52da;--primary-text-color:#fff;--secondary-color:#707579;--secondary-text-color:#aaa;--light-secondary-text-color:hsla(0,0%,66.7%,0.08);--danger-color:#ff595a;--light-danger-color:rgba(255,89,90,0.08);--avatar-color-top:var(--peer-avatar-violet-top);--avatar-color-bottom:var(--peer-avatar-violet-bottom);--chatlist-status-color:var(--primary-color);--chatlist-pinned-color:var(--secondary-color);--link-color:var(--primary-color);--ripple-color:hsla(0,0%,100%,0.08);--poll-circle-color:#fff;--message-background-color:var(--surface-color);--message-checkbox-color:var(--primary-color);--message-checkbox-border-color:#fff;--message-secondary-color:var(--secondary-color);--message-out-background-color:#8774e1;--light-message-out-background-color:rgba(135,116,225,0.08);--dark-message-out-background-color:#6a52da;--message-out-link-color:#fff;--message-out-primary-color:#fff;--message-out-status-color:hsla(0,0%,100%,0.6);--message-out-audio-play-button-color:var(--message-out-background-color)}
2 | menu-horizontal-div:hover::-webkit-scrollbar-thumb,html:not(.is-safari):not(.is-ios) .scrollable:hover::-webkit-scrollbar-thumb{min-height:5rem;max-height:12.5rem;border-radius:10px;background-color:rgba(0,0,0,.2);background-color:var(--scrollbar-color);-webkit-backdrop-filter:blur(100);backdrop-filter:blur(100);opacity:1}html:not(.is-safari):not(.is-ios) ::-webkit-scrollbar-thumb{opacity:0;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}html:not(.is-safari):not(.is-ios) ::-webkit-scrollbar-button{width:0;height:0;display:none}html:not(.is-safari):not(.is-ios) ::-webkit-scrollbar-corner{background-color:transparent}.no-scrollbar::-webkit-scrollbar,.scrollable-x::-webkit-scrollbar{display:none}.scrollable{width:100%;height:100%;overflow-y:hidden;overflow-x:hidden;max-height:100%;position:absolute;top:0;left:0;bottom:0;right:0;-webkit-overflow-scrolling:touch}.scrollable.scrollable-x{overflow-x:auto;-ms-overflow-style:none}.scrollable.scrollable-y{overflow-y:scroll;-ms-overflow-style:none;transform:translateZ(0)}.scrollable-padding{min-width:100%;height:100%}#search-container .search-group-people .chatlist,.btn-menu-reactions,.menu-horizontal-div{overflow-y:hidden;overflow-x:scroll;max-height:100%;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}@-webkit-keyframes scaleIn{0%{transform:scale(.2)}to{transform:scale(1)}}@keyframes scaleIn{0%{transform:scale(.2)}to{transform:scale(1)}}.selector{width:100%;height:100%;display:flex;flex-direction:column}.selector-search-container{flex:0 0 auto;position:relative;max-height:132px;overflow:hidden}.selector-search-container .scrollable{position:relative;max-height:inherit}.selector-search{padding:0 24px;display:flex;flex-flow:wrap;position:relative}.selector-search-input{border:none;outline:none;flex:1 1 auto}.selector-search .selector-search-input{padding:7px 0 19px}.selector-user{color:var(--primary-text-color);background-color:var(--light-secondary-text-color);font-size:16px;padding:0 17px 0 0;line-height:31px;margin-left:-4px;margin-right:12px;height:32px;margin-bottom:7px;border-radius:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex:0 0 auto;transition:opacity .2s,transform .2s,background-color .2s;max-width:10rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}body.animation-level-0 .selector-user{transition:none}html.no-touch .selector-user:hover{background-color:var(--light-danger-color);cursor:pointer}html.no-touch .selector-user:hover .selector-user-avatar:after{opacity:1;transform:scaleX(-1) rotate(-90deg)}body:not(.animation-level-0) .selector-user.scale-in{-webkit-animation:scaleIn .15s ease forwards;animation:scaleIn .15s ease forwards}body:not(.animation-level-0) .selector-user.scale-out{-webkit-animation:scaleIn .1s ease forwards;animation:scaleIn .1s ease forwards;animation-direction:reverse}.selector-user-avatar{float:left;margin-right:8px;overflow:hidden;position:relative}html.is-safari .selector-user-avatar{-webkit-mask-image:-webkit-radial-gradient(circle,#fff 100%,#000 0)}.selector-user-avatar:after{position:absolute;content:"";left:0;top:0;background-color:var(--danger-color);height:100%;width:100%;z-index:2;font-size:23px;line-height:32px!important;opacity:0;transition:opacity .2s,transform .2s;transform:scaleX(-1) rotate(0deg)}body.animation-level-0 .selector-user-avatar:after{transition:none}.selector .chatlist-container{height:100%;flex:1 1 auto}.selector .chatlist-container .scrollable>:first-child{margin-top:.5rem}.selector .chatlist li{padding-top:.75rem;padding-bottom:.75rem}@media only screen and (max-width:600px){.selector .chatlist li{height:66px;padding-top:9px;padding-bottom:9px}}.selector .chatlist .user-caption{padding-left:.75rem;padding-right:0}.selector .chatlist p{height:24px!important}.selector .chatlist span.user-last-message{font-size:14px}.selector>hr{margin:0;padding:0}.selector .checkbox{margin-top:11px;padding-left:11px}.selector .checkbox-field{margin:0;padding:0;transform:translateY(-50%);top:50%}.selector .checkbox-field:first-child{margin-right:1.6875rem;margin-left:.6875rem}.selector .checkbox-field-round{pointer-events:none;position:absolute;right:1.125rem;--size:1.25rem}.selector .checkbox-field-round .checkbox-box-border{z-index:unset}.selector .checkbox-field-round .checkbox-box-check{--offset:6px}.gifs-masonry{display:flex;flex-wrap:wrap}.gifs-masonry>.gif{flex:1 0 auto;max-width:100%;height:100px;margin:2.5px;cursor:pointer;position:relative}.gifs-masonry>.gif img,.gifs-masonry>.gif video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.gifs-masonry>.gif img{position:absolute;left:0;top:0}.gifs-masonry .preloader-container{z-index:2}.preloader-circular{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;height:100%;transform-origin:center center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.preloader-path{stroke-dasharray:93.6375,124.85;stroke-dashoffset:0;stroke-linecap:round;stroke:#fff;stroke-width:3}.preloader-container{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:54px;height:54px;display:flex;cursor:pointer;overflow:hidden;opacity:0;transform:scale(0)}body:not(.animation-level-0) .preloader-container{transition:opacity .2s ease-in-out,transform .2s ease-in-out}.preloader-container.is-visible:not(.backwards){opacity:1;transform:scale(1)}.preloader-container{--color:#fff}.preloader-container .you-spin-me-round{width:100%;height:100%}.preloader-container .preloader-circular{-webkit-animation:none;animation:none;background-color:rgba(0,0,0,.3);border-radius:50%;width:100%;height:100%}.preloader-container .preloader-path-new{stroke-dasharray:5,149.82;stroke-dashoffset:0;stroke-linecap:round;stroke:var(--color);stroke-width:2}body.animation-level-2 .preloader-container.is-visible.animating .you-spin-me-round,body.animation-level-2 .preloader-container.is-visible:not(.manual) .you-spin-me-round{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}body.animation-level-2 .preloader-container.is-visible.animating .preloader-path-new,body.animation-level-2 .preloader-container.is-visible:not(.manual) .preloader-path-new{transition:stroke-dasharray .2s ease-in-out,stroke-width .2s ease-in-out}.preloader-container.preloader-swing{cursor:default}.preloader-container.preloader-swing .you-spin-me-round{-webkit-animation:rotate 1s linear infinite!important;animation:rotate 1s linear infinite!important}.preloader-container.preloader-swing .preloader-path-new{stroke-dasharray:112.36,149.82}.preloader-container.preloader-swing.preloader-streamable .preloader-path-new{stroke-dasharray:88.95,118.61}.preloader-container .preloader-close,.preloader-container .preloader-download{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;color:var(--color);width:56%;height:56%;opacity:1}body.animation-level-2 .preloader-container .preloader-close,body.animation-level-2 .preloader-container .preloader-download{transition:opacity .2s ease-in-out}.preloader-container .preloader-close path,.preloader-container .preloader-download path{fill:var(--color)}html.no-touch .preloader-container .preloader-close:hover,html.no-touch .preloader-container .preloader-download:hover{background:none}.preloader-container.manual .preloader-close,.preloader-container:not(.manual) .preloader-download{opacity:0}.preloader-container.manual .preloader-path-new{stroke-width:0}.preloader-container .preloader-download{width:1.5rem;height:1.5rem}.preloader-container.preloader-streamable,.preloader-container.preloader-streamable svg{cursor:pointer!important}.preloader-container.preloader-streamable circle{stroke-width:2.5!important}.preloader-container.preloader-streamable:after{content:"";position:absolute;width:.8125rem;height:.8125rem;border-radius:.125rem;background-color:var(--color);left:50%;top:50%;transform:translate(-50%,-50%)}.preloader-container.preloader-transparent .preloader-circular{background-color:transparent}.preloader-container.preloader-bold .preloader-path-new{stroke-width:3.5}.skeleton-avatars .avatar-element{--color-top:var(--secondary-color);--color-bottom:var(--chatlist-pinned-color)}.skeleton-avatars .avatar-element,.skeleton-caption{-webkit-animation:skeleton 1s ease-in-out .5s infinite;animation:skeleton 1s ease-in-out .5s infinite}.skeleton-caption{--skeleton-caption-height:12px;--skeleton-caption-width:120px;display:block;border-radius:.25rem;background-color:var(--secondary-color);height:var(--skeleton-caption-height);width:var(--skeleton-caption-width)}@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-webkit-keyframes dashNew{0%{stroke-dasharray:1,149.82;stroke-dashoffset:0}50%{stroke-dasharray:112.36,149.82;stroke-dashoffset:-38}to{stroke-dasharray:112.36,149.82;stroke-dashoffset:-149.82}}@keyframes dashNew{0%{stroke-dasharray:1,149.82;stroke-dashoffset:0}50%{stroke-dasharray:112.36,149.82;stroke-dashoffset:-38}to{stroke-dasharray:112.36,149.82;stroke-dashoffset:-149.82}}@-webkit-keyframes dashNewStreamable{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-237%}}@keyframes dashNewStreamable{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-237%}}@-webkit-keyframes skeleton{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes skeleton{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.rp{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn-corner.rp .c-ripple,.btn-menu-toggle.rp .c-ripple,.menu-horizontal-div-item.rp .c-ripple,.rp-overflow .c-ripple{width:100%;height:100%;overflow:hidden;border-radius:inherit}.btn-corner.rp .c-ripple__circle,.btn-menu-toggle.rp .c-ripple__circle,.menu-horizontal-div-item.rp .c-ripple__circle,.rp-overflow .c-ripple__circle{overflow:hidden}.c-ripple{--ripple-duration:.7s;position:absolute;top:0;left:0;bottom:0;right:0}html.is-safari .c-ripple:not(:empty){-webkit-mask-image:-webkit-radial-gradient(circle,#fff 100%,#000 0);border-radius:inherit}.c-ripple__circle{background-color:var(--ripple-color);display:block;position:absolute;transform:scale(0);border-radius:50%;-webkit-animation:ripple-effect .7s forwards;animation:ripple-effect .7s forwards;transition:opacity .35s,background-color .35s;pointer-events:none}.btn-menu .c-ripple__circle,.c-ripple.is-square .c-ripple__circle{-webkit-animation-name:ripple-effect-handhelds;animation-name:ripple-effect-handhelds;-webkit-animation-duration:.2s;animation-duration:.2s;transition-duration:.1s}.btn-menu .c-ripple,.c-ripple.is-square{--ripple-duration:.2s}.c-ripple__circle.hiding,.c-ripple__square.hiding{opacity:0}@media only screen and (max-width:925px){.chatlist-container ul li>.rp .c-ripple{--ripple-duration:.2s}.chatlist-container ul li>.rp .c-ripple__circle{-webkit-animation-name:ripple-effect-handhelds;animation-name:ripple-effect-handhelds;-webkit-animation-duration:.2s;animation-duration:.2s;transition-duration:.1s}}@-webkit-keyframes ripple-effect{0%{transform:scale(0)}to{transform:scale(2)}}@keyframes ripple-effect{0%{transform:scale(0)}to{transform:scale(2)}}@-webkit-keyframes ripple-effect-handhelds{0%{transform:scale(.27)}to{transform:scale(2)}}@keyframes ripple-effect-handhelds{0%{transform:scale(.27)}to{transform:scale(2)}}.avatar-element{--size:54px;--multiplier:1;--color-top:var(--avatar-color-top);--color-bottom:var(--avatar-color-bottom);color:#fff;width:var(--size);height:var(--size);line-height:var(--size)!important;border-radius:50%;background:linear-gradient(var(--color-top),var(--color-bottom));text-align:center;font-size:calc(1.25rem/var(--multiplier));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:uppercase;font-weight:700}.avatar-element[data-color=red]{--color-top:var(--peer-avatar-red-top);--color-bottom:var(--peer-avatar-red-bottom)}.avatar-element[data-color=orange]{--color-top:var(--peer-avatar-orange-top);--color-bottom:var(--peer-avatar-orange-bottom)}.avatar-element[data-color=violet]{--color-top:var(--peer-avatar-violet-top);--color-bottom:var(--peer-avatar-violet-bottom)}.avatar-element[data-color=green]{--color-top:var(--peer-avatar-green-top);--color-bottom:var(--peer-avatar-green-bottom)}.avatar-element[data-color=cyan]{--color-top:var(--peer-avatar-cyan-top);--color-bottom:var(--peer-avatar-cyan-bottom)}.avatar-element[data-color=pink]{--color-top:var(--peer-avatar-pink-top);--color-bottom:var(--peer-avatar-pink-bottom)}.avatar-element[data-color=blue]{--color-top:var(--peer-avatar-blue-top);--color-bottom:var(--peer-avatar-blue-bottom)}.avatar-element.rbico:before{font-size:calc(32px/var(--multiplier))}.avatar-element.rbico-calendarfilter:before{font-size:calc(36px/var(--multiplier))}.avatar-element.rbico-saved:before{font-size:calc(21px/var(--multiplier))!important}.avatar-element.rbico-deletedaccount:before{font-size:calc(54px/var(--multiplier))}.avatar-element:before{line-height:inherit!important}.avatar-element img{border-radius:inherit!important}.avatar-element img.fade-in{-webkit-animation:fade-in-opacity .2s ease forwards;animation:fade-in-opacity .2s ease forwards}.avatar-element img.emoji{width:calc(1.125rem/var(--multiplier))!important;height:calc(1.125rem/var(--multiplier))!important;vertical-align:middle!important}.avatar-element path{fill:#fff}.avatar-element.is-online{position:relative}.avatar-element.is-online:after{position:absolute;content:" ";display:block;border-radius:50%;border:2px solid var(--surface-color);background-color:var(--avatar-online-color);width:14px;height:14px;left:2.4375rem;top:2.4375rem}.avatar-element[clickable]{cursor:pointer}.avatar-element.avatar-120{--size:120px;--multiplier:.45}.avatar-element.avatar-100{--size:100px;--multiplier:.54}.avatar-element.avatar-48{--size:48px;--multiplier:1.125}.avatar-element.avatar-46{--size:46px;--multiplier:1.173913}.avatar-element.avatar-44{--size:44px;KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format("woff2");unicode-range:u100-24f,u259,u1-1eff,u2020,u20a0-20ab,u20ad-20cf,u2113,u2c60-2c7f,ua720-a7ff}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:local("Roboto Medium"),local("Roboto-Medium"),url(/assets/fonts/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");unicode-range:u0-0ff,u131,u152-153,u2bb-2bc,u2c6,u2da,u2dc,u2000-206f,u2074,u20ac,u2122,u2191,u2193,u2212,u2215,ufeff,ufffd}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:local("Roboto Medium"),local("Roboto-Medium"),url(/assets/fonts/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format("woff2");unicode-range:u400-45f,u490-491,u4b0-4b1,u2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:local("Roboto Medium"),local("Roboto-Medium"),url(/assets/fonts/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format("woff2");unicode-range:u100-24f,u259,u1-1eff,u2020,u20a0-20ab,u20ad-20cf,u2113,u2c60-2c7f,ua720-a7ff}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:local("Roboto Medium"),local("Roboto-Medium"),url(/assets/fonts/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");unicode-range:u0-0ff,u131,u152-153,u2bb-2bc,u2c6,u2da,u2dc,u2000-206f,u2074,u20ac,u2122,u2191,u2193,u2212,u2215,ufeff,ufffd}body,html{height:100%;width:100%;margin:0;padding:0}@media only screen and (max-width:600px){body,html{overflow:hidden;height:calc(var(--vh, 1vh)*100)}}html.is-ios{position:fixed}@supports (padding:max(0px)){html{padding:0 min(16px,env(safe-area-inset-right)) 0 min(16px,env(safe-area-inset-left))}}html{font-size:16px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{background-color:var(--body-background-color);color:var(--primary-text-color)}a{color:var(--link-color)}button,html,input,optgroup,select,textarea{font-family:Roboto,-apple-system,apple color emoji,BlinkMacSystemFont,Segoe UI,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}a,button,div,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}.whole{min-height:100%;width:100%;margin:0 auto;height:100%}.disable-hover{pointer-events:none!important}@media only screen and (min-width:601px){.only-handhelds{display:none!important}}.container{margin:0 auto}h1,h2,h3,h4,h5,h6{font-weight:500}h4{font-size:2rem;margin:22px 0 14px;line-height:110%}@media only screen and (max-width:600px){h4{font-size:20px;margin:2px 0 8px}}[contenteditable=true],input{caret-color:var(--primary-color);color:var(--primary-text-color);background-color:transparent}input,textarea{-webkit-appearance:none}.subtitle{color:var(--secondary-text-color);line-height:1.35}.danger{color:var(--danger-color)!important}.danger .c-ripple__circle{background-color:var(--light-danger-color)}.blue,.primary{color:var(--primary-color)!important}.blue .c-ripple__circle,.primary .c-ripple__circle{background-color:var(--light-primary-color)}.blue:before,.danger:before,.primary:before{color:inherit!important}.bg-warning{background:#fed85a!important}.contextmenu{position:fixed!important;right:auto!important;bottom:auto!important;width:auto!important;z-index:4!important}.preloader{width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader .preloader-path{stroke:var(--primary-color)}@-webkit-keyframes fade-in-opacity{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out-opacity{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fade-in-backwards-opacity{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fade-out-backwards-opacity{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-in-opacity-fade-out-opacity{0%{opacity:0}10%{opacity:1}50%{opacity:1}to{opacity:0}}@keyframes fade-in-opacity-fade-out-opacity{0%{opacity:0}10%{opacity:1}50%{opacity:1}to{opacity:0}}.toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:.5rem 1rem;background-color:rgba(0,0,0,.66);color:#fff;font-size:1rem;border-radius:10px;z-index:5;max-width:22.5rem;min-width:260px}@media only screen and (min-width:601px) and (max-width:925px){.toast{text-align:center}}hr{width:100%;border:none;border-top:1px solid var(--border-color);margin:0;padding-bottom:.5rem}.user-title,b{color:var(--primary-text-color);font-weight:bolder}.user-last-message b{font-weight:400}.avatar-edit{position:relative;border-radius:50%;cursor:pointer;overflow:hidden}.avatar-edit-canvas{max-width:100%;max-height:100%;width:100%;height:100%;background-color:var(--primary-color)}.avatar-edit .rbico-cameraadd{position:absolute;font-size:48px;line-height:48px;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);z-index:2;color:#fff}.avatar-edit .avatar-placeholder{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-filter:brightness(.7);filter:brightness(.7)}.select-wrapper{max-height:23.5rem;position:absolute;width:100%;top:calc(100% + .5rem);left:0;overflow:hidden;background-color:var(--surface-color);z-index:3;border-radius:10px;display:flex;
--------------------------------------------------------------------------------