@font-face{font-family:Gilroy;font-style:normal;font-weight:400;src:url(Gilroy-Medium.3139a56d.ttf) format("truetype")}body{font-family:Gilroy,Roboto,Arial,FontAwesome,serif}*{box-sizing:border-box;font-weight:400;margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:visited{color:inherit}ul{list-style:none}button,ul{margin:0;padding:0}button{background-color:transparent;border-style:none;cursor:pointer;outline:none}._visible{display:block}._hidden{display:none!important}.form-title{font-size:40px;margin-bottom:2px}.form-sub-title{font-size:24px;margin-bottom:40px}.doctor{background-image:url(doctor.81a0ec2c.svg)}.lake{background-image:url(lake.b3223bbe.svg)}.deer{background-image:url(reindeer.5de7e056.svg)}.exercise{background-image:url(exercise.d8cdbcb0.svg)}.chat-demo-image{background-image:url(image.ed0c8f2d.jpg)}.no-avatar{background-color:#999;border-radius:50%;height:80px;width:80px}.button{align-items:center;background-color:#1e1e1e;color:#fff;cursor:pointer;display:flex;font-size:18px;height:60px;justify-content:center;user-select:none;width:284px}.button.button-link{background-color:#fff;border-style:none;color:#1e1e1e;font-size:18px}.button.button-link:hover{text-decoration:underline}.button.button-secondary{background-color:#fff;color:#1e1e1e}.button.button-warn{background-color:#f44336;color:#fff}.button.button-primary{background-color:#1e1e1e;color:#fff}.contacts-item{align-items:center;display:flex;font-size:12px;height:96px;margin-left:10px;max-height:96px;padding:20px 0;position:relative;user-select:none;width:calc(100% - 20px)}.contacts-item .contacts-item-avatar{background-color:#999;border-radius:50%;height:47px;margin-right:15px;width:47px}.contacts-item .contacts-item-avatar>div{height:100%;width:100%}.contacts-item .avatar{border-radius:50%;height:47px;overflow:hidden;width:47px}.contacts-item .avatar img{width:47px}.contacts-item .contacts-item-info{height:100%}.contacts-item .contacts-item-info .info-name{height:1.2em;margin-bottom:5px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:200px}.contacts-item .contacts-item-info .info-message-preview{color:#999;max-height:30px;max-width:180px;overflow:hidden}.contacts-item .contacts-item-info .info-time{color:#999;font-size:9px;position:absolute;right:5px;top:20px}.contacts-item .contacts-item-info .info-counter{align-items:center;background-color:#9b51e0;border-radius:50%;display:none;font-size:11px;height:20px;justify-content:center;position:absolute;right:5px;top:50%;width:20px}.contacts-item .contacts-item-info .info-counter.show{display:flex}.chat-contacts{grid-area:contacts;overflow:auto;padding:0 10px}.chat-contacts .contacts-profile-link{color:#999;display:flex;justify-content:flex-end;margin:20px 0}.chat-contacts .contacts-profile-link ._link{align-items:center;display:flex}.chat-contacts .contacts-profile-link ._icon{font-size:smaller}.chat-contacts .contacts-profile-link ._text{margin-right:5px}.chat-contacts .contacts-list{margin-left:-10px;margin-right:-10px;margin-top:20px;max-height:calc(100vh - 120px);overflow:auto}.chat-contacts .contacts-list li:first-child .contacts-item{border-top:1px solid #eaeaea}.chat-contacts .contacts-list li:last-child .contacts-item{border-bottom:1px solid #eaeaea}.chat-contacts .contacts-list li+li .contacts-item{border-top:1px solid #eaeaea}.chat-contacts .contacts-list li:hover{background-color:#9b51e0}.chat-contacts .contacts-list li:hover .contacts-item{border:0}.chat-contacts .contacts-list li:hover .contacts-item ._counter{background-color:#1e1e1e;color:#fff}.chat-contacts .contacts-list li:hover li+li .contacts-item{border-top:0}.chat-header{box-shadow:0 6px 20px 4px rgba(30,30,30,.6901960784313725);grid-area:header;z-index:1}.chat-header .content{align-items:center;border-bottom:1px solid #eaeaea;display:flex;margin:0 20px;padding:15px 0}.chat-header .content .avatar{border-radius:50%;height:60px;margin-right:10px;overflow:hidden;width:60px}.chat-header .content .avatar img{width:60px}.chat-header .content ._send{cursor:pointer;position:absolute;right:22px;top:33px}.chat-header .content ._send i{color:#fff;font-size:24px}.chat-message{background-color:#9b51e0;border-radius:0 10px 10px;line-height:140%;margin-bottom:10px;max-width:400px;padding:20px}.chat-message.my-message{border-radius:10px 0 10px 10px;margin-left:auto}.chat-message .message-image{display:none}.chat-message .message-time{color:#fff;text-align:end}.chat-message.image-message{background-color:#fff;border-radius:10px;display:flex;padding:0}.chat-message.image-message .message-text,.chat-message.image-message .message-time{display:none}.chat-message.image-message .message-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;display:block;height:500px;width:500px}.form-input{display:flex;flex-direction:column;font-size:18px;height:60px;justify-content:center;margin-bottom:8px;max-height:60px;min-height:60px;position:relative;width:100%}.form-input input{background-color:transparent;border-style:none;font-size:inherit;margin-bottom:5px;outline:none;width:100%}.form-input .form-input-line{border-bottom:1px solid #1e1e1e;width:100%}.form-input.error .form-input-helper{color:#f44336}.form-input.error .form-input-line{border-bottom-color:#f44336}.form-input.error input{color:#f44336}.form-input .form-input-helper{color:#1e1e1e;font-size:9px;margin-top:3px;width:100%}.chat-input-message{box-shadow:0 -6px 20px 4px rgba(30,30,30,.6901960784313725);grid-area:input-message;z-index:1}.chat-input-message .content{align-items:center;border-top:1px solid #eaeaea;display:flex;justify-content:space-between;margin:0 20px}.chat-input-message .content ._attach{color:#999;font-size:32px}.chat-input-message .content ._input input{border-radius:30px;border-style:none;color:#fff;font-size:18px;height:100%;margin:0;outline:none;width:100%}.chat-input-message .content ._send{background-color:#9b51e0;border-radius:5px;color:#fff;height:42px;padding:10px}.chat{background-color:#1e1e1e;color:#fff;display:grid;font-size:12px;gap:0 0;grid-template-areas:"controls header" "contacts messages" "contacts input-message";grid-template-columns:330px auto;grid-template-rows:100px auto 60px;height:100vh;max-height:100vh;min-height:100vh;overflow:hidden}.chat .chat-controls{align-items:center;display:flex;grid-area:controls;justify-content:center;overflow:auto}.chat .chat-messages{grid-area:messages;overflow:auto}.chat .chat-messages .messages{height:calc(100vh - 135px);margin:0 20px;overflow:auto;padding-bottom:50px;padding-top:50px}.chat .chat-messages .messages .chat-message{background-color:#9b51e0;border-radius:0 10px 10px;line-height:140%;margin-bottom:10px;max-width:400px;padding:20px}.chat .chat-messages .messages .chat-message._my{border-radius:10px 0 10px 10px;margin-left:auto}.chat .chat-messages .messages .chat-message._image{background-color:#fff;border-radius:10px;display:flex;padding:0}.chat .chat-messages .messages .chat-message._image img{border-radius:10px;max-width:100%}.chat .chat-messages .messages .chat-message ._time{color:#999;text-align:end}.error-page{align-items:center;background-color:#fff;color:#1e1e1e;display:flex;flex-direction:column;font-size:12px;height:100vh;justify-content:center;max-height:100vh;min-height:100vh;overflow:hidden}.error-page .error-page-content{display:flex;flex-direction:column;max-width:455px}.error-page .error-page-content .button{color:#fff;margin-top:50px;width:355px}.login-page{color:#fff;display:grid;font-size:12px;gap:0 0;grid-template-areas:"login registration";grid-template-columns:auto 500px;grid-template-rows:auto;height:100vh;max-height:100vh;min-height:100vh;overflow:hidden}.login-page .login-form{align-items:center;color:#1e1e1e;display:flex;flex-direction:column;grid-area:login;justify-content:center;padding:0 10px}.login-page .login-form .form-input{max-width:355px}.login-page .registration{align-items:center;background-color:#1e1e1e;box-shadow:2px 0 18px 9px rgba(30,30,30,.38823529411764707);display:flex;flex-direction:column;grid-area:registration;justify-content:center;padding:0 10px}.login-page .registration .button{width:355px}.personal-image{align-items:center;display:flex;justify-content:flex-end}.personal-image input{display:none}.personal-figure{border-radius:50%;height:120px;overflow:hidden;position:relative;width:120px}.personal-figure img{width:120px}.personal-avatar{border:2px solid transparent;border-radius:100%;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);box-sizing:border-box;cursor:pointer;height:120px;transition:all .3s ease-in-out;width:120px}.personal-avatar:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,.5)}.personal-figcaption{align-items:center;background-color:transparent;border-radius:100%;cursor:pointer;display:flex;height:inherit;justify-content:center;opacity:0;position:absolute;top:0;transition:all .3s ease-in-out;width:inherit}.personal-figcaption:hover{background-color:rgba(0,0,0,.5);opacity:1}.personal-figcaption>img{height:50px;margin-top:32.5px;width:50px}.personal-figcaption i{font-size:45px}.profile{background-color:#1e1e1e;color:#fff;display:grid;font-size:12px;gap:0 0;grid-template-areas:"menu content";grid-template-columns:310px auto;grid-template-rows:auto;height:100vh;max-height:100vh;min-height:100vh;overflow:hidden}.profile .settings-menu{align-items:flex-start;display:flex;padding:20px}.profile .settings-menu ._back{color:#fff;font-size:24px}.profile .content{background-color:#fafafa;grid-area:content;overflow:auto;padding-bottom:100px}.profile .content .controls,.profile .content .password-form,.profile .content .user-form{background-color:#fff;border-radius:10px;margin:50px auto 0;padding:40px;width:600px}.profile .content .form_controls{display:flex;justify-content:flex-end;margin-top:50px}.profile .form-title{color:#1e1e1e;margin-bottom:30px}.profile .header{align-items:center;display:flex;justify-content:flex-end}.profile .avatar{border-radius:50%;height:120px;overflow:hidden;width:120px}.profile .avatar img{width:120px}.registration-page{color:#fff;display:grid;font-size:12px;gap:0 0;grid-template-areas:"login registration";grid-template-columns:500px auto;grid-template-rows:auto;height:100vh;max-height:100vh;min-height:100vh;overflow:hidden}.registration-page .registration-form{align-items:center;color:#1e1e1e;display:flex;flex-direction:column;grid-area:registration;justify-content:center;padding:0 10px}.registration-page .registration-form .form-input{max-width:355px;min-width:355px}.registration-page .registration-form .form-sub-title{margin-bottom:50px;max-width:355px}.registration-page .registration-form .button{color:#fff;margin-top:50px;width:355px}.registration-page .login{align-items:center;background-color:#1e1e1e;box-shadow:2px 0 18px 9px rgba(30,30,30,.38823529411764707);display:flex;flex-direction:column;grid-area:login;justify-content:center;padding:0 10px}.registration-page .login .button{width:355px}
/*# sourceMappingURL=index.4664b71a.css.map */