body{font-family:Roboto,sans-serif;margin:0}.home{flex-direction:column;justify-content:center;min-height:100vh}.home,.home__container{align-items:center;display:flex}.home__container{margin:32px auto}.footer{align-items:center;display:flex;flex-direction:column}.footer .footer-links>div{display:flex;flex-wrap:wrap;justify-content:center}.footer .footer-links{display:flex;flex-direction:column;margin-bottom:10px}.footer .footer-links a{color:#8e8e8e;font-size:12px;margin:0 8px 8px;text-decoration:none;white-space:nowrap}.footer .footer-base{color:#8e8e8e;display:flex;font-size:12px;gap:14px;margin-bottom:52px}.footer .footer-base .footer-language{align-items:center;cursor:pointer;display:flex;justify-content:center}.footer .footer-base .footer-language svg{fill:#8e8e8e;height:12px;margin-left:4px;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:12px}.home__login .login{align-items:center;border:1px solid #dbdbdb;border-radius:1px;box-sizing:border-box;display:flex;flex-direction:column;font-size:14px;margin-bottom:10px;padding:10px 0;width:350px}.home__login .login>img{margin:36px auto}.home__login .login .login_input{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.home__login .login .login_input label{align-items:center;color:#8e8e8e;display:flex;font-size:12px;height:36px;left:calc(12.5% + 4px);position:absolute;z-index:0}.home__login .message-box{color:#ed4956;font-size:14px;margin:10px 0;text-align:center;width:270px}.home__login .hidden{display:none}.label-u__hover-in{-webkit-transform:scale(.83) translateY(-10px) translateX(-20px);transform:scale(.83) translateY(-10px) translateX(-20px)}.label-u__hover-in,.label__hover-in{transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.label__hover-in{-webkit-transform:scale(.83) translateY(-10px) translateX(-6px);transform:scale(.83) translateY(-10px) translateX(-6px)}.label__hover-out{transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.home__login .login .login_input input{background-color:transparent;border:1px solid #dbdbdb;border-radius:3px;height:20px;margin-bottom:6px;outline:none;padding:9px 0 7px 8px;width:75%;z-index:1}.home__login .login .login_input input:focus{border-color:#a8a8a8}.home__login .login>button:first-of-type{all:unset;align-items:center;background-color:rgba(0,149,246,.3);border:1px solid transparent;border-radius:4px;box-sizing:border-box;color:#fff;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;height:30px;justify-content:center;margin-bottom:8px;margin-top:8px;width:75%}.home__login .login>button svg{height:28px;width:28px}.home__login .login .clickable{background-color:#0095f6!important;cursor:pointer!important}.home__login .login .seperator{align-items:center;color:#8e8e8e;display:flex;margin-bottom:18px;margin-top:10px;width:75%}.home__login .login .seperator>div:not(.seperator-text){border:none;border-top:1px solid #dbdbdb;flex:1 1}.home__login .login .seperator .seperator-text{text-align:center;width:55px}.home__login .login .facebook-login{all:unset;align-items:center;cursor:pointer;display:flex;font-family:Roboto,sans-serif;margin:8px 0}.home__login .login .facebook-login>img{margin-right:8px}.home__login .login .facebook-login>span{color:#385185;font-size:14px;font-weight:600}.home__login .login>a{color:#00376b;font-size:12px;margin-bottom:10px;margin-top:12px;text-decoration:none}.home__login .register{align-items:center;border:1px solid #dbdbdb;border-radius:1px;box-sizing:border-box;color:#262626;display:flex;font-size:14px;justify-content:center;margin-bottom:10px;padding:25px 0}.home__login .register>p{margin:0;padding-right:4px}.home__login .register>a{color:#0095f6;font-size:14px;font-weight:600;text-decoration:none}.home__phone{height:581.15px;margin-bottom:12px;margin-right:32px;overflow:hidden;position:relative;width:380.32px}.home__phone>img{-webkit-transform:translateX(-46px);transform:translateX(-46px)}.home__phone .slides>img{left:110px;opacity:0;position:absolute;top:27px;visibility:hidden}.home__phone .slides>img.slide-in{opacity:1;transition:opacity 1.5s ease-in;visibility:visible;z-index:2}.home__phone .slides>img.slide-out{opacity:0;transition:opacity 1.5s ease-out;visibility:visible}.error__container{background-color:#000;color:#fff;gap:10px;height:100vh}.error__container,.register__body{align-items:center;display:flex;justify-content:center}.register__body{background-color:#fafafa;flex-direction:column}.register__container{align-items:center;background-color:#fff;border:1px solid #dbdbdb;border-radius:1px;box-sizing:border-box;display:flex;flex-direction:column;margin-top:15px;padding-left:40px;padding-right:40px;width:350px}.register__container>img{margin-bottom:10px;margin-top:40px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.register__container>h2{all:unset;color:#8e8e8e;font-family:Roboto,sans-serif;font-size:19px;font-weight:600;margin-bottom:20px;text-align:center;width:calc(100% - 30px)}.register__facebook_login{align-items:center;background-color:#0095f6;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:34px;justify-content:center;width:100%}.register__facebook_login>img{margin-right:7px;translate:0 1px}.register__seperator{border-bottom:1px solid #dbdbdb;height:5px;margin-bottom:30px;margin-top:20px;position:relative;width:100%}.register__seperator>h2{background-color:#fff;color:#8e8e8e;display:flex;font-size:14px;justify-content:center;left:calc(50% - 25px);position:absolute;top:-13px;width:50px}.register__terms{color:#8e8e8e;font-size:12px;text-align:center}.register__terms span{font-weight:600}.register__inputs{align-items:center;display:flex;flex-direction:column;position:relative;width:100%;z-index:0}.register__inputs>div{width:100%}.register__inputs label{align-items:center;color:#8e8e8e;display:flex;font-size:12px;height:36px;left:9px;position:absolute;z-index:-1}.register__inputs input{background-color:transparent;border:1px solid #dbdbdb;border-radius:3px;height:20px;margin-bottom:6px;outline:none;padding:9px 0 7px 8px;width:100%;z-index:1}.register__inputs input:focus{border-color:#a8a8a8}.label-c__hover-in{-webkit-transform:scale(.83) translateY(-10px) translateX(-13px);transform:scale(.83) translateY(-10px) translateX(-13px);transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.register__container button{all:unset;align-items:center;background-color:rgba(0,149,246,.3);border:1px solid transparent;border-radius:4px;box-sizing:border-box;color:#fff;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;height:30px;justify-content:center;margin-bottom:38px;margin-top:10px;width:100%}.register__container button>svg{height:28px;width:28px}.register__container .clickable{background-color:#0095f6!important;cursor:pointer!important}.register__container .message-box{color:#ed4956;font-size:14px;margin-bottom:30px;margin-top:-20px;text-align:center;width:270px}.register__container .hidden{display:none}.register__hint{align-items:center;border:1px solid #dbdbdb;border-radius:1px;box-sizing:border-box;color:#262626;display:flex;font-size:14px;justify-content:center;margin-bottom:60px;margin-top:10px;padding:25px 0;width:350px}.register__hint>p{margin:0;padding-right:4px}.register__hint>a{color:#0095f6;font-size:14px;font-weight:600;text-decoration:none}.dashboard__header{background-color:#000;border-bottom:1px solid #363636;height:60px;position:fixed;width:100vw}.dashboard__header,.header_logo{align-items:center;display:flex;justify-content:center}.header_logo{cursor:pointer;flex:1 1;gap:8px}.header_logo>div{-webkit-transform:translateY(5px);transform:translateY(5px)}.heaher_search{flex:1 1}.header_search>div{display:flex;position:relative}.header_search>div input{background-color:#262626;border:none;border-radius:8px;color:#8e8e8e;height:36px;outline:none;padding-left:16px;width:268px}.header_search>div input.text{color:#fff;font-size:16px}.header_search input:focus+.search_icon>svg{display:none}.header_search>div .search_icon{align-items:center;color:#8e8e8e;display:flex;gap:12px;left:15px;position:absolute;top:10px}.header_search .arrow{height:40px;left:130px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:40px}.header_search .arrow,.search_results{background-color:#2f2f2f;-webkit-filter:drop-shadow(rgba(49,49,47,.389) 0 0 5px);filter:drop-shadow(rgba(49,49,47,.389) 0 0 5px);position:absolute;top:50px}.search_results{border-radius:6px;color:#e0f1ff;left:-25px;max-height:200px;min-height:50px;overflow:scroll;padding-bottom:10px;padding-top:10px;width:345px}.search_results .non-existing{padding-left:36px;padding-top:15px}.search_results>svg{width:30px}.search_results .result{align-items:center;cursor:pointer;display:flex;gap:15px;height:54px}.search_results .result:hover{background-color:#000}.result_profile>img{border-radius:50%;margin-left:20px;width:44px}.result_info{display:flex;flex-direction:column;gap:2px}.result_info>h2{all:unset;font-size:14px;font-weight:600}.result_info>h3{all:unset;font-size:14px;font-weight:400}.header_buttons{align-items:center;display:flex;flex:1 1;gap:18px;justify-content:center;position:relative}.header_buttons .activity-container{background-color:#2f2f2f;border-radius:10px;position:absolute;right:100px;top:40px;width:500px}.header_buttons .activity-arrow{background-color:#2f2f2f;height:50px;position:absolute;right:182px;top:44px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:50px}.header_buttons .activity-container .activity-blank{align-items:center;display:flex;flex-direction:column}.header_buttons .activity-container .activity-blank>div{align-items:center;display:flex;gap:10px;height:60px}.activity-blank>div h4{all:unset;color:#98f5e1;font-size:14px;font-weight:400}.header_buttons .activity-container .activity-blank img{background-color:#98f5e1;border-radius:50%;width:20px}.header_buttons .activity-container .activity-blank>span{color:#fbf8cc;font-size:15px;margin-bottom:20px;text-align:center;width:400px}.header_buttons .activity-container .activity-fill{padding-bottom:10px;padding-top:10px}.header_buttons .activity-container .fill-notification{align-items:center;cursor:pointer;display:flex;height:50px;padding-left:20px}.header_buttons .activity-container .fill-notification:hover{background-color:#222020}.activity-container .fill-notification>h3{all:unset;color:#f5f5f5;font-size:14px;font-weight:600;padding-left:10px}.header_buttons .activity-container .fill-notification>span{color:#f5f5f5;font-size:14px;padding-left:4px}.header_buttons .activity-container .fill-notification>img{border-radius:50%;width:30px}.header_buttons>svg{cursor:pointer}.header_avatar>img{border-radius:20px;cursor:pointer;width:24px}.header_avatar{position:relative}.hidden{display:none}.header_avatar .arrow{height:40px;left:-8px;top:43px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:40px}.avatar_menu,.header_avatar .arrow{background-color:#2f2f2f;-webkit-filter:drop-shadow(rgba(49,49,47,.389) 0 0 5px);filter:drop-shadow(rgba(49,49,47,.389) 0 0 5px);position:absolute}.avatar_menu{border-radius:6px;color:#e0f1ff;left:-160px;top:42px;width:230px}.avatar_menu a,.avatar_menu ul{all:unset}.avatar_menu li{align-items:center;cursor:pointer;display:flex;gap:10px;height:40px;padding-left:20px}.avatar_menu li:hover{background-color:#000}.dashboard__create{align-items:center;background-color:rgba(0,0,0,.386);display:flex;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:3}.dashboard__create .close-button{cursor:pointer;position:fixed;right:30px;top:30px}.dashboard__create .create_box{background-color:#262626;border-radius:10px;height:78vh;overflow:hidden;width:30vw}.dashboard__create .create_box>div:first-of-type{align-items:center;border-bottom:1px solid rgba(68,68,68,.664);color:#f5f5f5;display:flex;font-weight:700;height:42px;justify-content:center}.dashboard__create .create_box .picker{align-items:center;display:flex;flex-direction:column;gap:25px;height:82%;justify-content:center}.dashboard__create .create_box .picker>button{all:unset;background-color:#0095f6;border-radius:4px;color:#f5f5f5;cursor:pointer;font-size:14px;font-weight:600;padding:7px 12px}.dashboard__create .create_box .picker>input{display:none}.dashboard__create .create_box .image-container{align-items:center;display:flex;justify-content:center;padding-top:10px;position:relative;width:100%}.image-container .comments-box{bottom:0;color:#f5f5f5;height:100px;position:absolute;-webkit-transform:translateY(120px);transform:translateY(120px);width:100%}.image-container .comments-box>textarea{background-color:transparent;border:0;box-sizing:border-box;color:#f5f5f5;font-family:Roboto,sans-serif;height:95px;outline:none;overflow-y:scroll;padding:10px 15px;resize:none;width:100%}.comments-box .profile-info{align-items:center;display:flex;justify-content:space-between}.comments-box .profile-info>button{all:unset;background-color:transparent;color:#0095f6;cursor:pointer;font-size:14px;font-weight:600;margin-right:15px}.comments-box .profile-info>button svg{height:25px;width:25px}.comments-box .profile-info div{align-items:center;display:flex;gap:12px;height:50px;padding-left:15px}.comments-box .profile-info div>img{border-radius:50%;width:30px}.comments-box .profile-info div>h3{all:unset;font-size:16px;font-weight:600}.dashboard__create .create_box .uploaded-image{width:70%}.message__user{align-items:center;background:rgba(34,33,33,.299);color:#fff;display:flex;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:3}.message__user .message_box{background-color:#2f2f2f;border-radius:10px;height:64vh;width:400px}.message__user .message_box .box_header{align-items:center;border-bottom:1px solid hsla(0,2%,39%,.371);display:flex;height:42px;justify-content:space-between;padding:0 15px}.message__user .message_box .box_header h2{all:unset;font-size:16px;font-weight:600}.message__user .message_box .box_header span{color:rgba(0,148,246,.315);font-size:14px;font-weight:600}.message__user .message_box svg{cursor:pointer;height:21px;width:21px}.message__user .message_box .search_flask{align-items:center;display:flex;padding:15px}.message__user .message_box .search_flask h2{all:unset;font-size:17px;font-weight:700}.message__user .message_box .search_flask input{background-color:transparent;border:none;caret-color:#fff;color:#fff;font-size:14px;margin-left:15px;outline:none}.box_search_result{display:flex;flex-direction:column;gap:5px;max-height:285px;overflow:scroll}.box_search_result .individual_user{cursor:pointer;display:flex;flex-direction:column;font-size:14px;padding:5px 15px}.box_search_result .individual_user:hover{background-color:#201e1e}.box_search_result .individual_user h2{all:unset;font-size:14px;font-weight:600}.dashboard__main{background-color:#121212;color:#fff;display:flex;gap:20px;justify-content:center;min-height:calc(100vh - 61px);padding-top:61px}.main__posts_container{display:flex;flex:5 1;flex-direction:column;gap:20px;margin-top:20px}.main__posts_container .post-box{align-self:flex-end;background-color:#000;border:1px solid rgba(70,67,67,.665);border-radius:8px;width:470px}.post-box .post-username{align-items:center;border-bottom:1px solid rgba(70,67,67,.665);display:flex;gap:14px;height:56px;padding-left:15px}.post-box .post-username>img{border-radius:50%;cursor:pointer;width:32px}.post-box .post-username>span{cursor:pointer;font-size:14px;font-weight:600}.post-box .post-photo>img{width:470px}.post-comments .post-reactions{align-items:center;display:flex;gap:15px;padding:8px 15px}.post-comments .post-reactions svg{fill:#fff;color:#fff;cursor:pointer}.post-comments .post-reactions svg.heart-red,.post-comments .post-reactions svg.heart-red:hover{fill:#ed4956;color:#ed4956;cursor:pointer}.post-comments .post-reactions svg:hover{fill:#8e8e8e;color:#8e8e8e}.post-comments .post-likes{font-size:14px;font-weight:600;padding:6px 15px}.post-comments .post-caption{align-items:center;display:flex;font-size:14px;gap:8px;padding-left:15px}.post-comments .post-caption>span:first-of-type{cursor:pointer;font-weight:600}.post-comments .post-total-comments{color:#8e8e8e;font-size:14px;padding:6px 15px}.post-comments .post-total-comments>h3{all:unset;cursor:pointer}.post-total-comments .individual-comment{align-items:center;color:#fff;display:flex;gap:5px;padding-top:4px}.post-total-comments .individual-comment h3{all:unset;cursor:pointer;font-size:14px;font-weight:600}.post-comments .post-date{padding:5px 15px 20px}.post-comments .post-date>time{all:unset;color:#8e8e8e;font-size:10px;font-weight:500;text-transform:uppercase}.post-box .post-add-comment{align-items:center;border-top:1px solid hsla(0,2%,51%,.388);display:flex;justify-content:space-between;padding-left:15px;width:calc(100% - 15px)}.post-box .post-add-comment>div{align-items:center;display:flex;gap:14px;padding-bottom:11px;padding-top:10px}.post-add-comment>span svg{height:20px;-webkit-transform:translate(-5px);transform:translate(-5px);width:20px}.comment-box{background-color:transparent;border:none;caret-color:#f5f5f5;color:#f5f5f5;font-family:Roboto,sans-serif;font-size:14px;outline:none;overflow:hidden;padding:5px 0;resize:none;transition:height .3s ease;width:350px}.comment-box::-webkit-input-placeholder{color:hsla(240,1%,73%,.889)}.comment-box:-ms-input-placeholder{color:hsla(240,1%,73%,.889)}.comment-box::placeholder{color:hsla(240,1%,73%,.889)}.post-add-comment>span{color:#0095f6;cursor:pointer;font-size:14px;font-weight:600;padding-right:20px}.post-add-comment>span.disabled{color:rgba(0,148,246,.469);cursor:default}.main__suggestions{flex:4 1;margin-left:20px;margin-top:50px}.main__suggestions .user-data{align-items:center;display:flex;gap:20px;width:320px}.main__suggestions .user-data h3,.main__suggestions .user-data h4{all:unset}.main__suggestions .user-data>img{border-radius:50%;width:56px}.main__suggestions .user-data .user-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.main__suggestions .user-data .user-info>div{display:flex;flex-direction:column;gap:1px;justify-content:center}.main__suggestions .user-data .user-username{cursor:pointer;font-size:14px;font-weight:600}.main__suggestions .user-data .user-info h4{color:#8e8e8e;font-size:14px}.main__suggestions .user-data .user-info>h3{color:#0095f6;cursor:pointer;font-size:12px;font-weight:600}.main__suggestions .user-data .user-info a{all:unset}.user-suggestions{margin-top:16px;width:320px}.user-suggestions>div:first-of-type{align-items:center;display:flex;justify-content:space-between}.user-suggestions>div:first-of-type h3{all:unset;color:#8e8e8e;font-size:14px;font-weight:600}.user-suggestions>div:first-of-type span{cursor:pointer;font-size:12px;font-weight:600}.user-suggestions .suggestions-box{display:flex;flex-direction:column;padding-top:13px}.suggestions-box .profile-photo{border-radius:50%;height:32px;width:32px}.suggestions-box .suggest{align-items:center;display:flex;height:46px}.suggest .username-box{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding-left:10px}.suggest .username-box>h3{all:unset;cursor:pointer;font-size:14px;font-weight:600}.suggest .username-box>span{color:#8e8e8e;font-size:12px}.suggest>h4{all:unset;color:#0095f6;cursor:pointer;font-size:12px;font-weight:600}.suggest>h4.following-button{color:#fff}.suggest>svg{height:20px;-webkit-transform:translate(-10px);transform:translate(-10px);width:20px}.profile__container{align-items:center;background-color:#121212;color:#fafafa;display:flex;flex-direction:column;min-height:calc(100vh - 61px);padding-top:61px}.followers-list{align-items:center;display:flex;height:100%;justify-content:center;position:fixed;-webkit-transform:translateY(-100px);transform:translateY(-100px);width:100vw}.followers-list .followers-container{background-color:#302d2d;border-radius:10px;display:flex;flex-direction:column;width:400px}.followers-list .followers-container .followers-heading{align-items:center;border-bottom:1px solid rgba(74,71,71,.617);display:flex;height:42px;justify-content:center;position:relative}.followers-container .followers-heading>h3{all:unset;font-weight:600}.followers-container .followers-heading>svg{cursor:pointer;position:absolute;right:20px;top:12px}.followers-container .list{display:flex;flex-direction:column;padding:10px 20px}.followers-container .list .person{align-items:center;display:flex;justify-content:space-between}.followers-container .list .person>div{align-items:center;display:flex;height:40px}.followers-container .list .person>button{all:unset;background-color:rgba(25,25,25,.045);border:1px solid rgba(66,64,64,.821);border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;padding:6px 24px}.followers-container .list .person h4{all:unset;cursor:pointer;font-size:14px;font-weight:600}.followers-container .list .person img{border-radius:50%;margin-right:10px;width:30px}.profile__container h2{all:unset}.profile_user{align-items:center;border-bottom:1px solid rgba(60,57,57,.573);display:flex;gap:80px;height:250px;justify-content:left;padding-left:5vw;width:60vw}.profile_user .user_info{display:flex;flex-direction:column;gap:30px}.profile_user .user_info>div{align-items:center;display:flex;gap:30px}.user_info div:first-of-type{gap:30px}.user_info div:first-of-type>h2{font-size:28px}.user_info div:first-of-type>button{all:unset;border:1px solid #363636;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:5px 9px}.user_info div:first-of-type>svg{cursor:pointer}.user_info .follow{align-items:center;display:flex;gap:8px!important}.user_info .follow .follow-btn{align-items:center;background-color:#0095f6;border-color:#0095f6;display:flex;height:18px;justify-content:center;width:74px}.user_info .follow .follow-btn .spinner{height:22px;-webkit-transform:translateY(-2px);transform:translateY(-2px);width:22px}.user_info .follow .unfollow-btn{align-items:center;display:flex;height:27px;justify-content:center;padding:0;width:75px}.user_info .follow .unfollow-btn .spinner{height:20px;width:20px}.user_info .follow .down-arrow{align-items:center;background-color:#0095f6;border-radius:4px;cursor:pointer;display:flex;height:30px;justify-content:center;width:34px}.user_info .follow .brown-box{background-color:transparent;border:1px solid #363636;height:27px}.user_info .follow .brown-box>svg{rotate:180deg}.user_photo>img{border-radius:50%;width:150px}.user_follow>div span:first-of-type{font-weight:700;padding-right:4px}.user_follow>div:not(:first-of-type){cursor:pointer}.profile_username>h2{font-weight:700}.profile_posts{height:30vh;padding-top:20px}.inbox__container{align-items:center;background-color:#121212;color:#fff;display:flex;height:calc(100vh - 61px);justify-content:center;padding-top:61px}.inbox__container h1,.inbox__container h2{all:unset;font-size:14px;font-weight:600}.container__box{background-color:#000;border:1px solid rgba(70,68,68,.574);display:flex;height:83vh;width:67vw}.box_users{background-color:transparent;border-right:1px solid rgba(70,68,68,.574);display:flex;flex:1 1;flex-direction:column}.box_users .users_header{align-items:center;border-bottom:1px solid rgba(70,68,68,.574);display:flex;gap:3px;height:59px;justify-content:center;position:relative}.box_users .users_header h1{cursor:default;font-size:16px}.box_users .users_header>svg:first-of-type{cursor:default;height:20px;-webkit-transform:translate(2px,2px);transform:translate(2px,2px);width:20px}.box_users .users_header>svg:not(:first-of-type){cursor:pointer;position:absolute;right:20px;top:18px}.box_message{align-items:center;background-color:transparent;display:flex;flex:1.8 1;flex-direction:column;gap:10px;justify-content:center}.box_message>h1{font-size:22px;font-weight:400}.box_message>span{color:#8e8e8e;font-size:14px}.box_message>button{all:unset;background-color:#0095f6;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:6px 9px}.box_users .users_list{display:flex;flex-direction:column;gap:12px;padding-top:10px}.users_list .message_overview{align-items:center;display:flex;gap:10px}.users_list .message_overview>div{cursor:pointer;display:flex;flex-direction:column;gap:5px}.users_list .message_overview:hover{background-color:#0e0d0d}.users_list .message_overview>img{border-radius:50%;height:48px;margin-left:20px;width:48px}.users_list .message_overview h2{all:unset;font-size:14px;font-weight:600}.users_list .message_overview span{color:#8e8e8e;font-size:14px}.box_message .message__fill{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.message__fill .message_user__info{align-items:center;border-bottom:1px solid rgba(70,68,68,.574);display:flex;height:59px}.message__fill .message_user__info>img{border-radius:50%;height:25px;margin:10px 10px 10px 20px;width:25px}.message__fill .message_user__info>span{font-size:14px;font-weight:600}.message__fill .message__typer{position:relative}.message__fill .message__typer input{background-color:hsla(0,2%,48%,.404);border:none;border-radius:30px;box-sizing:border-box;caret-color:#fff;color:#fff;height:32px;margin:10px 20px 20px;outline:none;padding-left:40px;padding-right:105px;width:93%}.message__fill .message__typer>svg{left:25px;position:absolute;top:14px}.message__fill .message__typer>img{cursor:pointer;height:35px;position:absolute;right:80px;top:8px;width:35px}.message__fill .message__typer>img:hover{opacity:80%}.message__fill .message__typer>button{all:unset;background-color:transparent;border-radius:20px;color:rgba(45,143,208,.622);cursor:pointer;font-size:13px;font-weight:500;padding:5px 15px;position:absolute;right:25px;top:12px}.message__fill .message__typer>button.send-dark{color:#09f!important}.message__body{overflow:scroll}.message__body .message__text_right{padding:5px 20px;text-align:end}.message__body .message__text_left{margin-bottom:3px;padding:5px 10px;text-align:start}.message__body .message__text_left span{background-color:rgba(82,76,76,.424);border-radius:5px;border-bottom-right-radius:20px;border-top-right-radius:20px;padding:6px 10px}
/*# sourceMappingURL=main.c6c698d8.css.map*/