.login-form{align-items:center;border-radius:12px;box-shadow:0 0 6px rgba(0,0,0,.14);display:flex;flex-direction:column;height:450px;justify-content:space-between;margin:52px auto;width:340px}.login-form__title{color:#1e1e1e;font-size:20px;font-style:normal;font-weight:500;line-height:20px;margin:50px auto 40px;text-align:center}.login-form__submit-button{background:#3369f3;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-style:normal;font-weight:500;height:37px;line-height:13px;padding:12px 70px;text-align:center;width:280px}.login-form__link{color:#3369f3;font-size:11px;font-style:normal;font-weight:500;line-height:11px;margin-top:14px;padding-bottom:30px;text-align:center}.login-form .buttons{display:flex;flex-direction:column}
.input__containerComp{align-items:flex-start;display:flex;flex-direction:column;margin:0}.input__containerComp .spanComp{color:#ff2f2f;font-size:8px;font-style:normal;font-weight:400;height:16px;line-height:8px;max-width:232px;padding:7px 0 0}.input__containerComp .labelComp{color:#999;font-size:9px;font-style:normal;font-weight:500;line-height:9px}.input__containerComp .inputComp{border-bottom:1px solid #3369f3;padding-bottom:7px}.input__containerComp .inputComp::placeholder{color:#999;font-size:13px;font-style:normal;font-weight:500;line-height:13px}.input__containerComp .hasError{border-bottom:1px solid red}
.register-form{align-items:center;border-radius:12px;box-shadow:0 0 6px rgba(0,0,0,.14);display:flex;flex-direction:column;height:615px;justify-content:space-between;margin:52px auto;width:340px}.register-form__title{color:#1e1e1e;font-size:20px;font-style:normal;font-weight:500;line-height:20px;margin:50px auto 40px;text-align:center}.register-form__submit-button{background:#3369f3;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-style:normal;font-weight:500;height:37px;line-height:13px;padding:12px 70px;text-align:center;width:280px}.register-form__link{color:#3369f3;font-size:11px;font-style:normal;font-weight:500;line-height:11px;margin-top:14px;padding-bottom:30px;text-align:center}.register-form .buttons{display:flex;flex-direction:column}
.screen{display:flex;flex:4;height:100%;position:relative;width:100%}.screen .popup{border:1px solid #3369f3;border-radius:8px;display:flex;flex-direction:column;height:120px;opacity:0;padding-top:15px;position:absolute;right:15px;top:45px;transition:opacity .3s ease;width:120px;z-index:10}.screen .popup .link{margin-top:0;width:120px}.screen .popup_active{opacity:1}.screen__chat{display:flex;flex:3;flex-direction:column;justify-content:space-between;min-height:100%;position:relative}.screen__chat .messages-container{display:flex;flex-direction:column;justify-content:space-between}.screen__chat-popup{position:absolute}.screen__chat-date{color:#999;font-size:12px;font-style:normal;font-weight:500;line-height:12px;text-align:center}.screen__chat-message{background:#f8f8f8;border-radius:8px;display:flex;flex-direction:column;margin-left:20px;max-width:402px;min-height:40px;min-width:115px;padding:11px}.screen__chat-message_my{align-self:flex-end;background:#e4edfd;margin-left:0;margin-right:20px}.screen__chat-message_image{height:200px;padding:0;width:315px}.screen__chat-message-image{height:100%;width:100%}.screen__chat-message-text{color:#1e1e1e;font-size:12px;font-style:normal;font-weight:500;line-height:15px}.screen__chat-message-time{align-self:flex-end;color:#999;font-size:9px;font-style:normal;font-weight:500;height:10px;line-height:9px;text-align:right;width:23px}.screen__chat-user{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;margin:10px;padding-bottom:12px}.screen__chat-user-info{align-items:center;display:flex;gap:10px}.screen__chat-user-username{color:#1e1e1e;font-size:13px;font-style:normal;font-weight:600;line-height:13px}.screen__chat-input{align-items:center;border-top:1px solid #eaeaea;display:flex;margin:10px;padding-top:12px;position:relative}.screen__chat-input-input{background:#efefef;border-radius:30px;box-sizing:border-box;height:32px;padding-left:20px;width:calc(100% - 80px)}.screen__chat-input-input::placeholder{color:#999;font-size:12px;font-style:normal;font-weight:500;line-height:12px}.screen__chat-input-span{color:#ff2f2f;font-size:8px;font-style:normal;font-weight:400;height:16px;left:40px;line-height:8px;max-width:232px;padding:7px 0 0;position:absolute;top:-10px}.screen__chat-input .hasError{border:1px solid red}.screen__chat-input-add{height:32px;margin-right:10px;width:32px}.screen__chat-input-send{cursor:pointer;height:28px;margin-left:10px;width:28px}.screen__chat-button{background:rgba(0,0,0,0);cursor:pointer}.screen__chats{background:#fbfbfb;display:flex;flex-direction:column;position:relative;width:310px}.screen__chats-link{align-items:center;display:flex;gap:8px;margin:21px 10px 23px auto;width:fit-content}.screen__chats-profile-link{color:#999;font-size:12px;font-style:normal;font-weight:500;line-height:12px;text-align:right}.screen__chats-profile-link-image{height:10px;width:10px}.screen__chats-input{background:#efefef;border-radius:5px;height:32px;margin:0 10px 14px;width:290px}.screen__chats .input-placeholder{align-items:center;display:flex;gap:5px;position:absolute;right:137px;top:65px}.screen__chats .input-placeholder__text{color:#999;font-size:12px;font-style:normal;font-weight:500;line-height:12px}.screen__chats .input-placeholder__placeholder{height:15px;width:15px}.screen__chats-messages{min-height:100%;width:100%}
.msg{background:#f8f8f8;border-radius:8px;display:flex;flex-direction:column;margin-bottom:10px;margin-left:20px;max-width:402px;min-height:40px;min-width:115px;padding:11px}.msg_my{align-self:flex-end;background:#e4edfd;margin-left:0;margin-right:20px}.msg_image{height:200px;padding:0;width:315px}.msg-image{display:none;height:100%;width:100%}.msg-text{color:#1e1e1e;font-size:12px;font-style:normal;font-weight:500;line-height:15px}.msg-time{align-self:flex-end;color:#999;font-size:9px;font-style:normal;font-weight:500;height:10px;line-height:9px;text-align:right;width:23px}.activeMsg{display:block}.inactive{display:none}
.message{align-items:flex-start;border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;display:flex;height:fit-content;margin:0 10px;padding:12px 0}.message_active{background:#e4edfd}.message__main{display:flex;flex-direction:column}.message__avatar{border-radius:50%;height:47px;margin-right:10px;width:47px}.message__message{display:flex;justify-content:space-between}.message__username{color:#1e1e1e;font-size:13px;font-style:normal;font-weight:600;height:13px;line-height:13px;margin:0 0 4px}.message__message-text{color:#999;font-size:12px;font-style:normal;font-weight:500;line-height:15px;margin:0;width:193px}.message__message-text .span{color:#1e1e1e;font-size:12px;font-style:normal;font-weight:600;line-height:15px}.message__bottom{display:flex;height:100%;justify-content:space-between}.message__time{color:#999;font-size:9px;font-style:normal;font-weight:500;line-height:13px;margin:0;text-align:right}.message__unread{background:#3369f3;border-radius:50%;display:none;height:20px;justify-content:center;margin-top:14px;width:20px}.message__unread-text{align-self:center;color:#fff;font-size:11px;font-style:normal;font-weight:500;line-height:12px;text-align:center}.active{display:flex}.span{color:#1e1e1e;display:none;font-size:12px;font-style:normal;font-weight:600;line-height:15px;margin-right:3px;padding:0}.spanActive{display:inline}
.form__submit-button{background:#3369f3;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-style:normal;font-weight:500;height:37px;line-height:13px;padding:12px 70px;text-align:center;width:280px}.button{border:1px solid #3369f3;border-radius:8px;height:40px;margin-top:10px;padding:10px}.link{align-self:baseline;color:#3369f3;cursor:pointer;font-size:11px;font-style:normal;font-weight:500;line-height:11px;margin-top:14px;padding-bottom:10px;text-align:center}.red{color:red}
.settings{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:60px auto 150px;width:510px}.settings__button{background:#3369f3;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-style:normal;font-weight:500;height:37px;line-height:13px;margin-top:60px;padding:12px 0;text-align:center;transition:.3s;width:280px}.settings__button:hover{opacity:.6}.settings__push-back{align-items:center;background:#fbfbfb;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:65px}.settings__push-back-button{align-items:center;background-color:#3369f3;background-image:url(e81345cb01d75e3c13f8.svg);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;text-align:center;transition:.3s;width:28px}.settings__push-back-button:hover{opacity:.6}.settings__avatar-container{align-items:center;border-radius:50%;display:flex;height:200px;justify-content:center;margin-bottom:97px;position:relative;width:200px}.settings__avatar-container .profile__avatar{border-radius:50%;height:100%;object-fit:cover;object-position:top;width:100%}.settings__avatar-container .profile__avatar-overlay{align-items:center;background:rgba(0,0,0,.5);border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:13px;font-style:normal;font-weight:500;height:100%;justify-content:center;left:0;line-height:13px;opacity:0;position:absolute;text-align:center;top:0;transition:.3s ease;width:100%}.settings__avatar-container .profile__avatar-overlay:hover{opacity:1}.settings__form{width:100%}
.input__containerStngs{border-bottom:1px solid #eaeaea;display:flex;height:30px;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;width:100%}.input__containerStngs:last-of-type{border-bottom:0;margin-bottom:0}.input__containerStngs .inputStngs::placeholder{color:#999;font-size:13px;font-style:normal;font-weight:500;line-height:13px;text-align:right}.input__containerStngs .labelStngs{color:#1e1e1e;font-size:13px;font-style:normal;font-weight:500;height:fit-content;line-height:13px;width:fit-content}.input__containerStngs .spanStngs{color:#ff2f2f;font-size:8px;font-style:normal;font-weight:400;height:16px;line-height:8px;max-width:232px;padding:7px 0 0}.input__containerStngs .hasError{border-bottom:1px solid red}
.overlay{align-items:center;background-color:rgba(0,0,0,.4);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.overlay__popup{align-items:center;background:#fff;border-radius:12px;box-shadow:0 0 6px rgba(0,0,0,.14);display:flex;flex-direction:column;height:260px;width:340px}.overlay__input{display:none}.overlay__title{color:#1e1e1e;font-size:15px;font-style:normal;font-weight:500;line-height:20px;margin:40px 0;text-align:center}.overlay__label{color:#3369f3;cursor:pointer;font-size:12px;font-style:normal;font-weight:500;line-height:16px;margin-bottom:45px;text-align:center;text-decoration-line:underline;transition:.3s;width:120px}.overlay__label:hover{opacity:.6}.overlay__button{background:#3369f3;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-style:normal;font-weight:500;height:37px;line-height:13px;margin-bottom:40px;padding:12px 0;text-align:center;transition:.3s;width:280px}.overlay__button:hover{opacity:.6}
.change{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:60px auto 150px;width:510px}.change__button{background:#3369f3;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-style:normal;font-weight:500;height:37px;line-height:13px;margin-top:60px;padding:12px 0;text-align:center;transition:.3s;width:280px}.change__button:hover{opacity:.6}.change__push-back{align-items:center;background:#fbfbfb;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:65px}.change__push-back-button{align-items:center;background-color:#3369f3;background-image:url(e81345cb01d75e3c13f8.svg);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;text-align:center;transition:.3s;width:28px}.change__push-back-button:hover{opacity:.6}.change__avatar-container{align-items:center;border-radius:50%;display:flex;height:200px;justify-content:center;margin-bottom:97px;position:relative;width:200px}.change__avatar-container .profile__avatar{border-radius:50%;height:100%;object-fit:cover;object-position:top;width:100%}.change__avatar-container .profile__avatar-overlay{align-items:center;background:rgba(0,0,0,.5);border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:13px;font-style:normal;font-weight:500;height:100%;justify-content:center;left:0;line-height:13px;opacity:0;position:absolute;text-align:center;top:0;transition:.3s ease;width:100%}.change__avatar-container .profile__avatar-overlay:hover{opacity:1}.change__form{width:100%}
.content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.content .info{align-items:center;display:flex;flex-direction:column}.content .info__title{color:#1e1e1e;font-size:40px;font-style:normal;font-weight:500;line-height:40px;margin-bottom:20px;text-align:center}.content .info__subtitle{color:#1e1e1e;font-size:20px;font-style:normal;font-weight:500;line-height:20px;margin-bottom:69px;text-align:center}.content .info__link{color:#3369f3;cursor:pointer;font-size:11px;font-style:normal;font-weight:500;line-height:11px;text-align:center}

.profile{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:60px auto 150px;width:510px}.profile__container{width:100%}.profile__button{background:#3369f3;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-style:normal;font-weight:500;height:37px;line-height:13px;margin-top:60px;padding:12px 0;text-align:center;transition:.3s;width:280px}.profile__button:hover{opacity:.6}.profile__push-back{align-items:center;background:#fbfbfb;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:65px}.profile__push-back-button{align-items:center;background-color:#3369f3;background-image:url(e81345cb01d75e3c13f8.svg);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;text-align:center;transition:.3s;width:28px}.profile__push-back-button:hover{opacity:.6}.profile__avatar-container{align-items:center;border-radius:50%;display:flex;height:200px;justify-content:center;margin-bottom:97px;position:relative;width:200px}.profile__avatar-container .profile__avatar{border-radius:50%;height:100%;object-fit:cover;object-position:top;width:100%}.profile__avatar-container .profile__avatar-overlay{align-items:center;background:rgba(0,0,0,.5);border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:13px;font-style:normal;font-weight:500;height:100%;justify-content:center;left:0;line-height:13px;opacity:0;position:absolute;text-align:center;top:0;transition:.3s ease;width:100%}.profile__avatar-container .profile__avatar-overlay:hover{opacity:1}.profile .property__container{border-bottom:1px solid #eaeaea;display:flex;height:30px;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;width:100%}.profile .property__container:last-of-type{border-bottom:0;margin-bottom:0}.profile .property__container .property__text{color:#999;font-size:13px;font-style:normal;font-weight:500;line-height:13px;text-align:right}.profile .property__container .propert__label{color:#1e1e1e;font-size:13px;font-style:normal;font-weight:500;height:fit-content;line-height:13px;width:fit-content}.profile__form{width:100%}
@font-face{font-family:"Inter";font-style:normal;font-weight:normal;src:url(88fa7ae373b07b41ecce.ttf) format("truetype")}@font-face{font-family:"Inter";font-style:normal;font-weight:bold;src:url(88fa7ae373b07b41ecce.ttf) format("truetype")}body{background:#fff;font-family:"Inter",sans-serif}*{box-sizing:border-box;font-weight:normal;margin:0}a{text-decoration:none}a:hover{cursor:pointer;text-decoration:underline}ul{list-style:none;margin:0;padding:0}input,button,textarea,select{border:0;font:inherit;margin:0}.root{height:100vh}