.container__user-list{display:flex;flex-direction:column;max-width:430px;margin:20px 30px;background-color:rgba(147,168,168,.5);border-radius:20px;padding:16px}.user-list-search{margin:10px}.user-list-search .input__user-list-search{height:20px;border:1px solid gray;border-radius:12px;padding:12px}.ul__user-list-names{list-style-position:inside;padding:0;margin:0}.li__user-list{font-size:22px;margin-left:10px;padding-left:20px}.li__user-list::marker{color:red}.li__user-list:hover{cursor:pointer;background-color:#ced8d8}.li__user-list-active::marker{color:green}.li__user-list-inactive::marker{color:gray}.li__user-list-messages{border-radius:50px;margin-left:10px;padding:2px 6px;font-size:16px;color:#7a0c15}
.container__chat{display:flex;flex-direction:column;width:800px;margin:20px auto}.chat-header{display:flex;justify-content:space-around;background-color:rgba(147,168,168,.5);padding:18px;border-radius:20px}.chat-history{height:100%;display:flex;flex-direction:column;overflow-y:scroll;overflow-x:hidden;margin:20px 0;scrollbar-color:#868282 #f0f0f0;scrollbar-width:thin}.chat-history .message-separator-container{display:flex;justify-content:center}.chat-history .message-separator-container .message-separator-text{border-radius:20px;background-color:rgba(160,71,71,.5);padding:12px 28px;font-size:14px;font-style:italic;color:#3f0d0d}.chat-history .user-message-container{display:flex;flex-direction:column;width:96%;margin:20px}.chat-history .user-message-container-me{align-items:flex-end}.chat-history .user-message-container-user{align-items:flex-start}.chat-history .user-message-bulb{min-width:fit-content;border-radius:20px;padding:16px 16px 8px 16px}.chat-history .user-message-info-container{display:flex;justify-content:flex-end;align-items:center;column-gap:6px;color:#262626;font-size:12px;padding-top:6px}.chat-history .user-message-info-container .user-message-edited{color:#0f4c6e;font-style:italic}.chat-history .user-message-info-container .user-message-status-container{display:flex}.chat-history .user-message-info-container .user-message-status-container path{stroke:rgba(65,65,65,.575)}.chat-history .user-message-info-container .user-message-status-container .user-message-status-delivered{margin-right:-5px}.chat-history .user-message-info-container .user-message-status-container .user-message-status-delivered .message-status-delivered path{stroke:#0a445f}.chat-history .user-message-info-container .user-message-status-container .user-message-status-read .message-status-read path{stroke:#1a7536}.chat-history .user-message-info-container .user-message-menu:hover{cursor:pointer}.chat-history .user-messages-me{background-color:#89a7c0}.chat-history .user-messages-user{background-color:#a7cfb6}.context-menu-container{position:absolute;display:none;background-color:#c0c0b8;border:1px solid #ccc;box-shadow:2px 2px 5px rgba(0,0,0,.2);z-index:1000;border-radius:12px}.context-menu-container .context-menu-list{list-style:none;margin:0;padding:0}.context-menu-container .context-menu-action{padding:10px}.context-menu-container .context-menu-action:hover{cursor:pointer}.context-menu-container .context-menu-action-edit:hover{background-color:#33964c;border-radius:12px 12px 0 0}.context-menu-container .context-menu-action-delete:hover{background-color:rgba(179,67,67,.925);border-radius:0 0 12px 12px}.chat-input{display:flex;column-gap:12px}.chat-input .input__user-messages{width:100%;height:20px;border:1px solid gray;border-radius:12px;padding:8px}.chat-input .button__user-messages-send{border:1px solid gray;border-radius:8px;padding:4px 10px}.chat-input .button__user-messages-send:hover{cursor:pointer}
.footer{display:flex;justify-content:space-evenly;align-items:center;padding:10px}
.main{display:flex;flex-direction:row;height:680px}.select-user-container{display:flex;height:100%;justify-content:center;align-items:center}
.header{display:flex;height:60px;justify-content:space-between;align-items:center;margin:0 6%}.header .button__about{margin-right:10px}.header .text__header-user-name{font-family:"DM Serif Text";letter-spacing:.16em}
.main-about{display:flex;flex-direction:column;width:100%;height:100%;align-items:center;justify-content:center}.about-main{text-align:center}
.no-connection-container{display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:rgba(143,79,79,.2);z-index:10;position:absolute;top:0;left:0}.view-blur{filter:blur(3px);overflow:hidden}
@font-face{font-family:"CaveatBrush-Regular";src:url(../dae368f31d8ab9261b85.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"DM Serif Text";src:url(../c63bc97c84c421f39c7a.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"DM Serif Text Italic";src:url(../a9c34fee60668888d0f8.ttf) format("truetype");font-weight:400;font-style:italic}html,body{height:100%;margin:0;background-color:#f0f4f9}#root{max-width:1440px;height:100%;margin:0 auto;border-radius:20px}#root .button{border-radius:4px;border:1px solid #b7bbbb;padding:8px 12px}#root .button:hover{cursor:pointer}.text__standart{font-family:Arial,Helvetica,sans-serif}.text__header-fun{font-family:"CaveatBrush-Regular"}.text__info-italic{font-family:"DM Serif Text Italic"}
.main__login{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.container__login-box{background-color:#fff;padding:40px;border-radius:20px}.form__login{display:flex;flex-direction:column;row-gap:8px;align-items:flex-end;max-width:380px}.form__login label{padding-right:10px}.form__login .input__login{height:22px;padding:4px 6px;border-radius:4px;border:1px solid #b7bbbb}.form__login .container__login-button .button__about{margin-right:10px}.input__incorrect{background-color:rgba(255,0,0,.158)}.input__correct{background-color:rgba(45,192,77,.158)}.container__login-message{height:22px;text-align:end;padding-top:8px}.container__login-message .text__login-message{margin:0;padding:0;font-size:14px;color:red}.login-about-app{color:gray;text-align:center;padding:0;margin:0}