@font-face{font-family:Inter;src:url(/middle.messenger.praktikum.yandex/fonts/Inter.ttf)}*{--back-color: #FBFBFB;--text-color: #1E1E1E;--second-color: #3369F3;--third-color: #FFF;--fourth-color: #F5F5F5;--error-color: #FF2F2F;--border-color: #EAEAEA;--selected-color: #E4EDFD;--light-text-color: #999;--border: 1px solid var(--border-color);--outline: 1px solid var(--second-color);--img-back: #EFEFEF;--shadow-color: rgba(0,0,0, .14);--shadow-color2: rgba(0, 0, 0, .5);box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);overflow:hidden}html,body{margin:0;padding:0;height:100%;min-width:320px}body{background:var(--third-color);font-family:Inter,Montserrat,sans-serif;font-weight:400}.root-block{min-width:320px;height:100%}.button{background-color:var(--second-color);border-radius:8px;color:var(--third-color);border:2px solid var(--second-color);padding:10px 20px;cursor:pointer;transition:all,.3s;font-size:14px;font-weight:600}.button--hover,.button:hover{background-color:var(--third-color);color:var(--second-color);transition:all,.3s}.link{color:var(--second-color);text-decoration:none;font-size:14px}.link--red{color:var(--error-color)}.link--light{color:var(--light-text-color)}.link--hover,.link:hover{text-decoration:underline}.time{font-size:10px;color:(var(--light-text-color))}.round-button,.blue-round-button{display:block;font-size:0;width:32px;height:32px;border:none;cursor:pointer;border-radius:50%}.blue-round-button{background:url(/middle.messenger.praktikum.yandex/img/arrow-right.svg) center center no-repeat,var(--second-color);color:var(--third-color)}.blue-round-button--revert{transform:rotate(-180deg)}.blue-round-button--active{outline:var(--outline)}.blue-round-button:focus,.blue-round-button:hover{outline:var(--outline)}.attache-button{display:block;font-size:0;width:32px;height:32px;border:none;cursor:pointer;border-radius:50%}.attache-button{background:url(/middle.messenger.praktikum.yandex/img/attache.svg) center center no-repeat}.attache-button--active{background-image:url(/middle.messenger.praktikum.yandex/img/attache-hover.svg)}.attache-button:hover{background-image:url(/middle.messenger.praktikum.yandex/img/attache-hover.svg)}.dots-button{display:block;font-size:0;width:32px;height:32px;border:none;cursor:pointer;border-radius:50%}.dots-button{background:url(/middle.messenger.praktikum.yandex/img/dots-button.svg) center center no-repeat,var(--fourth-color)}.dots-button--active{outline:none;background-image:url(/middle.messenger.praktikum.yandex/img/dots-button-hover.svg)}.dots-button:hover{outline:none;background-image:url(/middle.messenger.praktikum.yandex/img/dots-button-hover.svg)}.extended-button{all:unset}.sidebar{background-color:var(--back-color);border-right:var(--border);height:100vh;overflow:hidden;display:flex;flex-direction:column;flex-shrink:0}.sidebar__chat-nav{overflow:auto;height:100%}.input-block__label{display:block;font-size:10px;color:transparent;font-weight:500}.input-block__input{display:block;width:100%;border:none;margin-bottom:4px;border-bottom:1px solid var(--second-color);padding:8px 0;font-size:14px;color:var(--text-color)}.input-block__input--focus{outline:none}.input-block__input--focus::-moz-placeholder{color:transparent}.input-block__input--focus::placeholder{color:transparent}.input-block__input:focus{outline:none}.input-block__input:focus::-moz-placeholder{color:transparent}.input-block__input:focus::placeholder{color:transparent}.input-block__label--input-not-empty{color:#999}.input-block--input-not-empty .input-block__label,.input-block:focus-within .input-block__label{color:#999}.input-block__error{font-size:10px;font-weight:400;color:var(--error-color);margin:0;min-height:14px}.text-row-block{display:grid;grid-template-columns:1fr 1.4fr}.text-row{padding:10px 0;border-bottom:var(--border);font-size:14px}.text-row__label{padding-left:0;font-weight:600}.text-row__value{padding-right:0;text-align:right;white-space:nowrap;font-weight:400;color:var(--light-text-color)}.text-row-block{grid-template-areas:"a b" "_ c"}.text-row__label{grid-area:a}.text-row__value{grid-area:b;position:relative}.text-row__label{color:var(--text-color);font-size:14px;padding-bottom:4px}.text-row__input{text-align:left;border-bottom-color:transparent;padding:0 0 3px}.text-row__input-focus{border-bottom-color:var(--second-color)}.text-row__td--editable{padding:10px 0 0}.text-row__input:focus,.text-row__input:hover{border-bottom-color:var(--second-color)}.text-row__error{grid-area:c;justify-self:flex-start}.popup{background-color:var(--third-color);border:var(--border);box-shadow:1px 1px 5px var(--shadow-color2);border-radius:12px;margin:0}.modal-popup{top:50%;left:50%;transform:translate(-50%,-50%)}.chat{display:flex;height:100%;--padding: 40px}.chat__sidebar{width:320px;position:relative;z-index:10}.chat__body{flex:1;height:100%}.chat__message-item{margin-bottom:12px}.chat__message-item--self{margin-right:0;margin-left:auto}.chat__input{display:block;background:var(--back-color);border:var(--border);padding:10px;border-radius:16px;font-size:14px}.chat__input--focus{outline:var(--outline)}.chat__input:focus{outline:var(--outline)}.chat__modal-container{position:fixed;left:0;bottom:0}@media(max-width:700px){.chat{position:relative;--padding: 10px}.chat__sidebar{position:absolute;left:-310px;border-right:10px solid var(--selected-color)}.chat__sidebar--active{width:100%;left:0}}.sidebar__chat-list{margin:0}.no-message{display:flex;justify-content:center;align-items:center;flex:1;height:100%}.no-message__header{font-size:16px;margin:0;text-align:center;color:var(--light-text-color);font-weight:600}.chats-list{list-style-type:none;padding:0}.chat-item{padding:20px;border-top:var(--border);display:flex;gap:16px;cursor:pointer}.chat-item--active{background-color:var(--selected-color)}.chat-item__chat-avatar{margin:0;flex-shrink:0}.chat-item__title{margin:0;font-weight:600;font-size:14px}.chat-item__date{padding-top:2px}.chat-item__message{margin:0;font-size:12px}.chat-item__message *{font-size:inherit}.chat-item__content{flex:1;position:relative}.chat-item__top{display:flex;gap:16px;justify-content:space-between;align-items:flex-start}.chat-item__counter{flex-shrink:0;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;background-color:var(--second-color);color:var(--third-color);font-size:10px;position:absolute;bottom:0;right:0}.message-item{background-color:var(--back-color);border:var(--border);border-radius:10px;padding:12px;width:-moz-fit-content;width:fit-content;font-size:14px}.message-item--self{background-color:var(--selected-color);border-bottom-right-radius:0}.message-item__content{margin-bottom:6px}.message-item__bottom{display:flex;gap:5px;justify-content:flex-end;align-items:center}.message-item__file-block{margin:0 0 4px}.message-item__file{max-width:100%}.message-item__time--self{color:var(--second-color)}.messages-list{list-style-type:none;padding:20px var(--padding)}.messages-list__time{font-size:12px;text-align:center;margin-bottom:24px}.messages-box{display:flex;flex-direction:column;height:100%}.messages-box__messages-list{margin:0}.messages-box__messages-list-scroll{height:100%;overflow:auto;flex:1}.messages-box__time{text-align:center}.chat-header{padding:10px 20px}.chat-header__link-wrapper{text-align:right;margin-bottom:10px}.chat-search__input{display:block;width:100%;background:var(--img-back);border-radius:5px;border:none;padding:6px 10px;font-size:12px;text-align:center}.chat-search__input--focus{outline:1px solid var(--second-color)}.chat-search__input:focus{outline:1px solid var(--second-color)}.messages-box-header{border-bottom:var(--border);padding:10px var(--padding);background-color:var(--third-color);display:flex;align-items:center;gap:20px;justify-content:space-between;position:relative}.messages-box-header__info{display:flex;align-items:center;gap:20px}.messages-box-header__chat-avatar{margin:0;flex-shrink:0}.messages-box-header__header{margin:0;color:var(--text-color);font-size:24px}.message-box-header__user-popup{left:auto;right:40px;top:60px}@media not (min-width:480px){.messages-box-header__header{font-size:18px}}svg{flex-shrink:0}.popup__list{padding:0;list-style-type:none;margin:0}.popup__item{margin:0 0 10px}.popup__item--last{margin-bottom:0}.popup__item:last-child{margin-bottom:0}.popup__row{display:flex;gap:10px;align-items:center;cursor:pointer;text-decoration:none;color:var(--text-color);font-size:12px}.popup__row--hover,.popup__row:hover{color:var(--second-color)}.modal-content{padding:20px 30px}.modal-content__header{margin-top:0;font-size:20px}.message-send{border-top:var(--border);padding:20px var(--padding);background-color:var(--third-color);position:relative}.message-send__flex{display:flex;justify-content:space-between;gap:16px}.message-send__textarea-block{flex:1}.message-send__input{width:100%}.message-send__button{margin-top:4px}.message-send__attache-popup{position:absolute;bottom:80px;left:40px;margin:0}.form-page{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:20px}.form-header{font-size:24px;font-weight:600;color:var(--text-color)}.form-block{padding:40px 20px;box-shadow:0 0 6px var(--shadow-color);width:340px;max-width:100%;border-radius:12px}.form-block__header{text-align:center;margin-top:0;margin-bottom:24px}.form-block__input-block{margin-bottom:14px}.form-block__button{display:block;width:100%;margin:40px 0}.form-block__button--last{margin-bottom:0}.form-block__link-wrapper{text-align:center}.profile__section{margin-bottom:3vh}.profile__section--last{margin-bottom:0}.profile__section:last-child{margin-bottom:0}.profile-header{font-size:18px;font-weight:600;color:var(--text-color);text-align:center}.profile-menu-box{margin:0}.profile-menu-box{padding:0}.profile-menu__list{padding:0;list-style:none}.profile-menu__item{padding-left:0}.profile{display:flex}.profile-body{flex:1;padding:20px;padding-top:8vh}.profile__container{max-width:510px;margin:auto}.profile__block-grid{width:100%;margin-bottom:40px}.profile-form__button{display:block;margin:auto}.profile__sidebar{padding:20px 10px;display:flex;justify-content:center;align-items:center;height:auto;min-height:100vh}.profile-avatar__wrapper{--width: 130px;width:var(--width);height:var(--width);border-radius:50%;overflow:hidden;background-color:var(--img-back);margin:0 auto 20px}.avatar-label{display:block;cursor:pointer;position:relative}.avatar-label:after{display:flex;content:"Поменять \aаватар";white-space:pre-wrap;background-color:var(--shadow-color2);color:var(--third-color);font-size:14px;font-weight:500;text-align:center;justify-content:center;align-items:center;position:absolute;top:200px;left:0;right:0;z-index:2;transition:all,.3s}.avatar-label--hover:after{top:0;bottom:0}.avatar-label:hover:after{top:0;bottom:0}.profile-avatar__img{width:100%}.profile-avatar__header{margin:0}.error-page{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.error-block__header{font-size:44px;font-weight:500;color:var(--text-color)}.error-block__text{font-size:22px;font-weight:500;color:var(--text-color)}.error-block{text-align:center}.error-block__header{margin-top:0;margin-bottom:20px}.error-block__text{margin-top:0;margin-bottom:40px}