/* 

# Пишу скрипты, модули с 0 
# PHP <=> 7.4, MySQL, MySQL(i), AJAX
# Author Xaori69otori
# Telegram @Xaori69otori

*/

:root {--white: #fff;--dark: #859BA6;--grey: #f9f9f9;--grey-a: #f7f7f7;--grey-b: #efefef;--grey-v: #e3e3e3;--grey-g: #cecece;--grey-d: #929498;--blue: #0f677d;--green: #859BA6;--logo: url(/assets/theme/logo-w.png) no-repeat center;--notify-photo: url(/assets/icons/notify-photo-w.png) no-repeat center;}[data-theme = dark] {--white: #121214;--dark: #ababab;--grey: #121214;--grey-a: #1a1a1a;--grey-b: #1d1d1e;--grey-v: #232325;--grey-g: #a1a1a1;--grey-d: #929498;--blue: #0f677d;--green: #859BA6;--logo: url(/assets/theme/logo-d.png) no-repeat center;--notify-photo: url(/assets/icons/notify-photo-d.png) no-repeat center;}.bg-dark{background: var(--dark) !important;}.bg-white {background: var(--white) !important;}.bg-green {background: var(--green) !important;}.cl-white {color: var(--white) !important;}.cl-dark {color: var(--dark) !important;}.cl-grey-d {color: var(--grey-d) !important;}.cl-blue {color: var(--blue) !important;}.p-5 {padding: 5px;}.p-10 {padding: 10px;}.p-15 {padding: 15px;}.p-20 {padding: 20px;}.pt-10 {padding-top: 10px;}.pt-15 {padding-top: 15px;}.pt-20 {padding-top: 20px;}.pb-10 {padding-bottom: 10px;}.pb-20 {padding-bottom: 20px;}.mt-10 {margin-top: 10px;}.mb-10 {margin-bottom: 10px;}.center {text-align: center;}.lh-1 {line-height: 20px;}.left {text-align: left;}.right {text-align: right;}.fl-l {float: left;}.fl-r {float: right;}.round {border-radius: 5px;}.round-t {border-radius: 5px 5px 0 0;}.round-b {border-radius: 0 0 5px 5px;}.round-f {border-radius: 50%;}.round-10 {border-radius: 10px;}.round-t-10 {border-radius: 10px 10px 0 0;}.round-b-10 {border-radius: 0 0 10px 10px;}.br-c-a {border-color: var(--grey-a) !important;}.br-c-v {border-color: var(--grey-v) !important;}.br-f {border: 1px solid;}.br-t {border-top: 1px solid;}.br-b {border-bottom: 1px solid;}.br-l {border-left: 1px solid;}.br-r {border-right: 1px solid;}.bs-m {box-shadow: 0px 1px 3px rgb(0 0 0 / 15%);}.d-block {display: block !important;}.table {display: flex;align-items: center;width: 100%;box-sizing: border-box;}.align-start {align-items: flex-start;}.icon-mini{font-size: 20px;margin: -5px 12px 0 0;}.point {cursor: pointer;}.point {cursor: pointer;}.w-100 {width: 100%;}.w-50 {width: 50%;}.w-auto {width: auto !important;}.emoji {width: 20px;padding: 0 5px 0 0;vertical-align: -4px;}b {font-weight: 500;}body {background: var(--grey);color: #000000;font-family: 'Roboto', sans-serif;font-size: 16px;margin: auto;max-width: 800px;word-break: break-word;}a:link, a:visited {color : #6b8aa3;text-decoration : none;}a:hover {color : #6b8aa3;text-decoration : none;}img {vertical-align: -2px;border: 0px;margin: 0;padding: 0;}::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-thumb{background: var(--grey-v);border-radius: 10px;}::-webkit-scrollbar-track{background: var(--grey);}#header {background: var(--grey);position: fixed;z-index: 2;color: var(--dark);top: 0;width: 545px;height: 60px;margin: 0 255px 0;}.header_logo{display: inline-block;padding: 0 20px;height: 60px;line-height: 59px;margin: 10px -120px;float: left;}.header_title{display: inline-block;padding: 0 20px;height: 60px;line-height: 59px;margin: 0 -20px;}.header-left{display: inline-block;float: left;}.header-right{display: inline-block;float: right;}.header-left a, .header-right a{display: block;padding: 0 20px;color: var(--dark);font-size: 27px;height: 60px;line-height: 55px;margin: 0;cursor: pointer;}.header-right button{display: block;background: var(--grey);padding: 0 20px;color: var(--dark);font-size: 27px;font-weight: 300;height: 60px;line-height: 55px;margin: 0;border: none;outline: none;cursor: pointer;}.header-right button:before{font-family: 'Font Awesome\ 6 Pro';content: '\f301';}.user-panel{display: none;}.content{padding: 65px 0 0 265px;}.logo{background: var(--logo);background-size: 200px;height: 85px;}.content-left{position: fixed;top: 0;height: 100vh;width: calc(100% - 56px);max-width: 255px;min-width: 255px;z-index: 2;text-align: left;overflow: visible;overflow-y: auto;box-shadow: rgb(0 0 0 / 12%) 3px 0 3px;}.content-left-menu a{display: block;color: var(--dark);font-size: 17px;padding: 10px;margin: 0 10px 10px 0;}.content-left-menu div a, link-active{background: var(--grey) !important;padding: 0;margin: 0;}.content-left-menu a:hover{background: var(--grey-b);border-radius: 20px;}.content-left .link-active{background: var(--grey-b);border-radius: 20px;}.content-left-menu a i{background: var(--grey-b);color: var(--dark);font-size: 20px;float: left;width: 38px;height: 35px;margin: -9px 15px 0 0;text-align: center;line-height: 35px;border-radius: 5px;}.content-left-d{padding: 3px 8px !important;text-align: left !important;line-height: 21px;}.content-left-d a{display: inline-block;color: #747474;font-size: 13px;padding: 0 5px;margin: 0;font-weight: normal;}#loading {background: linear-gradient(to left, #ff2748 20%, #f5ca14 50%, #7b3df0 80%);position: fixed;z-index: 10000000;top: 0;left: -6px;width: 1%;height: 4px;opacity: 0.7;transition: width 500ms ease-out, opacity 400ms linear;box-shadow: 0px 2px 2px rgb(0 0 0 / 8%);}.menu-post-content{display: none;position: relative;}.menu-post{position: absolute;right: 0;display: inline-block;background: var(--white);padding: 6px 0 6px 0;border: 1px solid var(--grey-v);border-radius: 6px;box-shadow: 0px 2px 2px rgb(0 0 0 / 8%);}.menu-post a{display: block;padding: 8px 30px 8px 15px;color: var(--dark);}.menu-post a:hover{background: var(--grey-a);}.menu-post a i{float: left;color: var(--grey-d);margin: 1px 10px 0 0;}.menu-post:before{position: absolute;right: 0;content: "";width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent var(--grey-v) transparent;margin: -16px 22px 0 0;}.menu-post:after{position: absolute;top: 6px;right: 0;content: "";width: 0;height: 0;border-style: solid;border-width: 0 9px 9px 9px;border-color: transparent transparent var(--white) transparent;margin: -15px 23px 0 0;}.profile-avatar img{width: 80px;height: 80px;object-fit: cover;border-radius: 50%;}.profile-name{color: var(--dark);font-size: 18px;}.profile-con{justify-content: space-evenly;margin: 8px 0 0 0;}.profile-con div{font-weight: 300;line-height: 23px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.profile-con div a{color: var(--grey-d);}.profile-con span{display: block;color: var(--dark);font-weight: 500;}.profile-about{font-weight: 300;padding: 0 50px 6px 50px;}.profile-site{font-weight: 300;padding: 0 50px 6px 50px;}.profile-site i{color: var(--blue) !important;padding: 0 3px 0 0;}.profile-dev div{width: 100%;}.profile-dev .mini{width: 150px;}.profile-dev div a{display: block;background: var(--grey-b);color: var(--dark);padding: 12px;margin: 5px;border-radius: 10px;}.profile-panel div a{font-size: 23px;color: var(--dark);}.public-content{padding: 5px 0 10px 5px;overflow: auto;}.con-public{float: left;width: 33.3%;height: 160px;margin: 0 0 5px 0;}.con-public-pic{position: relative;height: 160px;margin: 0 5px 0 0;transition: transform .2s;}.p-i:after{position: absolute;right: 0;color: white;font-size: 25px;font-weight: 600;padding: 6px 12px;opacity: 0.8;}.i-p:after{content: "\f0c8";font-family: 'Font Awesome\ 6 Pro';}.i-ps:after{content: "\f24d";font-family: 'Font Awesome\ 6 Pro';}.i-v:after{content: "\f03d";font-family: 'Font Awesome\ 6 Pro';}.i-a:before{position: absolute;left: 0;bottom: 0;color: white;font-size: 25px;font-weight: 600;padding: 8px 12px;opacity: 0.8;content: "\f005";font-family: 'Font Awesome\ 6 Pro';}.con-public-pic:hover{transition: all 0.5s ease;transform: scale(1.1);}.new-pulic{background: var(--grey-v);position: relative;top: 140px;display: inline-block;color: var(--dark);padding: 35px;text-align: center;border-radius: 10px;line-height: 45px;text-transform: uppercase;}.new-pulic i{display: block;font-size: 50px;}.new-pulic-form{display: block;background: var(--blue);color: var(--white) !important;padding: 10px;width: 30px;height: 20px;text-align: center;}a.add-story{display: inline-block;text-align: center;height: 100px;}a.add-story i{font-size: 62px;color: var(--dark);}a.add-story div{background: var(--white);width: 65px;height: 65px;border-radius: 50%;line-height: 66px;border: 2px solid #999999b5;}a.add-story span{display: block;padding: 7px 0 0 0;color: #999;font-weight: 300;opacity: 0.8;}.share{background: var(--blue);color: var(--white) !important;width: 35px;min-width: 35px;height: 35px;line-height: 35px;border-radius: 50%;text-align: center;}.b-search form{display: flex;width: 100%;}.search-input{width: 100%;}.search-input input{background: var(--grey-b);font-size: 16px;color: var(--grey-g);box-sizing: border-box;padding: 10px;outline: none;height: 40px;min-height: 40px;max-height: 40px;font-family: 'Roboto', sans-serif;font-weight: 300;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;border: none;border-radius: 0 10px 10px 0;}.search-button{width: 40px !important;min-width: 40px;max-width: 40px;}.search-button button{background: var(--grey-b);color: var(--grey-d);font-size: 17px;padding: 0 15px;border: none;outline: none;height: 40px;cursor: pointer;border-radius: 10px 0 0 10px;}.panel div{width: auto;padding: 0 10px 15px 15px;}.panel div a{color: var(--grey-d);font-weight: 300;}.panel .active{border-bottom: 2px solid var(--dark);}.panel .active a{color: var(--dark);font-weight: 400;}.input{background: var(--white);color: var(--grey-d);font-size: 16px;padding: 12px 10px 10px 15px;width: 100%;max-width: 100%;min-width: 100%;box-sizing: border-box;outline: none;height: 48px;max-height: 300px;min-height: 48px;margin: 5px 0 10px 0;font-family: 'Roboto', sans-serif;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 10px;border: 1px solid var(--grey-v);}.select{background: url(img/arrowb.svg) no-repeat top 8px right 10px var(--white);background-size: 30px;}.input-title{color: var(--grey-d);font-size: 15px;font-weight: 300;padding: 0 0 2px 10px;}.input-about{color: var(--grey-d);font-size: 14px;font-weight: 300;padding: 0 0 15px 10px;}.p-load{background: #efefef;color: #16161e;border-radius: 20px;text-align: center;font-size: 26px;padding: 0 3px;}.p-load i{position: relative;top: 4px;}.input-icon {position: relative;}.input-icon input {padding-left: 53px;}.input-icon::before{position: absolute;font-family: 'Font Awesome\ 6 Pro';left: 7px;transform: translateY(30%);color: var(--dark);font-size: 16px;font-weight: 600;width: 35px;height: 35px;line-height: 32px;border-radius: 10px;text-align: center;border: 1px solid #f2f2f2;}.in-i-nick::before{content: "\f007";}.in-i-pass::before{content: "\f084";}.in-i-email::before{content: "\40";}.button{background: linear-gradient(45deg, var(--blue), var(--blue));background: var(--blue);color: var(--white);font-size: 15px;font-weight: 400;letter-spacing: 0.3px;font-family: 'Roboto', sans-serif;padding: 11px;border: none;cursor: pointer;outline: none;width: 100%;text-transform: uppercase;border-radius: 10px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}.success{color: #60bf9c;padding: 13px;text-align: center;border-radius: 5px;border: 1px solid #60bf9c;margin: 10px 0;}.error{color: #bf6081;padding: 13px;text-align: center;border-radius: 5px;border: 1px solid #e3759b;margin: 10px 0;}.notify-photo div{position: relative;top: 10px;display: block !important;width: 50px;height: 50px;border-radius: 3px;}.notify-no-photo{position: relative;top: 10px;background: var(--notify-photo);background-size: cover;display: block !important;width: 50px;height: 50px;border-radius: 3px;}.con-avatar{width: 58px;min-width: 58px;}.con-avatar img{width: 45px;height: 45px;object-fit: cover;border-radius: 50%;}.con-info{position: relative;top: 2px;vertical-align: middle;line-height: 21px;width: 100%;}.user-avatar{width: 50px;height: 50px;object-fit: cover;border-radius: 50%;}.user-name, .user-name a{color: var(--dark);font-size: 16px;text-transform: capitalize;}.verified{color: var(--blue) !important;padding: 0 5px 0 5px;}.user-online::before{position: absolute;display: inline-block;background: #0f677d;color: var(--white);width: 8px;height: 8px;margin: 8px -27px;content: '';font-size: 10px;font-weight: 600;line-height: 13px;border: 3px solid var(--white);text-align: center;border-radius: 50%;}.con-add, .con-time{color: var(--grey-d);font-size: 15px;font-weight: 300;}.con-time{padding: 0 15px 15px 15px;}.con-list{padding: 10px 15px 10px 15px;}.con-list .list{padding: 8px 0 8px 0;}.con-content{margin: 3px 0 0 0px;}.con-photo{width: 100%;height: 350px;}.con-text{padding: 0 5px 10px 15px;color: var(--grey-d) !important;}.con-rez{display: block !important;height: 20px;overflow: hidden;}.con-panel{padding: 10px 15px 7px 15px;}.con-panel-like, .con-panel-comm, .con-panel-fav{display: inline-block !important;}.con-panel-like b, .con-panel-comm b, .con-panel-fav b{vertical-align: middle;font-size: 18px;font-weight: 400;}.con-panel-like{min-width: 65px;padding: 0 5px 0 0;}.con-panel-like-view{display: block !important;padding: 0 0 13px 22px;}.con-panel-like-view img{width: 20px;border-radius: 50%;}.con-panel-like-view-avatars{display: inline-block;position: relative;margin-left: -8px;}.con-panel-like-view-put{position: relative;top: -2px;display: inline-block;padding: 0 0 0 8px;color: var(--grey-d);font-size: 15px;}.con-panel-like-view-put a{color: var(--grey-d);font-weight: 500;}.con-panel-comm{width: 65px;}.con-panel-fav{float: right;}.con-panel-like a, .con-panel-comm a, .con-panel-fav a{color: var(--dark);font-size: 30px;}.comm-new{padding: 8px 5px 8px 5px;}.comm-new form{display: contents;}.comm-emoji{vertical-align: top;width: 25px !important;color: var(--grey-g);font-size: 25px;padding: 6px 10px;cursor: pointer;}.comm-input{width: 100%;}.comm-input textarea{display: none !important;background: var(--grey-b);font-size: 16px;font-family: unset;width: 100%;border: none;color: #5d6671;box-sizing: border-box;padding: 12px 50px 12px 15px;outline: none;resize: none;height: 43px;overflow: hidden;border-radius: 10px;}.comm-send{vertical-align: top;}.comm-send button{background: var(--white);color: var(--grey-g);font-size: 25px;padding: 9px 10px 9px 13px;border: none;outline: none;cursor: pointer;}.comments{padding: 10px 0 10px 0;}.list-comm{display: flex;padding: 8px 15px 8px 15px;}.comm-avatar{vertical-align: top;width: 58px;max-width: 58px;min-width: 58px;}.comm-avatar img{width: 40px;height: 40px;object-fit: cover;border-radius: 50%;}.comm-content{background: var(--grey-b);width: -webkit-fill-available;padding: 10px;border-radius: 5px;}.comm-content .user-name a{font-size: 15px;}.comm-content:before{position: absolute;content: "";width: 0;height: 0;border-style: solid;border-width: 8px 10px 8px 0;border-color: transparent var(--grey-b) transparent transparent;margin: 0 -20px;}.comm-text{padding: 3px 0 0 0;color: #666666;font-size: 15px;}.comm-add{padding: 0 0 0 8px;color: #8d8d8d;font-size: 15px;font-weight: 300;}.comm-del{background: var(--white);color: var(--dark) !important;width: 25px;height: 23px;text-align: center;font-size: 15px;line-height: 24px;border-radius: 0 5px 0 5px;margin: -10px -10px 0 3px;float: right;}#ajax_load_comm div{background: var(--grey-v);color: var(--dark);padding: 11px;border-radius: 5px;}.no-content, .no-public{background: var(--white);color: var(--dark);font-size: 18px;font-weight: 300;line-height: 23px;text-align: center;padding: 15% 0 15% 0;}.no-content div, .no-public div{display: inline-block;background: var(--white);padding: 50px 25px 15px 25px;height: 100px;border: 1px solid var(--grey-v);border-radius: 10px;}.no-content i, .no-public i{display: block;padding: 0 0 35px 0;color: var(--dark);font-size: 60px;}.no-public{background: none;padding: 50px;margin: 0;}.user-ban{color: var(--grey-g);font-size: 18px;font-weight: 300;line-height: 30px;text-align: center;margin: 100px 0 0 0;}.user-ban i{display: block;padding: 0 0 30px 0;color: var(--grey-g);font-size: 60px;}.user-ban div{color: var(--dark);margin: 10px 0 0 0;}.swiper-button-next, .swiper-button-prev{width: 30px;color: black;text-align: center;}.swiper-button-next:after, .swiper-button-prev:after{background: #ffffffbd;font-size: 15px;line-height: 30px;width: 100px;height: 30px;border-radius: 50%;}.swiper-pagination{position: initial;bottom: -20px;}.toggle-menu-act {position: relative;min-width: 26px;text-align: center;cursor: pointer;}.toggle-menu {position: relative;right: -6px;display: none !important;z-index: 2;}.toggle-menu.toggle-menu-open {display: block !important;width: auto;}._toggle-menu .toggle-menu-arrow {display: block;position: absolute;margin-top: -8px;width: 100%;z-index: 2;height: 8px;}.toggle-menu .toggle-menu-arrow {position: absolute;right: 10px;width: 18px;height: 10px;margin: 15px 0;z-index: 100;}.toggle-menu .toggle-menu-arrow span::after {border-bottom: 10px solid var(--white);top: 1px;}.toggle-menu .toggle-menu-arrow span::before {border-bottom: 10px solid var(--grey-v);}.toggle-menu .toggle-menu-arrow span::after,.toggle-menu .toggle-menu-arrow span::before {position: absolute;width: auto;height: auto;border-left: 10px solid transparent;border-right: 10px solid transparent;display: inline-block;margin-left: -1px;content: "";}.toggle-menu-act span {position: absolute;right: 0;overflow: hidden;font-size: 20px;color: var(--dark);margin: -10px 3px 0 0;}.toggle-menu-act span::after{content: "\f141";font-family: 'Font Awesome\ 6 Pro';}.toggle-menu .toggle-menu-block {position: absolute;right: 0;background: var(--white);width: max-content;padding: 5px 0;margin: 25px 0;z-index: 10;border: 1px solid var(--grey-v);border-radius: 5px;box-shadow: 0px 2px 2px rgb(0 0 0 / 8%);}.toggle-menu .toggle-menu-block a {padding: 7px 21px 7px 14px;display: block;overflow: hidden;text-overflow: ellipsis;color: var(--dark);}.toggle-menu .toggle-menu-block a:hover {background: var(--grey-a);}.list:after {content: '.';display: block;font-size: 0;line-height: 0;clear: both;visibility: hidden;}#count_journal b, #count_mail b{background: var(--grey-b);color: var(--dark);padding: 9px 8px;width: 15px;height: 10px;font-size: 13px;line-height: 12px;text-align: center;margin: -4px -5px 0 0;float: right;border-radius: 5px;}#count_journal_mobile b::before{position: absolute;top: -17px;left: 37px;font-family: 'Font Awesome\ 6 Pro';content: '\f111';color: #ed1e1e;font-size: 6px;font-weight: 600;}#count_mail_mobile b{position: absolute;background: #ef2d56;background: linear-gradient(0deg, #d92a4f 0%, #ff2f5b 100%);color: var(--white);font-size: 14px;font-weight: 400;width: 27px;height: 25px;margin: 15px -63px;text-align: center;line-height: 25px;border-radius: 5px;box-shadow: 2px 2px 5px rgb(0 0 0 / 24%);}#count_mail_mobile b::before {position: absolute;content: "";border-style: solid;border-width: 4px 0 4px 5.6px;border-color: transparent transparent transparent #ef2d56;margin: 8px 0px 0 17px;}.request-icon{width: 70px;}.request-icon i{border: 1px solid var(--dark);color: var(--dark);font-size: 23px;width: 50px;height: 50px;border-radius: 50%;text-align: center;line-height: 50px;}.request-text{color: var(--dark);vertical-align: middle;padding: 10px 0;}.request-count{background: var(--grey-v);color: var(--dark);padding: 10px;min-width: 23px;height: 23px;font-size: 15px;font-weight: 500;line-height: 25px;text-align: center;margin: -4px 5px 0 0;float: right;border-radius: 50%;}.direct-panel{position: fixed;z-index: 1;width: 498px;padding: 10px 20px 10px 15px;}.direct-panel img{width: 35px;height: 35px;}.direct-panel .con-avatar{vertical-align: middle;width: 45px !important;min-width: 45px;max-width: 45px;}.direct-panel .con-info{line-height: 18px;}.direct-arrow{display: none !important;}.direct-content{position: absolute;width: 493px;top: 123px;bottom: 63px;padding: 20px;overflow-y: auto;overflow-x: hidden;display: flex;flex-direction: column-reverse;}.direct-content::-webkit-scrollbar{width:5px;}.direct-content::-webkit-scrollbar-thumb{background: var(--grey-d);border-radius: 10px;}.direct-content::-webkit-scrollbar-track{background: var(--white);}.d-msg {float: right;background: var(--grey-b);color: var(--dark);font-size: 14px;margin: 7px 0 19px 0px;padding: 10px 15px;max-width: 80%;border-radius: 5px;display: inline-block;}.d-msg2 {color: var(--dark);font-size: 14px;margin: 7px 2px 19px 0;padding: 10px 15px;max-width: 80%;border-radius: 5px;display: inline-block;border: 1px solid var(--grey-b);}.d-attach{background: none;border: none;padding: 10px 0;margin: 0 0 10px 0;}.d-file{position: relative;background: var(--white);border-radius: 5px;}.d-file-img{width: 180px;height: 200px;border-radius: 5px 5px 0 0;}.d-file-name{display: flex;color: var(--dark);font-size: 15px;height: 35px;line-height: 35px;border: 1px solid var(--grey-v);border-radius: 0 0 5px 5px;}.d-file-name img{width: 20px;height: 20px;object-fit: cover;border-radius: 50%;margin: 6px 6px 0 10px;}.d-info{position: relative;}.d-info div{position: absolute;top: 14px;right: -16px;width: max-content;}.d-add-l{right: auto !important;margin: 0 0 0 -15px;}.d-add-r-at{top: 5px !important;right: 0 !important;}.d-add-l-at{top: 5px !important;left: 13px;}.d-time{color: var(--grey-d);font-size: 13px;font-weight: 400;}.d-check{color: var(--grey-g);font-size: 10px;}.d-check-l{float: right;color: var(--grey-g);font-size: 15px;}.direct-new{position: absolute;bottom: 10px;width: 535px;padding: 8px 5px 5px 5px;}.direct-new .emoji-menu{left: auto !important;right: 100px;margin: -185px 25px;}.direct-new form{display: contents;}.direct-input{width: 100%;}.direct-input textarea{display: none !important;background: var(--grey-v);font-size: 16px;font-family: unset;width: 100%;border: none;color: #5d6671;box-sizing: border-box;padding: 12px 50px 12px 15px;outline: none;resize: none;height: 43px;overflow: hidden;border-radius: 10px;}.direct-send{vertical-align: top;}.direct-send button{background: var(--white);color: var(--grey-g);font-size: 25px;padding: 9px 10px 9px 13px;border: none;outline: none;cursor: pointer;}.direct-emoji{vertical-align: top;color: var(--grey-g);font-size: 25px;padding: 6px 10px;cursor: pointer;}.direct-upload{position: absolute;right: 0;vertical-align: top;color: var(--grey-g);font-size: 25px;margin: 0 55px 0 0;padding: 8px 10px;cursor: pointer;}#direct-pen{position: absolute;left: 0;background: var(--white);width: 130px;}#direct-pen img{width: auto;height: auto;vertical-align: 0;}.direct-no-content{position: absolute;top: 42%;bottom: 0;left: 0;right: 0;color: var(--grey-d);font-size: 18px;font-weight: 300;text-align: center;line-height: 55px;}.direct-no-content i{display: block;font-size: 60px;}.direct-close{background: var(--grey-v);color: var(--dark);padding: 10px;}.direct-loading {display: inline-block;position: fixed;top: 50%;left: 56%;background: white;width: 80px;height: 80px;border-radius: 50%;box-shadow: 0px 2px 2px rgb(0 0 0 / 8%);}.direct-loading div {box-sizing: border-box;display: block;position: absolute;width: 64px;height: 64px;margin: 8px;border: 8px solid var(--blue);border-radius: 50%;animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color: var(--blue) transparent transparent transparent;}.direct-loading div:nth-child(1) {animation-delay: -0.45s;}.direct-loading div:nth-child(2) {animation-delay: -0.3s;}.direct-loading div:nth-child(3) {animation-delay: -0.15s;}@keyframes loading {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}textarea, .emoji-wysiwyg-editor {display: block !important;background: var(--grey-b);color: var(--grey-d);width: 100%;height: 43px;padding: 12px 50px 12px 15px;font-weight: normal;border-radius: 10px;-webkit-font-smoothing: antialiased;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: none;overflow: overlay;}.emoji-wysiwyg-editor img {width: 20px;height: 20px;vertical-align: middle;margin: -3px 5px 0 0;}.emoji-menu {position: absolute;margin: -185px 25px;background: var(--white);z-index: 999;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid var(--grey-v);border-radius: 10px 10px 10px 0;}.emoji-menu div{padding: 5px;width: 250px;height: 150px;overflow: overlay;}.emoji-menu div::-webkit-scrollbar{width:5px;}.emoji-menu div::-webkit-scrollbar-thumb{background: var(--grey-v);border-radius: 10px;}.emoji-menu div::-webkit-scrollbar-track{background: var(--grey-v);}.emoji-wysiwyg-editor:empty:before {content: attr(placeholder);}.emoji-menu:before {position: absolute;bottom: 0;z-index: 1;margin: 0 -10px;content: "";display: inline-block;width: 0;height: 0;border-style: solid;border-width: 0 0 15px 15px;border-color: transparent transparent var(--white) transparent;}.emoji-menu:after {position: absolute;bottom: 0;margin: 1px -10px;content: "";display: inline-block;width: 0;height: 0;border-style: solid;border-width: 0 0 10px 10px;border-color: transparent transparent var(--grey-v) transparent;}.emoji-menu img {width: 25px;height: 25px;}.emoji-menu a {padding: 4px;}.emoji-menu a .label {display: none;}.upload-content{display: flex;align-items: center;justify-content: center;flex-direction: column;background: var(--grey-a);color: var(--grey-g);height: 200px;border: 3px dashed var(--grey-v);cursor: pointer;line-height: 30px;border-radius: 10px;}.upload-content i{font-size: 50px;}.upload-content:hover{background: var(--grey-b);color: var(--grey-d);}.uploader::before{content: "\f0ee";font-family: 'Font Awesome\ 6 Pro';font-size: 60px;}.uploader-active{background: url(/assets/icons/upload.svg) no-repeat center;background-size: 100px;width: 80px;height: 80px;}.app img{background: var(--grey);padding: 10px;width: 100px;border-radius: 10px;}.app a{display: inline-block;background: var(--blue);color: var(--white);padding: 10px 30px;border-radius: 10px;}#scrollToTopBtn {display: none;position: fixed;top: 0;left: 0;bottom: 0;background: var(--grey-a);color: var(--grey-b);cursor: pointer;font-size: 50px;padding: 20% 15px;width: 100px;text-align: center;}#scrollToTopBtn::before{font-family: 'Font Awesome\ 6 Pro';content: '\f062';}#scrollToTopBtn:hover{background: var(--grey-b);color: var(--grey-v);}



.welcome img{
width:300px;
}


.welcome img{
width:400px;
}

.welcome img{
width:300px;
}
.langSelectUlty{
    width: 150px; 
    padding: 8px; 
    border: 1px solid #859BA6; 
    border-radius: 5px; 
    background-color: #fff; 
    font-size: 14px; 
    color: #859BA6; 
    cursor: pointer; 
    outline: none;
}

.langSelectWeb{
    width: 150px; 
    padding: 8px; 
    border: 1px solid #859BA6; 
    border-radius: 5px; 
    background-color: #fff; 
    font-size: 14px; 
    color: #859BA6; 
    cursor: pointer; 
    outline: none;
}