@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";.auth__page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.auth__card{display:flex;justify-content:space-between;flex-direction:column;width:25%;min-height:50%;box-shadow:0 0 6px #00000024;border-radius:8px;border-radius:var(--rounded);padding:20px}.auth__input{display:flex;flex-direction:column;gap:24px;margin-top:10%}.auth__buttons{display:flex;align-items:center;flex-direction:column;gap:5px;margin-top:20px}:root{--list-chat-color: #FBFBFB}.block__chats{padding:14px;top:0;background-color:#fbfbfb;background-color:var(--list-chat-color);width:20%;border-right:1px solid #EFEFEF;border-right:1px solid var(--secondary-color)}.profile__link{float:right;margin-bottom:18px}.profile__link a{color:#999;color:var(--text-color-gray)}.list__chats{margin-top:10px}.gray-circle{width:55px;height:55px;background-color:#efefef;background-color:var(--secondary-color);border-radius:100%}.chat__card{display:flex;gap:10px;padding:14px;border-bottom:1px solid #EFEFEF;border-bottom:1px solid var(--secondary-color);cursor:pointer}.chat__card:hover{background-color:#e4edfd;background-color:var(--third-color)}.chat__message{font-size:14px;width:70%;display:flex;flex-direction:column;gap:5px}.chat__message p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.chat__message>div:first-child{color:#000;font-weight:700}.message__text{display:flex;gap:2px;color:#999;color:var(--text-color-gray)}.message__datetime{font-size:12px;width:15%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#999;color:var(--text-color-gray)}.message__unread{background-color:#3369f3;background-color:var(--primary-color);border-radius:100%;width:22px;height:22px;color:#fff}.modal--chat form{display:flex;justify-content:center}.modal--chat input{width:100%}:root{--message-to-user-color: #F8F8F8}.chat{width:80%;padding:20px;display:flex}.chat__no-messages{justify-content:center;align-items:center;color:#999;color:var(--text-color-gray)}.chat__has-messages{flex-direction:column;justify-content:space-between}.user__info{display:flex;justify-content:space-between;border-bottom:2px solid #EFEFEF;border-bottom:2px solid var(--secondary-color);padding-bottom:10px}.user__name{display:flex;align-items:center;gap:8px}.photo-circle{width:40px;height:40px;background-color:#efefef;background-color:var(--secondary-color);border-radius:100%}.list__messages{height:85%;display:flex;flex-direction:column;overflow-y:auto;gap:20px}.message{max-width:60%;padding:10px;border-radius:8px;border-radius:var(--rounded);display:flex;flex-direction:column;gap:3px}.message__to-user{background-color:#f8f8f8;background-color:var(--message-to-user-color);align-self:start}.message__from-user{background-color:#e4edfd;background-color:var(--third-color);align-self:end}.message__time{color:#3369f3;color:var(--primary-color);font-size:12px;align-self:end}.message__date{align-self:center;color:#999;color:var(--text-color-gray)}.time-gray{color:#999;color:var(--text-color-gray)}.message__send{display:flex;width:100%;align-items:center;justify-content:space-between}.message__input{width:92%}.message-send__button{width:35px}.message-send__button>button{padding:5px 0;border-radius:100%}.select-menu{position:absolute;right:20px;top:75px;background:#efefef;background:var(--secondary-color);font-size:12px;border-radius:8px;border-radius:var(--rounded)}.select-menu>div{padding:10px;cursor:pointer;border-radius:8px;border-radius:var(--rounded)}.select-menu>div:hover{background:#e4edfd;background:var(--third-color)}#open-select{cursor:pointer}.form__search-user{display:flex;flex-direction:column;gap:10px!important;margin-top:15px}.search__users,.delete__users{max-height:150px;overflow-y:auto;margin:10px}.search__users label,.delete__users label{display:flex;align-items:center;font-size:14px;padding:10px}.search__users label:hover,.delete__users label:hover{background:#e4edfd;background:var(--third-color)}.search__users input,.delete__users input{width:-moz-fit-content;width:fit-content}.profile__page{display:flex;height:100vh}.back__block{background-color:#efefef;background-color:var(--secondary-color);width:5%}.profile__info{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.profile__photo{width:100px;height:100px;background-color:#efefef;background-color:var(--secondary-color);border-radius:100%;cursor:pointer;background-size:cover;background-position:center}.profile__photo:hover{background-color:#999;background-color:var(--text-color-gray)}.profile__photo:hover span{opacity:1}.profile__photo span{font-size:12px;opacity:0;text-align:center;color:#fff}.profile__info form{width:30%}.profile__table{border-collapse:collapse;width:100%;margin-bottom:30px}.profile__table td{border-bottom:1px solid #EFEFEF;border-bottom:1px solid var(--secondary-color);padding:10px 0}.profile__table td.value{color:#999;color:var(--text-color-gray);text-align:right}.profile__links{display:flex;flex-direction:column;margin-top:15%}.profile__links>a{border-bottom:1px solid #EFEFEF;border-bottom:1px solid var(--secondary-color);padding:10px 0}.profile__links>a:last-child{color:red}.modal--avatar form{width:100%;height:100%}.modal--avatar input{display:none}.modal--avatar label{color:#3369f3;color:var(--primary-color);cursor:pointer;font-size:16px;-webkit-text-decoration:underline;text-decoration:underline;font-weight:700}:root{--primary-color: #3369F3;--secondary-color: #EFEFEF;--third-color: #E4EDFD;--error-color: #F00;--hover-color: rgba(3,74,255,1);--text-color-gray: #999;--rounded: 8px}body{font-family:Inter,sans-serif;margin:0}h1,h3{text-align:center;font-weight:400;margin:0}input{border:none;padding:3px;width:100%}input:not(.edit-profile__input){border-bottom:1px solid #3369F3;border-bottom:1px solid var(--primary-color)}input.edit-profile__input{text-align:right;color:#999;color:var(--text-color-gray)}input[type=search],input[name=message]{background-color:#efefef;background-color:var(--secondary-color);border:0;padding:10px 7px;border-radius:8px;border-radius:var(--rounded);margin-bottom:10px}input[type=search]{text-align:center}label{display:block;font-size:12px;color:#999;color:var(--text-color-gray)}button{background-color:#3369f3;background-color:var(--primary-color);border:0;color:#fff;cursor:pointer;margin:5px 0}button:not(.round){width:100%;border-radius:8px;border-radius:var(--rounded);padding:10px 0}button.round{padding:7px;border-radius:100%;display:flex;justify-content:center}button.button__red{background:red}button:hover{background-color:#034aff;background-color:var(--hover-color)}a{font-size:14px;color:#3369f3;color:var(--primary-color);-webkit-text-decoration:none;text-decoration:none}a:hover{color:#034aff;color:var(--hover-color)}p,ul{margin:0;padding:0}.flex__center{display:flex;justify-content:center;align-items:center}.chats__page{display:flex;height:100vh}.menu{padding:18px 10px}.menu ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.error__page{width:100vw;height:100vh;flex-direction:column;gap:20px}.error__page h1{font-size:50px}.error{font-size:10px;color:red;padding-top:5px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080}.modal__content{background:#fff;height:30%;width:20%;border-radius:8px;border-radius:var(--rounded);padding:20px}.modal__content form{flex-direction:column;gap:40px}.close-popup{font-size:12px}.title-popup{font-size:18px;text-align:center}