.chat-counter{background-color:#53cb63;color:#fff;padding:0 8px;border-radius:18px;line-height:24px;font-size:13px;height:24px;align-self:flex-end}.chat-photo__image,.chat-photo__letter-circle{height:54px;width:54px;border-radius:50%;color:#fff}.chat-photo__letter-circle{text-align:center;line-height:54px;font-size:20px}.chat{margin:2px 2px 2px 8px;padding:8px 12px 8px 8px;display:flex;color:#000;border-radius:8px;font-size:14px;cursor:pointer}@-moz-document url-prefix(){.chat{margin-right:8px}}.chat:hover{background-color:#f1f3f4}.chat_current{background-color:#f4f4f5}.chat__text{position:relative;margin-left:10px;width:320px}.chat__top,.chat__bottom{position:absolute;display:flex;width:100%}.chat__top{left:0;top:6px;align-items:center;height:20px}.chat__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;font-weight:700}.chat__read{white-space:nowrap;color:#5f6369;font-size:12px}.chat__message{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;color:#707579;align-self:flex-start;height:20px}.chat__bottom{width:100%;left:0;bottom:2px;height:24px}.menu-button{border-radius:50%;width:44px;height:44px;background-color:transparent;border:none;margin:8px 6px 8px 14px;padding:12px;cursor:pointer}.menu-button__img{width:20px}.menu-button:hover{background-color:#f4f4f5}.search__img{position:absolute;left:14px;top:12px;width:20px}.search__form{position:relative;margin:8px;height:44px;width:330px}.search__input{padding:15px 20px 15px 42px;border:none;border-radius:22px;font-size:14px;outline:none;width:calc(100% - 62px);height:calc(100% - 30px);background-color:#f4f4f5}.control-row{display:flex;height:60px}.left-column{display:flex;flex-direction:column;background-color:#fff;box-shadow:1px 0 2px #dadce0;z-index:3}.messages-component{overflow-y:auto;height:100%;scroll-behavior:smooth}.messages{display:flex;flex-direction:column;width:calc(100% - 22px);margin:auto;max-width:696px}.message{max-width:600px;color:#000;padding:8px;margin:2px;word-break:break-word;position:relative;box-shadow:0 1px 2px var(--message-shadow);z-index:0}.message-span:after{content:"";margin-right:10px}.messages-date{background-color:#b3b8bb;color:#fff;font-size:12px;height:24px;line-height:24px;padding:0 8px;margin:8px;align-self:center;border-radius:12px}.float-container{float:right;position:relative;top:6px;margin:0 -8px 0 -6px;display:flex}.stranger .float-container{margin-right:-1px}.my .float-container{width:54px}.my .message-date{color:#53ad53}.stranger .message-date{color:#a0aab3}.message-date{font-size:12px}:root{--stranger-background: white;--chat-background: rgb(230, 235, 238);--my-background: rgb(238, 254, 233);--message-shadow: rgb(204, 211, 216)}.stranger{align-self:flex-start;background-color:var(--stranger-background);border-radius:6px 12px 12px 6px}.my{align-self:flex-end;background-color:var(--my-background);border-radius:12px 6px 6px 12px}.my.last{border-bottom-right-radius:0}.stranger.last{border-bottom-left-radius:0}.my.first{border-top-right-radius:12px}.stranger.first{border-top-left-radius:12px}.tail{position:absolute;z-index:-1;bottom:0;height:20px;width:8px}.my.last>.tail{right:-7px;border-radius:0 0 1px/0 0 4px;background-color:var(--my-background);box-shadow:1px 1px 2px var(--message-shadow)}.stranger.last>.tail{left:-7px;border-radius:0 0 0 1px/0 0 0 4px;background-color:var(--stranger-background);box-shadow:-1px 1px 2px var(--message-shadow)}@-moz-document url-prefix(){.stranger.last>.tail{box-shadow:-1px 1px 1px var(--message-shadow)}.my.last>.tail{box-shadow:1px 1px 1px var(--message-shadow)}}.tail:before{content:"";position:absolute;bottom:0;width:2px;height:2px;border-radius:10px;z-index:-1}.stranger.last>.tail:before{left:0;background-color:var(--stranger-background)}.my.last>.tail:before{left:6px;background-color:var(--my-background)}.tail:after{content:"";position:absolute;z-index:16;width:13px;height:25px;top:-4px}.stranger.last>.tail:after{right:1px;border-radius:0 0 100%/0 0 86%;background-color:var(--chat-background);box-shadow:inset -1px 0 2px -1px var(--message-shadow)}.my.last>.tail:after{right:-6px;border-radius:0 0 0 100%/0 0 0 86%;background-color:var(--chat-background);box-shadow:inset 1px 0 2px -1px var(--message-shadow)}.check-container{width:20px;height:18px;position:relative;margin-left:6px}.check-mark{display:inline-block;width:0;height:10px;transform:rotate(45deg)}.check-mark-received{margin-left:2px}.check-mark:before,.check-mark:after{content:"";position:absolute;background-color:#fff}.check-mark:after{width:1px;left:0;bottom:5px}.check-mark:after{height:10px}.check-mark-animate:after{animation:check-after .5s .55s cubic-bezier(.4,0,.23,1) forwards}.check-mark:before{height:1px;left:-3px;top:4px}.check-mark:before{width:4px}.check-mark-animate:before{width:0;animation:check-before .3s .25s cubic-bezier(.4,0,.23,1) forwards}.check-mark-received:before{display:none}@keyframes check-before{0%{width:0}to{width:4px}}@keyframes check-after{0%{height:0}to{height:10px}}.input-component{height:84px;max-width:702px;z-index:1;margin:auto;padding:0 11px;width:calc(100% - 22px);display:flex;align-items:center}.input-attach{position:absolute;right:16px;top:16px;cursor:pointer}.input-smile{position:absolute;left:16px;top:16px;cursor:pointer}.input-microphone{height:54px;width:54px;margin:0 8px;padding:14px;border-radius:50%;border:none;background-color:#53a6f3;z-index:3;cursor:pointer}.input-microphone-img{background-color:#fff;width:26px;height:26px;-webkit-mask:url(assets/microphone_svg.svg) no-repeat center;mask:url(assets/microphone_svg.svg) no-repeat center}.main-form{position:relative;height:54px;width:100%;background-color:transparent;align-self:normal!important;margin:10px 0 20px}.main-input{padding:15px 56px 15px 48px;border:none;border-radius:12px 12px 0;font-size:14px;outline:none;width:calc(100% - 104px);height:calc(100% - 30px);background-color:#fff;box-shadow:0 1px 2px #ccd3d8}.input-tail{z-index:2;background-color:#fff!important}.input-tail:before{background-color:#fff!important}.chat-header-img{width:44px;height:44px;margin:8px}.chat-header-letter{line-height:46px}.chat-header{height:62px;display:flex;align-items:center;background-color:#fff;box-shadow:0 1px 2px #dadce0;padding:0 12px;z-index:2}.chat-online{position:absolute;left:0;bottom:-18px;font-size:12px;color:#3992e9}.chat-title-column{position:relative;width:100%}.chat-header-title{position:absolute;left:0;bottom:-1px;font-size:14px;font-weight:700}.base-button-img{background-color:#707579;width:20px;height:20px}.base-button-search{-webkit-mask:url(assets/search_svg.svg) no-repeat center;mask:url(assets/search_svg.svg) no-repeat center}.base-button-more{-webkit-mask:url(assets/more_svg.svg) no-repeat center;mask:url(assets/more_svg.svg)) no-repeat center}.base-button{border-radius:50%;width:44px;height:44px;background-color:transparent;border:none;padding:12px;cursor:pointer;margin:2px}.base-button:hover{background-color:#f4f4f5}.bm-button-container{display:flex;flex-direction:column;align-items:center;cursor:pointer}.bm-caption{color:var(--placeholder-gray);font-size:12px}.bm-img{background-color:var(--placeholder-gray);width:34px;height:34px;margin:20px}.bm-private{-webkit-mask:url(assets/newprivate_svg.svg) no-repeat center;mask:url(assets/newprivate_svg.svg) no-repeat center}.bm-group{-webkit-mask:url(assets/newgroup_svg.svg) no-repeat center;mask:url(assets/newgroup_svg.svg) no-repeat center}.bm-channel{-webkit-mask:url(assets/newchannel_svg.svg) no-repeat center;mask:url(assets/newchannel_svg.svg) no-repeat center}.bm-button{width:74px;height:74px;background-color:#fff;border-radius:50%;margin:8px}.bm-button-container:hover .bm-button{background-color:var(--button-blue)}.bm-button-container:hover .bm-img{background-color:#fff}.bm-button-container:hover .bm-caption{color:var(--placeholder-blue)}:root{--placeholder-blue: rgb(57, 146, 233);--button-blue: rgb(83, 166, 243);--placeholder-gray: rgb(112, 117, 121)}.before-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.before-messages-caption{text-align:center;font-size:22px;color:var(--placeholder-gray);margin:20px}.bm-buttons{display:flex;justify-content:space-between;width:346px}.right-column{position:relative;display:flex;flex-direction:column;width:100%;font-size:14px}.main-component{margin:auto;display:flex;height:100vh;width:100%;max-width:1678px;background-color:#e6ebee;box-shadow:0 0 2px 1px #dadce0}.form{position:relative;width:var(--form-width);height:var(--form-height);margin:12px}.form__button{position:absolute;right:11px;top:11px;border:none;background-color:transparent;border-radius:50%;height:34px;width:34px;cursor:pointer}input{padding:17px 16px;border:solid 2px rgb(218,220,224);border-radius:var(--border-radius);font-size:14px;outline:none;width:calc(100% - 38px);height:calc(100% - 38px);background-color:transparent;caret-color:var(--form-color)}.form__caption{padding:0 4px;position:absolute;left:14px;top:-6px;background-color:#fff;font-size:12px;color:#666}.form__caption_focus{color:#3992e9}input:focus{border:solid 2px var(--form-color)}::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;position:absolute;right:0}.form__input_invalid,.form__input_invalid:focus{border-color:var(--invalid-color)}.form__caption_invalid{color:var(--invalid-color)}.login__column{display:flex;flex-direction:column;align-items:center;width:var(--form-width);margin:auto}.login__caption{color:#707579;max-width:220px;text-align:center;margin:7px 0 38px}.login__header{margin:40px 0 7px}.animation{position:relative;height:160px;width:160px;margin-top:110px}.code__edit{margin:0 6px;height:20px;cursor:pointer}.country:hover{background-color:#f4f4f5}.country{padding:0 16px;cursor:pointer;z-index:10;display:flex;align-items:center;min-height:56px}.country__name{width:100%;margin:0 15px;font-size:14px}.country__code{white-space:nowrap}.country__flag-icon{margin-right:15px;width:24px}.country__flag-icon,.country__name,.country__code{pointer-events:none}.country-form__button-img{fill:var(--form-color)}.country-form__button{z-index:-1}.country-form__list{position:absolute;display:flex;flex-direction:column;top:calc(var(--form-height) + 6px);width:var(--form-width);max-height:300px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;border-radius:var(--border-radius);z-index:10;background-color:#fff;overflow-y:auto}.phone-form__plus{position:absolute;left:18px;top:18px}.phone-form__input:focus::placeholder{color:transparent}.phone-form__input_focus{padding-left:28px;width:calc(100% - 50px)}.login-button{width:var(--form-width);height:var(--form-height);border:none;background-color:var(--form-color);color:#fff;border-radius:var(--border-radius);font-size:14px;margin:12px;cursor:pointer}.checkbox__img{margin:0 20px}.checkbox{display:flex;align-items:center;align-self:flex-start;margin:12px 0 36px}.phone__tg-logo{margin-top:100px}.photo-picker__cancel-area{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#68686880;z-index:5}.photo-picker__cancel-area-grab{cursor:grab}.photo-picker__photo-picker{--diameter: 500px;position:absolute;top:calc(50% - var(--diameter) / 2);left:calc(50% - var(--diameter) / 2);width:var(--diameter);height:var(--diameter);box-shadow:0 1px 2px #00000080;background-color:#fff;border-radius:10px;z-index:1}.photo-picker__avatar-rect{position:relative;overflow:hidden;width:360px;height:360px;margin:70px;background-color:transparent;cursor:grab;border-radius:6px;z-index:1}.photo-picker__avatar-img{position:absolute;z-index:-1;left:0;top:0;transform-origin:left top}.photo-picker__avatar-round{position:relative;margin:20px;width:320px;height:320px;border-radius:50%;box-shadow:0 0 2000px 2000px #ffffff80}.photo-picker__close-picker{cursor:pointer;position:absolute;left:20px;top:20px}.photo-picker__check-picker{cursor:pointer;position:absolute;right:20px;bottom:20px;background-color:var(--form-color);border:none;width:56px;height:56px;border-radius:50%;box-shadow:0 1px 2px #d1d4d7}.photo-picker__picker-caption{position:absolute;left:68px;top:2px}.registration__photo{position:absolute;left:0;top:0;transform-origin:left top;z-index:-1;filter:brightness(70%)}.registration__photo-wrapper{position:relative;--img-diameter: 160px;height:var(--img-diameter);width:var(--img-diameter);border-radius:50%;background-color:var(--form-color);text-align:center;line-height:var(--img-diameter);cursor:pointer;margin-top:120px;overflow:hidden;z-index:1}.registration__add-photo{vertical-align:middle;width:50px;z-index:2}:root{--invalid-color: rgb(211, 55, 55);--form-color: rgb(83, 166, 243);--form-width: 360px;--form-height: 54px;--border-radius: 10px}.hide{display:none}