*,:before,:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure,fieldset):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{display:block;max-width:100%;height:auto}input,textarea,select,button{font:inherit}html{height:100%;scrollbar-gutter:stable;scroll-behavior:smooth}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex}button,label{cursor:pointer}button{-webkit-tap-highlight-color:transparent}:where([fill]:not([fill=none],[fill^=url])){fill:currentColor}:where([stroke]:not([stroke=none],[stroke^=url])){stroke:currentColor}svg *{transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentColor}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--background-color: #3369F3;--background-color-second: #EFEFEF;--background-color-dark: #000000;--background-color-light: #ffffff;--text-color: #1E1E1E;--text-color-second: #999999;--text-color-light: #ffffff;--text-color-blue: #3369F3;--box-shadow: 0px 0px 6px 0px #00000024;--error-text-color: #FF2F2F;--border-base: 1px solid #EAEAEA}*{font-family:Arial}h1{font-weight:500;font-size:20px;line-height:20px;letter-spacing:0%;text-align:center}.login-form-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.login-form-container .login-form{width:340px;height:460px;border-radius:12px;opacity:1;padding:30px 20px;box-shadow:var(--box-shadow)}.login-form-container .login-form form{height:100%;position:relative}.login-form-container .login-form form .inputs{display:flex;flex-direction:column;gap:20px}.login-form-container .login-form form .actions{display:flex;gap:20px;width:100%;position:absolute;bottom:0;flex-direction:column;justify-content:center;align-items:center}.login-form-container .login-form form .actions>*{width:100%}.login-form-container .login-form form .actions a._link{font-weight:500;font-size:11px;line-height:11px;letter-spacing:0%;color:var(--text-color-blue);text-decoration:none;width:max-content}.registration-form-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.registration-form-container .registration-form{width:340px;border-radius:12px;opacity:1;padding:30px 20px;box-shadow:var(--box-shadow)}.registration-form-container .registration-form form{height:100%;position:relative;padding-bottom:120px}.registration-form-container .registration-form form .inputs{display:flex;flex-direction:column;gap:20px}.registration-form-container .registration-form form .actions{display:flex;gap:20px;width:100%;position:absolute;bottom:0;flex-direction:column;justify-content:center;align-items:center}.registration-form-container .registration-form form .actions>*{width:100%}.registration-form-container .registration-form form .actions a._link{font-weight:500;font-size:11px;line-height:11px;letter-spacing:0%;color:var(--text-color-blue);text-decoration:none;width:max-content}:root{--chat-list-border: 1px solid #EAEAEA;--chat-list-bg: #FBFBFB}.chat-list__container{display:grid;grid-template-columns:310px 1fr;width:100vw;height:100vh}.chat-list__container .chat-list{background-color:var(--chat-list-bg);height:100%;border-right:var(--chat-list-border);padding:0 10px}.chat-list__container .chat-list .chat-list__top{border-bottom:var(--chat-list-border);padding:0 0 12px}.chat-list__container .chat-list .chat-list__top .prof-link{display:flex;justify-content:flex-end;align-items:center;height:40px}.chat-list__container .chat-list .chat-list__top .prof-link a{font-weight:500;font-size:12px;line-height:12px;letter-spacing:0%;text-align:right;color:var(--text-color-second);text-decoration:none;display:flex;gap:7px}.chat-list__container .chat-list .chat-list__top .chat-list__search input{width:100%;height:32px;border-radius:5px;background-color:var(--background-color-second);outline:none;border:none;text-align:center}.chat-list__container .chat-list .chat-list__top .chat-list__search input[type=text],.chat-list__container .chat-list .chat-list__top .chat-list__search input[type=password],.chat-list__container .chat-list .chat-list__top .chat-list__search input:focus-visible{outline:none;border:none}.chat-list__container .chat-list .chat-list__middle .chat-list__element{display:grid;grid-template-columns:47px 1fr 30px;gap:10px;padding:12px 0;border-bottom:var(--chat-list-border)}.chat-list__container .chat-list .chat-list__middle .chat-list__element .element__avatar{width:47px;height:47px}.chat-list__container .chat-list .chat-list__middle .chat-list__element .element__content .element-content__user_name{font-weight:600;font-size:13px;line-height:13px;letter-spacing:0%;color:var(--text-color);margin-bottom:6px}.chat-list__container .chat-list .chat-list__middle .chat-list__element .element__content .element_content__last_mess{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:500;font-size:12px;color:var(--text-color-second)}.chat-list__container .chat-list .chat-list__middle .chat-list__element .element__info{display:flex;flex-direction:column;height:100%;justify-content:space-around;align-items:flex-end}.chat-list__container .chat-list .chat-list__middle .chat-list__element .element__info .element-info__time{font-weight:500;font-size:9px;text-align:right}.chat-list__container .chat-list .chat-list__middle .chat-list__element .element__info .element-info__no-read-count{height:20px;padding:2px 8px;border-radius:22px;background:var(--background-color);font-weight:500;font-size:11px;text-align:center;color:var(--text-color-light);width:max-content;margin-right:0}.chat-list__container .chat-list .chat-list__middle .chat-list__element .element__info .element-info__no-read-count:empty{background:none}.chat-list__container .chat-detail{height:100%;display:flex;justify-content:center;align-items:center;color:var(--text-color-second)}.profile-page__container{display:grid;grid-template-columns:64px 1fr;width:100vw;height:100vh}.profile-page__container .profile-page__back{background:var(--background-color-second);height:100%;display:flex;justify-content:center;align-items:center}.profile-page__container .profile-page__back .back__link{display:block;background-color:var(--background-color);width:28px;height:28px;border-radius:50%;background-image:url(/assets/back.png)}.profile-page__container .profile-page__info__block{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:60px}.profile-page__container .profile-page__info__block .info_table .r{display:flex;width:100%;padding:10px 0;justify-content:space-between}.profile-page__container .profile-page__info__block .info_table .r+.r{border-top:var(--border-base)}.profile-page__container .profile-page__info__block .info_table .r .lable{font-weight:600;font-size:13px;line-height:13px;letter-spacing:0%;color:var(--text-color)}.profile-page__container .profile-page__info__block .info_table .r .value{font-weight:500;font-size:13px;line-height:13px;letter-spacing:0%;text-align:right;color:var(--text-color-second)}.profile-page__container .profile-page__info__block .info-block__top{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:21px}.profile-page__container .profile-page__info__block .info-block__top .info-block__avatar{width:130px;height:130px;border-radius:50%}.profile-page__container .profile-page__info__block .info-block__top .info-block__name{font-weight:600;font-size:16px;line-height:16px;letter-spacing:0%;text-align:center;color:var(--text-color)}.profile-page__container .profile-page__info__block .info-block__middle,.profile-page__container .profile-page__info__block .info-block__bottom{width:500px}.profile-page__container .profile-page__info__block .info-block__bottom .info_table .r .lable a{color:var(--text-color-blue);text-decoration:none}.profile-page__container .profile-page__info__block .info-block__bottom .info_table .r .lable a.exit{color:var(--error-text-color)}.page500-container{display:flex;width:100vw;height:100vh;justify-content:center;align-items:center}.page500-container .page500__content{text-align:center}.page500-container .page500__content h1{text-align:center;font-weight:500;font-size:40px}.page500-container .page500__content .sub-head{text-align:center;font-weight:500;font-size:20px;color:var(--text-color);margin-top:20px}.page500-container .page500__content .back-link{margin-top:70px;font-weight:500;font-size:11px;color:var(--text-color-blue);text-align:center;text-decoration:none}.page404-container{display:flex;width:100vw;height:100vh;justify-content:center;align-items:center}.page404-container .page404__content{text-align:center}.page404-container .page404__content h1{text-align:center;font-weight:500;font-size:40px}.page404-container .page404__content .sub-head{text-align:center;font-weight:500;font-size:20px;color:var(--text-color);margin-top:20px}.page404-container .page404__content .back-link{margin-top:70px;font-weight:500;font-size:11px;color:var(--text-color-blue);text-align:center;text-decoration:none}.input-wrap{display:flex;flex-direction:column;gap:8px}.input-wrap label{font-weight:500;font-size:9px;line-height:9px;letter-spacing:0%;color:var(--text-color-second)}.input-wrap input[type=text],.input-wrap input[type=password],.input-wrap input:focus-visible{outline:none;width:100%;border:none;border-bottom:1px solid var(--background-color);font-size:13px;font-weight:500}button.blue{background:var(--background-color);font-weight:500;font-size:13px;line-height:13px;letter-spacing:0%;text-align:center;color:var(--text-color-light);height:37px;border-radius:8px;border:none}.dialog-container{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:100;display:flex;justify-content:center;align-items:center}.dialog-container .dialog_shirma{position:absolute;left:0;top:0;width:100%;height:100%;z-index:101;background-color:var(--background-color-dark);opacity:.6}.dialog-container .dialog{position:relative;z-index:102;width:340px;min-height:257px;background-color:var(--background-color-light);box-shadow:var(--box-shadow);border-radius:12px;padding:40px 30px;display:flex;flex-direction:column;justify-content:space-between}.dialog-container .dialog.error .dialog__title{color:var(--error-text-color)}.dialog-container .dialog .dialog__title{text-align:center}.dialog-container .dialog .dialog__content .input-wrap input{font-weight:600;font-size:13px;line-height:13px;letter-spacing:0%}.dialog-container .dialog .dialog__actions .blue{width:100%}.dialog-container .dialog .file_name{text-align:center;color:var(--text-color-second)}.dialog-container .dialog .error_empty{color:var(--error-text-color);font-size:11px;text-align:center;position:absolute;bottom:13px;width:100%;left:0}.loadFileForm{text-align:center;display:flex;justify-content:center;align-items:center;width:100%}.loadFileForm label{max-width:150px;font-weight:500;font-size:12px;line-height:16px;letter-spacing:0%;text-align:center;color:var(--text-color-blue)}.loadFileForm input[type=file]{display:none}