@font-face{font-style:normal;font-weight:500;font-family:Inter;font-display:swap;src:url(/assets/inter-medium-CYGNL_ty.woff2) format("woff2"),url(/assets/inter-medium-CYGNL_ty.woff2) format("woff")}@font-face{font-style:normal;font-weight:600;font-family:Inter;font-display:swap;src:url(/assets/inter-semibold--Mm3ZPsY.woff2) format("woff2"),url(/assets/inter-semibold--Mm3ZPsY.woff2) format("woff")}:root{--color-primary: #3369f3;--color-primary-hover: #2858d6;--color-primary-active: #1e4bb3;--color-primary-disabled: #a3b7f3;--color-primary-text: #fff;--color-primary-text-disabled: #d0d7f3;--color-accent: #ff2f2f;--color-grey: #efefef;--color-text: #1e1e1e;--color-text-secondary: #999;--color-button-text: #fff;--color-border: #eaeaea;--color-background: #fff;--color-background-secondary: #fbfbfb;--color-error: #ff2f2f;--font-size-extra-small: 8px;--font-size-small: 11px;--font-size-base: 12px;--font-size-medium: 13px;--font-size-large: 20px;--font-size-extra-large: 40px;--font-family-default: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh}html{font-family:Inter,sans-serif,sans-serif;font-family:var(--font-family-default),sans-serif;font-style:normal;font-weight:500;font-size:12px;font-size:var(--font-size-base);line-height:1.25;color:#1e1e1e;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{width:100%;height:100%;background-color:#fff;background-color:var(--color-background)}a{color:#3369f3;color:var(--color-primary);-webkit-text-decoration:none;text-decoration:none}a:hover,a:focus{color:#2858d6;color:var(--color-primary-hover)}a:active{color:#1e4bb3;color:var(--color-primary-active)}table{padding:0;border-collapse:collapse}tr{border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--color-border)}td,th{padding:10px 0;font-size:13px;font-size:var(--font-size-medium);font-weight:500}td{color:#999;color:var(--color-text-secondary)}td input{padding:0;border:none;color:#999;color:var(--color-text-secondary);outline:none}q{quotes:none}q:before,q:after{content:""}.page{display:flex;flex-direction:column;min-height:100vh}.page main{display:flex;flex-direction:column;flex-grow:1}.container{display:flex;flex-direction:column;flex-grow:1}.page-title{margin:0;font-size:20px;font-size:var(--font-size-large);text-align:center}.button-component{display:block;padding:12px 20px;color:#fff;color:var(--color-button-text);background-color:#3369f3;background-color:var(--color-primary);border:none;border-radius:8px;cursor:pointer}.button-component:hover,.button-component:focus{background-color:#2858d6;background-color:var(--color-primary-hover)}.button-component:active{background-color:#1e4bb3;background-color:var(--color-primary-active)}.button-component:disabled{color:#d0d7f3;color:var(--color-primary-text-disabled);background-color:#a3b7f3;background-color:var(--color-primary-disabled);cursor:not-allowed}.button-component--circle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:50%}.button-component--text{padding:8px;color:#999;color:var(--color-text-secondary);background-color:transparent}.button-component--text:hover,.button-component--text:focus{background-color:#0000000d}.button-component--text:active{background-color:#0000001a}.button-component--text:disabled{background-color:transparent;cursor:not-allowed}.button-component--link{display:inline-block;padding:0;color:#3369f3;color:var(--color-primary);background-color:transparent;border-radius:0}.button-component--link:hover,.button-component--link:focus{color:#2858d6;color:var(--color-primary-hover);background-color:transparent}.button-component--link:active{color:#1e4bb3;color:var(--color-primary-active);background-color:transparent}.button-component__icon{height:1em;aspect-ratio:1 / 1;vertical-align:middle}.input-component__wrapper{border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--color-border)}.input-component__wrapper:focus-within{border-color:#3369f3;border-color:var(--color-primary)}.input-component--label-left .input-component__wrapper{display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px}.input-component__label{flex-shrink:0;font-size:13px;font-size:var(--font-size-medium);color:#999;color:var(--color-text-secondary)}.input-component__input{width:100%;padding:5px 0;font-size:13px;font-size:var(--font-size-medium);background-color:transparent;border:none;outline:none}.input-component__input:disabled{color:#999;color:var(--color-text-secondary)}.input-component--label-left .input-component__input{text-align:right}.input-component__input:hover:disabled,.input-component__input:focus:disabled{cursor:default}.input-component__error{padding-top:7px;font-size:8px;font-size:var(--font-size-extra-small);color:#ff2f2f;color:var(--color-error)}.badge{display:flex;justify-content:center;align-items:center;font-size:11px;font-size:var(--font-size-small);color:#fff;color:var(--color-button-text);background-color:#3369f3;background-color:var(--color-primary);border-radius:50%;padding:8px}.back-button{position:absolute;top:0;bottom:0;left:0;width:64px}.back-button__button{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:0;border:none;background-color:#fbfbfb;background-color:var(--color-background-secondary);box-shadow:0 4px 4px #00000040;cursor:pointer}.back-button__button:hover,.back-button__button:focus{background-color:#f0f0f0}.back-button__button:active{background-color:#e5e5e5}.back-button__button:disabled{background-color:#999}.userpic{position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0;background-color:#eaeaea;background-color:var(--color-border);border-radius:50%;overflow:hidden}.userpic--with-change{cursor:pointer}.userpic--with-change:before{content:"Поменять аватар";position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:13px;font-size:var(--font-size-medium);font-weight:600;color:#fff;border-radius:50%;background:#00000080;opacity:0;transition:opacity .3s ease;pointer-events:none}.userpic--with-change:hover:before{opacity:1}.userpic__input{display:none}.userpic__label{display:flex;justify-content:center;align-items:center;cursor:pointer}.userpic__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.userpic__placeholder{width:33%;height:33%;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2040%2040'%3e%3cpath%20fill='%23CDCDCD'%20fill-rule='evenodd'%20d='M36%202H4a2%202%200%200%200-2%202v21.267l12.655-2.953A11.999%2011.999%200%200%201%2017.38%2022h5.238c.918%200%201.832.105%202.726.314L38%2025.267V4a2%202%200%200%200-2-2ZM4%200a4%204%200%200%200-4%204v32a4%204%200%200%200%204%204h32a4%204%200%200%200%204-4V4a4%204%200%200%200-4-4H4Zm6.91%2014.546a3.636%203.636%200%201%200-.001-7.273%203.636%203.636%200%200%200%200%207.273Z'%20clip-rule='evenodd'/%3e%3c/svg%3e") no-repeat center;background-size:contain}.chat-list{position:relative;display:flex;flex-direction:column;height:100vh;background-color:#fbfbfb;border-right:1px solid #efefef;border-right:1px solid var(--color-grey)}.chat-list__header{position:sticky;z-index:4000;display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:10px;background-color:#fbfbfb;border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--color-border)}.chat-list__list{margin:0;padding:0;list-style:none;overflow-y:auto}.chat-list__modal-title{margin:0 0 40px;font-size:20px;font-size:var(--font-size-large)}.chat-list__modal-form{display:flex;flex-direction:column;width:100%}.chat-list__modal-input{margin-bottom:30px}.chat-list-item{display:flex;-moz-column-gap:10px;column-gap:10px;padding:12px 10px}.chat-list-item--selected{background-color:#e4edfd}.chat-list-item__userpic{flex-shrink:0}.chat-list-item h2{margin:0 0 4px;font-size:13px;font-size:var(--font-size-medium);font-weight:600}.chat-list-item q{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-size:var(--font-size-small);color:#999;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis}.chat{display:flex;flex-direction:column;padding:0 20px;height:100vh}.chat__header{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--color-border)}.chat__header-column{display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px}.chat__icon-button{font-size:18px;line-height:0}.chat__back-button-icon{transform:rotate(180deg)}.chat__title{margin:0;font-size:13px;font-size:var(--font-size-medium);font-weight:600;color:#1e1e1e;color:var(--color-text)}.chat__content{flex-direction:column-reverse!important;flex-grow:1;row-gap:10px;min-height:0;padding-bottom:30px}.chat__message{max-width:400px;padding:10px;background-color:#efefef;background-color:var(--color-grey);border-radius:0 8px 8px}.chat__footer{padding:10px 0;border-top:1px solid #efefef;border-top:1px solid var(--color-grey)}.chat__message-form-body{display:grid;grid-template-columns:1fr 28px;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;align-items:center}.chat__submit-button-icon{transform:rotate(180deg)}.chat__placeholder{display:flex;justify-content:center;align-items:center;flex-grow:1;font-size:12px;font-size:var(--font-size-base);color:#999;color:var(--color-text-secondary)}.chat__modal{padding:40px 30px}.chat__modal-title{margin:0 0 40px;font-size:20px;font-size:var(--font-size-large)}.chat__modal-form{display:flex;flex-direction:column;width:100%}.chat__modal-input{width:100%;margin-bottom:33px}.message-input{height:auto;padding:10px 20px;font-family:Inter,sans-serif;font-family:var(--font-family-default);font-size:12px;font-size:var(--font-size-base);background-color:#efefef;background-color:var(--color-grey);border:none;border-radius:20px;outline:none;resize:none;overflow:hidden}.modal-overlay{position:fixed;top:0;left:0;z-index:8000;width:100vw;height:100vh;display:none;justify-content:center;align-items:center;background-color:#00000080}.modal-overlay--visible{display:flex}.modal{position:absolute;top:50%;left:50%;z-index:8001;display:none;flex-direction:column;row-gap:10px;align-items:center;width:340px;padding:40px 30px;background-color:#fff;border-radius:12px;box-shadow:0 0 6px #00000024;transform:translate(-50%,-50%)}.modal--visible{display:flex}.user-delete-list{width:100%;margin:0 0 20px;padding:0;list-style:none;font-size:13px;font-size:var(--font-size-medium)}.user-delete-list-item{display:flex;justify-content:space-between;align-items:center}.login-page__title{margin-bottom:40px}.login-page__container{justify-content:center;width:340px;height:460px;margin:0 auto;padding:50px 30px 30px}.login-page__form{margin-bottom:14px}.login-page__registration-link{align-self:center}.login-form{display:flex;flex-direction:column;row-gap:16px}.login-form__submit-button{margin-top:60px}.registration-page__title{margin-bottom:40px}.registration-page__container{justify-content:center;width:340px;margin:0 auto;padding:50px 30px 30px}.registration-page__form{margin-bottom:14px}.registration-page__login-link{align-self:center}.registration-form{display:flex;flex-direction:column;row-gap:16px}.registration-form__submit-button{margin-top:48px}.profile-page__container{justify-content:center;align-items:center;width:510px;margin:0 auto;padding:50px 30px 30px}.profile-page__form{width:100%}.profile-page__links{width:100%;margin:0;padding:0;list-style:none}.profile-page__links li{padding:10px 0;border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--color-border)}.profile-page__userpic{margin-bottom:90px}.profile-page__quit-button{color:#ff2f2f;color:var(--color-accent)}.profile-page__form-submit{width:200px;margin-top:60px;margin-left:auto;margin-right:auto}.chat-page__container{flex-direction:row}.chat-page__list{flex-grow:1;flex-shrink:0;width:310px}@media (max-width: 767px){.chat-page__list{width:100%}}.chat-page__chat{flex-grow:1;width:100%}.not-found-error-page__container{justify-content:center;align-items:center;width:510px;margin:0 auto;padding:50px 30px 30px}.not-found-error-page__title{font-size:40px;font-size:var(--font-size-extra-large);margin-bottom:20px}.not-found-error-page__message{margin-bottom:70px;font-size:20px;font-size:var(--font-size-large);font-weight:500}.server-error-page__container{justify-content:center;align-items:center;width:510px;margin:0 auto;padding:50px 30px 30px}.server-error-page__title{font-size:40px;font-size:var(--font-size-extra-large);margin-bottom:20px}.server-error-page__message{margin-bottom:70px;font-size:20px;font-size:var(--font-size-large);font-weight:500}