@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto:wght@400;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--white07:hsla(0,0%,100%,.7);--white01:hsla(0,0%,100%,.1);--main-bg:#292d3e;--conifer:#899d44;--conifer09:rgba(137,157,67,.9);--black:#000;--black07:rgba(0,0,0,.7);--black01:rgba(0,0,0,.1);--black05:rgba(0,0,0,.5);--shark:#20232a;--charade:#2b303b;--middle-shark:#282c34;--red:rgba(255,51,51,.9);--red07:rgba(255,51,51,.7)}input{outline:0}label{cursor:pointer}.input{border:2px solid transparent;border-radius:20px;padding:10px 15px;transition:.1s;width:100%}.btn{border:none;cursor:pointer}.sign-out-btn{background-color:rgba(255,51,51,.9);background-color:var(--red);border-radius:10px;color:#fff;color:var(--white);font-family:Open Sans,sans-serif;font-size:16px;font-weight:700;line-height:18px;padding:5px 10px}.sign-out-btn:hover{background-color:rgba(255,51,51,.7);background-color:var(--red07)}ul{list-style-type:none}.delete-Chat-Btn{height:30px;width:30px}.delete-Chat-Btn svg{fill:var(--white07);transition:.1s}.delete-Chat-Btn:hover svg{fill:var(--conifer)}.chat-body{height:100%;overflow:hidden;width:100%}.chat-body__messages-wrapper{height:calc(100% - 140px);overflow-y:auto}.chat-body__messages{height:calc(100% - 120px);margin:0 auto;padding:10px 0;width:90%}.chat-body__input-wrapper{padding:15px 0}.chat-body__form{margin:0 auto;position:relative;width:95%}.chat-body__form input{word-wrap:break-word;background-color:var(--shark);color:var(--white);padding:15px 50px 15px 20px}.chat-body__form .btn{background-color:initial;border-radius:20px;height:50px;position:absolute;right:0;top:0;width:50px}.chat-body__form .btn:hover svg{fill:var(--conifer)}@media screen and (max-width:900px){.chat-body_active{position:absolute;z-index:1000}}@media screen and (max-width:800px){.chat-body{display:none}.chat-body_active{display:block}}.chat-body__header{align-items:center;background-color:var(--shark);border-bottom:1px solid var(--white01);border-top:1px solid var(--white01);display:flex;height:60px;justify-content:space-between;padding-left:15px;padding-right:35px}.chat-body__remove-chat-btn svg{fill:var(--white07)}.chat-body__remove-chat-btn:hover svg{fill:var(--conifer)}.chat-user{align-items:center;display:flex;gap:10px}.chat-user__img{height:40px;width:40px}.chat-user__img img{border-radius:50%;height:100%;width:100%}.chat-user__description{color:var(--white);font-family:Roboto,sans-serif;font-size:18px}.messages{color:var(--white);font-family:Open Sans,sans-serif;font-size:16px}.message{margin-bottom:10px;width:100%}.message p{word-wrap:break-word;max-width:48%;padding:10px}.messages__own-message{display:flex;justify-content:flex-end}.messages__alien-message{display:flex;justify-content:flex-start}.messages__own-message p{background-color:var(--conifer09);border-radius:10px 10px 1px 10px}.messages__alien-message p{background-color:var(--shark);border-radius:10px 10px 10px 1px}.chat-list{background-color:var(--shark);border-right:1px solid var(--white01);border-top:1px solid var(--white01);height:100%;max-width:360px;width:100%}.conversation{background-color:initial;cursor:pointer;padding:10px 15px;transition:.1s}.chat-list__conversation_active,.conversation:hover{background-color:var(--charade)}.conversation__item{align-items:center;display:flex;gap:10px}.conversation__img{height:50px;width:50px}.conversation__img img{border-radius:50%;height:100%;width:100%}.conversation__description{font-family:Open Sans,sans-serif;max-width:250px}.conversation__title{color:var(--white);font-size:18px;height:24px;line-height:24px;overflow:hidden}.conversation__last-message{color:var(--white07);font-size:14px;height:24px;line-height:24px;overflow:hidden}@media screen and (max-width:900px){.chat-list_hide{position:relative;z-index:-100}}@media screen and (max-width:800px){.chat-list{max-width:800px}}.messanger{display:flex;height:calc(100vh - 60px);position:relative;width:100%}.header{background-color:var(--shark);height:60px}.header__container{margin:0 auto;max-width:900px;width:95%}.header__wrapper{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.header__title h2{color:var(--white);font-family:Roboto,sans-serif;font-size:32px;line-height:32px}.header__user{cursor:pointer;height:40px;max-width:40px;min-width:40px}.header__user img{border-radius:50%;height:100%;width:100%}@media screen and (max-width:690px){.header__title span{display:none}}.user-edit{background-color:var(--shark);height:calc(100vh - 60px);width:100%}.user-edit__container{height:100%;margin:0 auto;max-width:900px;width:100%}.user-edit__wrapper{align-items:center;background-color:var(--middle-shark);border-left:1px solid var(--white01);border-right:1px solid var(--white01);border-top:1px solid var(--white01);display:flex;flex-direction:column;gap:15px;height:100%;overflow-y:hidden;position:relative;width:100%}.user-edit__redirect-chat{left:25px;position:absolute;top:25px}.user-edit__redirect-chat svg{fill:var(--white07)}.user-edit__redirect-chat:hover svg{fill:var(--conifer)}.user-edit__title{color:var(--white07);font-family:Open Sans,sans-serif;font-size:18px;font-weight:700;line-height:24px;padding:15px 0 25px;text-transform:uppercase}.user-edit__add-photo-modal{background-color:var(--black05);height:calc(100vh + 60px);position:absolute;top:-60px;width:100%;z-index:100}.user-edit__action-btns{display:flex;gap:50px}.add-photo-modal{opacity:0;transition:.1s;visibility:hidden}.add-photo-modal-active{opacity:1;visibility:visible}.add-photo-modal__window{align-items:center;background-color:var(--white);display:flex;flex-direction:column;gap:10px;left:50%;max-width:360px;padding-bottom:10px;position:absolute;top:60px;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.1s;width:95%;z-index:1000}.add-photo-modal__title{color:var(--black);font-family:Open Sans,sans-serif;font-size:14px;font-weight:700;line-height:16px;padding:10px 0;text-transform:uppercase;-webkit-user-select:none;user-select:none}.add-photo-modal__preview{border-radius:50%;height:128px;width:128px}.add-photo-modal__avatar{height:290px;overflow:hidden;-webkit-user-select:none;user-select:none;width:290px}.add-photo-modal__error-message{color:var(--red);-webkit-user-select:none;user-select:none}.add-photo-modal__save-btn{background-color:var(--conifer);color:var(--white);font-family:Open Sans,sans-serif;font-size:12px;font-weight:700;padding:8px 10px 7px;text-transform:uppercase;transition:.1s}.add-photo-modal__save-btn:hover{background-color:var(--conifer09)}.photo-editor{align-items:center;display:flex;flex-direction:column;gap:15px}.photo-editor__img-label{cursor:pointer;max-height:64px;max-width:64px;min-height:64px;min-width:64px;position:relative}.photo-editor__img-label img{border-radius:50%;height:100%;object-fit:cover;width:100%}.photo-editor__text-label{color:var(--white);cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:16px;transition:.1s;-webkit-user-select:none;user-select:none}.photo-editor__text-label:hover{color:var(--conifer)}.name-editor{align-items:center;display:flex;gap:10px}.name-editor label{color:var(--white)}.loader{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.lds-dual-ring{display:inline-block;height:80px;width:80px}.lds-dual-ring:after{-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite;border:6px solid #fff;border-color:var(--conifer) transparent var(--conifer) transparent;border-radius:50%;content:" ";display:block;height:64px;margin:8px;width:64px}@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.auth{background-color:var(--main-bg);color:var(--white);height:100vh;overflow:hidden;position:relative;width:100%}.auth__wrap{display:flex;flex-direction:column;left:50%;max-width:300px;position:absolute;top:15vh;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:90%}.auth__form{margin-bottom:10px;position:relative}.auth__text{font-family:Roboto,sans-serif;padding:30px 0;text-align:center}.auth__title{font-size:36px;font-weight:700}.auth__sub-title{color:var(--white07);font-family:Open Sans,sans-serif;font-size:13px;font-weight:400}.auth__input{margin-bottom:25px;position:relative}.auth__input:last-child{margin-bottom:30px}.auth__input input{outline:0;padding:10px 15px 9px;width:100%}.auth__input label{color:var(--black07);font-family:Open Sans,sans-serif;font-size:13px;font-weight:400;left:15px;position:absolute;top:10px;transition:.1s;-webkit-user-select:none;user-select:none}.auth__input input:focus~label,.auth__input input:not(:placeholder-shown)~label{color:var(--white);-webkit-transform:translate(-10px,-30px);transform:translate(-10px,-30px)}.errorMessage{color:var(--red);display:inline-block;font-family:Roboto,sans-serif;font-size:14px;line-height:18px;padding-left:10px}.auth__errorMessage{bottom:50px;left:0;position:absolute}.auth__forgot-password{color:var(--conifer);font-family:Roboto,sans-serif;font-size:14px;text-decoration:none;transition:.1s}.auth__forgot-password:hover{color:var(--conifer09);text-decoration:underline}.auth__button{background-color:var(--conifer);color:var(--white);font-family:Roboto,sans-serif;font-size:14px;font-weight:700;padding:14px 0;text-transform:uppercase;width:100%}.auth__button:disabled,.auth__button:hover{background-color:var(--conifer09)}.auth__redirect{color:var(--white07);font-family:Open Sans,sans-serif;font-size:14px;line-height:25px;text-align:center;text-decoration:none}.auth__google{align-items:center;display:flex;flex-direction:column;gap:10px;padding:20px 0}.search{max-width:360px;position:relative;width:75%}.search__input input{background-color:var(--middle-shark);color:var(--white);padding:10px 42px}.search__user-list{background-color:var(--middle-shark);left:-15%;max-height:600px;max-width:500px;overflow-y:auto;padding:10px 0;position:absolute;top:45px;width:130%;z-index:10000}.searched-user{align-items:center;border-bottom:1px solid var(--white01);cursor:pointer;display:flex;gap:10px;padding:10px 15px;transition:.1s}.searched-user:last-child{border:none}.searched-user:hover{background-color:var(--charade)}.searched-user__img{height:40px;width:40px}.searched-user__img img{border-radius:50%;height:100%;width:100%}.searched-user__description{font-family:Roboto,sans-serif}.markUserMail{background-color:var(--conifer)}.searched-user__name{color:var(--white);font-size:18px;line-height:24px}.searched-user__email{color:var(--white07);font-size:16px;line-height:24px}.search svg{fill:#fff;left:12px;position:absolute;top:11px;transition:.1s}.search input:focus{border-color:var(--conifer)}.search input:focus~svg{fill:var(--conifer)}.post-boy{background-color:var(--middle-shark);height:100vh;overflow:hidden;width:100%}
/*# sourceMappingURL=main.1c0c9710.css.map*/