:root{--element-backgroundDark: #3369f3;--element-background: #efefef;--element-backgroundLight: #fbfbfb;--element-colorLight: #ffffff;--element-color: #999999;--element-colorDark: #1e1e1e;--element-colorError: #ff2f2f;--border-color: #EAEAEA;--border-colorDark: #ABABAB;--myMessegeChat-background: #e4edfd;--companionMessegeChat-background: #f8f8f8}.main{width:100vw;height:20px}.main__list{display:flex;gap:10px;justify-content:space-between;width:100%;height:100%;margin:0;padding:0;list-style:none}.main__point{width:100%;height:100%}.main__pointLink{display:block;text-decoration:none;width:100%;height:100%;background-color:transparent;border-bottom:1px solid var(--element-color);cursor:pointer;color:var(--element-color);background-color:var(--element-colorLight);opacity:.5;text-align:center}.main__pointLink_active{opacity:1;color:var(--element-colorLight);background-color:var(--element-backgroundDark)}.main__pointLink:hover{width:100%;color:var(--element-colorLight);background-color:var(--element-backgroundDark)}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Inter-Regular-CKDp9E3C.woff2?v=3.19) format("woff2"),url(/assets/Inter-Regular-DJOZHnwz.woff?v=3.19) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Inter-Bold-CuhepTt8.woff2?v=3.19) format("woff2"),url(/assets/Inter-Bold-2PT7Q-hu.woff?v=3.19) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/Inter-Black-DgUKMdlB.woff2?v=3.19) format("woff2"),url(/assets/Inter-Black-DtxVgCT8.woff?v=3.19) format("woff")}.login{width:100%;height:95vh;display:flex;justify-content:center;align-items:center}.login__main{width:340px;height:450px;padding:30px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--border-color);border-radius:12px}.login__heading{width:100%;margin:20px 0 0;font-family:Inter;font-weight:400;font-size:20px;line-height:20px;letter-spacing:0%;text-align:center;color:var(--element-colorDark)}.login__form{width:100%;height:100%;display:flex;flex-direction:column;padding-top:25px}.login__transitionRegistr{margin-top:14px;text-decoration:none;font-family:Inter;font-weight:400;font-size:11px;line-height:11px;letter-spacing:0%;color:var(--element-backgroundDark)}.registration{width:100%;height:95vh;display:flex;justify-content:center;align-items:center}.registration__main{width:340px;height:615px;padding:30px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--border-colorDark);border-radius:12px}.registration__heading{width:100%;margin:20px 0 0;font-family:Inter;font-weight:400;font-size:20px;line-height:20px;letter-spacing:0%;text-align:center;color:var(--element-colorDark)}.registration__form{width:100%;height:100%;display:flex;flex-direction:column}.registration__transitionRegistr{margin-top:14px;text-decoration:none;font-family:Inter;font-weight:400;font-size:11px;line-height:11px;letter-spacing:0%;color:var(--element-backgroundDark)}.chats{width:100%;display:flex}.chats__list{width:25%;height:95vh;padding:10px;display:flex;flex-direction:column;border-right:1px solid var(--border-color)}.chats__list>button{width:100px;height:15px;margin:10px 0 10px auto;border:none;background-color:transparent;font-family:Inter;font-weight:400;font-size:12px;line-height:12px;letter-spacing:0%;text-align:right;color:var(--element-color)}.chats__profile{width:100px;height:15px;margin:10px 0 10px auto;border:none;background-color:transparent;font-family:Inter;font-weight:400;font-size:12px;line-height:12px;letter-spacing:0%;text-align:right;color:var(--element-color);text-decoration:none}.chats__item{display:flex;flex-direction:column;justify-content:space-between;gap:5px;width:70%;padding:10px 20px}.chats__itemText{font-family:Inter;font-weight:400;font-size:12px;line-height:12px;letter-spacing:0%;text-align:center;color:var(--element-color);margin:auto 0}.profile{display:flex}.profile__buttonBack{height:100vh;width:5%;margin:0;padding:0 15px;border:none;border-left:1px solid var(--border-color);background:var(--element-backgroundLight);background-image:url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='14'%20cy='14'%20r='14'%20fill='%233369F3'/%3e%3crect%20x='8'%20y='13.2'%20width='11'%20height='1.6'%20fill='white'/%3e%3cpath%20d='M15%209L19%2014L15%2019'%20stroke='white'%20stroke-width='1.6'/%3e%3c/svg%3e");rotate:180deg;background-repeat:no-repeat;background-size:50%;background-position:center}.profile__buttonBack:hover{opacity:.8;cursor:pointer}.profile__main{width:95%;display:flex;flex-direction:column;align-items:center;padding:60px}.profile__avatar{width:130px;height:130px;border-radius:50%;overflow:hidden;object-fit:contain}.profile__name{margin:20px 10px 60px;font-family:Inter;font-weight:600;font-size:16px;line-height:16px;letter-spacing:0%;text-align:center;color:var(--element-colorDark)}.profile__data{width:40%}.profile__buttons{width:100%;display:flex;flex-direction:column;gap:10px;margin:60px 0 0}.profile__button{width:100%;border:none;border-bottom:1px solid var(--border-color);background-color:transparent;text-align:left;font-family:Inter;font-weight:400;font-size:13px;line-height:13px;letter-spacing:0%;color:var(--element-backgroundDark)}.profile__button:hover{opacity:.8;cursor:pointer;border-bottom:1px solid var(--border-colorDark)}.profile__button_red{color:var(--element-colorError)}.errRout404{width:100%;height:95vh;display:flex;justify-content:center;align-items:center}.errRout404__main{width:200px;height:180px;padding:10px;display:flex;flex-direction:column;align-items:center}.errRout404__heading{width:100%;margin:0;font-family:Inter;font-weight:400;font-size:40px;line-height:40px;letter-spacing:0%;text-align:center;color:var(--element-colorDark)}.errRout404__text{margin:20px 0 0;font-family:Inter;font-weight:400;font-size:20px;line-height:20px;letter-spacing:0%;color:var(--element-colorDark);text-align:center}.errRout404__transitionRegistr{margin-top:70px;text-decoration:none;font-family:Inter;font-weight:400;font-size:11px;line-height:11px;letter-spacing:0%;color:var(--element-backgroundDark);text-align:center}.errRout500{width:100%;height:95vh;display:flex;justify-content:center;align-items:center}.errRout500__main{width:200px;height:180px;padding:10px;display:flex;flex-direction:column;align-items:center}.errRout500__heading{width:100%;margin:0;font-family:Inter;font-weight:400;font-size:40px;line-height:40px;letter-spacing:0%;text-align:center;color:var(--element-colorDark)}.errRout500__text{margin:20px 0 0;font-family:Inter;font-weight:400;font-size:20px;line-height:20px;letter-spacing:0%;color:var(--element-colorDark);text-align:center}.errRout500__transitionRegistr{margin-top:70px;text-decoration:none;font-family:Inter;font-weight:400;font-size:11px;line-height:11px;letter-spacing:0%;color:var(--element-backgroundDark);text-align:center}.button{width:98%;height:37px;border:none;border-radius:8px;background-color:var(--element-backgroundDark);font-family:Inter;font-weight:400;font-size:13px;line-height:13px;letter-spacing:0%;text-align:center;color:var(--element-colorLight);margin:auto auto 0}.button:hover{opacity:.9;cursor:pointer}.buttonLink{width:98%;height:37px;border:none;border-radius:8px;background-color:transparent;font-family:Inter;font-weight:400;font-size:11px;line-height:11px;letter-spacing:0%;text-align:center;color:var(--element-backgroundDark);margin-top:14px}.buttonLink:hover{opacity:.9;cursor:pointer}.inputForm{width:100%;display:flex;flex-direction:column;margin-top:16px;gap:7px}.inputForm__heading{margin:0;font-family:Inter;font-weight:400;font-size:9px;line-height:9px;letter-spacing:0%}.inputForm__input{width:98%;border:none;border-bottom:1px solid var(--element-backgroundDark)}.inputForm__input:focus{outline:none;border-bottom:1px solid var(--element-backgroundDark)}.inputForm__error{font-family:Inter;font-weight:400;font-size:8px;line-height:8px;letter-spacing:0%;color:var(--element-colorError)}.input{width:calc(100% - 30px);height:24px;padding:4px 10px 4px 20px;border:none;border-radius:5px;background-color:var(--element-background)}.input:focus{outline:none;border-bottom:1px solid var(--element-colorDark)}.chatsList{height:80vh;list-style:none;margin:14px 0 0;padding:0;overflow:scroll;border-top:1px solid var(--border-color)}.chatPoint{width:100%;border-bottom:1px solid var(--border-color)}.chatPoint__button{width:100%;border:none;background-color:transparent;display:flex;gap:10px;padding:12px 0;opacity:.9;transition:opacity .5s linear}.chatPoint__button:hover{opacity:1;border:1px solid var(--border-color);cursor:pointer;transition:opacity .5s linear}.chatPoint__avatar{border-radius:50%;width:47px;height:47px;object-fit:cover}.chatPoint__main{width:67%;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.chatPoint__heading{margin:0;font-family:Inter;font-weight:700;font-size:13px;line-height:13px;letter-spacing:0%;color:var(--element-colorDark)}.chatPoint__content{margin:0;height:30px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:Inter;font-weight:400;font-size:12px;line-height:15px;letter-spacing:0%;text-align:left;color:var(--element-color)}.chatPoint__info{display:flex;flex-direction:column;justify-content:space-between;align-items:end;gap:4px}.chatPoint__time{white-space:nowrap;margin:0;font-family:Inter;font-weight:400;font-size:9px;line-height:13px;letter-spacing:0%;text-align:right;color:var(--element-color)}.chatPoint__countMesNotRead{width:20px;height:20px;display:flex;justify-content:center;align-items:center;vertical-align:middle;margin:0;background-color:var(--element-backgroundDark);border-radius:50%;font-family:Inter;font-weight:500;font-size:11px;line-height:12px;letter-spacing:0%;text-align:center;color:var(--element-colorLight)}.chatPoint__scroll{width:5px}.chatContent{display:flex;flex-direction:column;justify-content:space-between;gap:5px;width:70%;padding:10px 20px}.chatContent__header{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;height:40px;border-bottom:1px solid var(--border-color)}.chatContent__user{width:50vw;display:flex;align-items:center;gap:10px}.chatContent__avatar{width:34px;height:34px;border-radius:50%}.chatContent__heading{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Inter;font-weight:700;font-size:13px;line-height:13px;letter-spacing:0%;color:var(--element-colorDark)}.chatContent__menu{width:34px;height:34px;padding:0;margin:0;border:none;background-color:transparent;background-image:url("data:image/svg+xml,%3csvg%20width='3'%20height='16'%20viewBox='0%200%203%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='1.5'%20cy='2'%20r='1.5'%20fill='%231E1E1E'/%3e%3ccircle%20cx='1.5'%20cy='8'%20r='1.5'%20fill='%231E1E1E'/%3e%3ccircle%20cx='1.5'%20cy='14'%20r='1.5'%20fill='%231E1E1E'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center}.chatContent__content{height:80vh;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px;overflow:scroll}.chatContent__contentTime{font-family:Inter;font-weight:400;font-size:12px;line-height:12px;letter-spacing:0%;text-align:center;color:var(--element-color)}.chatContent__control{width:100%;display:flex;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--border-color)}.chatContent__control>.input{width:calc(100% - 70px);border-radius:30px}.chatContent__controlButton{width:30px;height:30px;padding:0;margin:0;border:none;background-color:transparent;background-image:url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='14'%20cy='14'%20r='14'%20fill='%233369F3'/%3e%3crect%20x='8'%20y='13.2'%20width='11'%20height='1.6'%20fill='white'/%3e%3cpath%20d='M15%209L19%2014L15%2019'%20stroke='white'%20stroke-width='1.6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center}.chatMessage__my{align-self:flex-end;min-width:10%;max-width:60%;border-radius:20px 20px 0;background-color:var(--myMessegeChat-background);padding:11px;display:flex;flex-direction:column;margin-right:10px}.chatMessage__companion{align-self:flex-start;min-width:10%;max-width:60%;border-radius:0 20px 20px;background-color:var(--companionMessegeChat-background);padding:11px;display:flex;flex-direction:column}.chatMessage__text{margin:0}.chatMessage__text{font-family:Inter;font-weight:400;font-size:12px;line-height:15px;letter-spacing:0%;text-align:left;color:var(--element-colorDark)}.chatMessage__info{margin:0;align-self:flex-end;display:flex;align-items:center;gap:4px}.chatMessage__read{width:20px;height:10px;background-image:url("data:image/svg+xml,%3csvg%20width='10'%20height='5'%20viewBox='0%200%2010%205'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cline%20y1='-0.5'%20x2='3.765'%20y2='-0.5'%20transform='matrix(0.705933%200.708278%20-0.705933%200.708278%200.700195%202.33313)'%20stroke='%233369F3'/%3e%3cline%20y1='-0.5'%20x2='5.6475'%20y2='-0.5'%20transform='matrix(0.705933%20-0.708278%200.705933%200.708278%203.35828%205.00006)'%20stroke='%233369F3'/%3e%3cline%20y1='-0.5'%20x2='5.6475'%20y2='-0.5'%20transform='matrix(0.705933%20-0.708278%200.705933%200.708278%206.01587%205.00006)'%20stroke='%233369F3'/%3e%3c/svg%3e");background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain}.chatMessage__time{font-family:Inter;font-weight:400;font-size:9px;line-height:9px;letter-spacing:0%;text-align:right;color:var(--element-backgroundDark)}.chatMessage__companion .chatMessage__time{color:var(--element-color)}.inputProfile{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid var(--border-color);margin-top:10px;gap:10px}.inputProfile__heading{width:45%;margin:0;font-family:Inter;font-weight:400;font-size:13px;line-height:13px;letter-spacing:0%;color:var(--element-colorDark)}.inputProfile__input{width:50%;min-width:20px;border:none;background-color:transparent;font-family:Inter;font-weight:400;font-size:13px;line-height:13px;letter-spacing:0%;text-align:right;color:var(--element-color)}.inputProfile__input:focus{outline:none}.inputProfile__error{font-family:Inter;font-weight:400;font-size:8px;line-height:8px;letter-spacing:0%;color:var(--element-colorError)}.inputAvatar{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:13fr 1fr;gap:10px;width:130px;height:150px;cursor:pointer}.inputAvatar:hover .inputAvatar__hover{opacity:.5}.inputAvatar__hover{grid-column:1/2;grid-row:1/2;width:70px;height:70px;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--element-colorDark);opacity:0;padding:30px;cursor:pointer;font-family:Inter;font-weight:500;font-size:13px;line-height:14px;letter-spacing:0%;text-align:center;color:var(--element-colorLight);z-index:5}.inputAvatar__input{opacity:0;visibility:hidden;width:1px;height:1px;grid-column:1/2;grid-row:1/2}.inputAvatar__img{width:130px;height:130px;border-radius:50%;overflow:hidden;grid-column:1/2;grid-row:1/2;object-fit:contain}.inputAvatar__messege{grid-column:1/2;grid-row:2/3;font-family:Inter;font-weight:400;font-size:10px;line-height:10px;letter-spacing:0%;text-align:center;color:var(--element-colorDark)}.inputAvatar__messege_error{color:var(--element-colorError)}body{margin:0}