.chat-header{align-items:center;box-shadow:-4px 0 14px -4px #08080814,-1px 0 4px -1px #00000008;display:flex;gap:16px;height:78px;padding:16px}.chat-header__main{flex:1}.chat-header__info,.chat-header__main{align-items:center;display:flex;gap:8px}.chat-header__image{flex:0 0 64px;height:46px;position:relative}.chat-header__image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.chat-header__seller{position:absolute;--size:24px;border:1px solid #fff;left:0;top:0;translate:-30% -30%}.chat-header__desc{display:flex;flex-direction:column;gap:2px}.chat-header__name{align-items:center;display:flex;font-family:TT Chocolates;font-size:20px;font-weight:600;font-weight:500;gap:4px;line-height:24px}.chat-header__name .circle{--size:8px}.chat-header__name .circle.online{background-color:#45c326}.chat-header__product{align-items:center;color:#392b30b8;display:flex;font-family:TT Chocolates;font-size:16px;font-weight:600;font-weight:400;gap:4px;line-height:20px;white-space:nowrap}.chat-header__product span:first-child{max-width:196px;overflow:hidden;text-overflow:ellipsis}@media (max-width:568px){.chat-header__product span:first-child{max-width:177px}}.chat-header__product span:nth-child(2){align-items:center;display:flex;gap:4px}.chat-header__product span:nth-child(2):before{background-color:#392b30b8;border-radius:50%;content:"";display:block;flex:0 0 3px;height:3px;width:3px}.chat-header__actions{align-items:center;display:flex;gap:8px}@media (max-width:568px){.chat-header__actions{display:none}}.chat-message{align-self:end;background:#392b30;border-radius:12px;color:#fdf9ed;display:flex;gap:8px;padding:8px 10px;width:-moz-fit-content;width:fit-content}.chat-message.only-images{align-items:end;flex-direction:column}.chat-message__content{color:#fdf9ed;display:flex;flex-direction:column;gap:8px;translate:0 1px}.chat-message__content ul{display:flex;flex-wrap:wrap;gap:8px}.chat-message__content ul img{height:128px;width:128px}.chat-message__time{align-items:center;align-items:flex-end;color:#eee7cf;display:flex;font-size:12px;font-weight:400;gap:2px}.chat-message.seller{align-self:start;background:#fdf9ed;padding:8px 6px 8px 12px}.chat-message.seller .chat-message__content{color:#392b30}.chat-message.seller .chat-message__time{color:#392b30b8}.messages-block{display:flex;flex-direction:column;gap:12px}.messages-block>span{color:#392b30b8;font-family:TT Chocolates;font-size:16px;font-size:14px;font-weight:600;font-weight:400;line-height:20px;text-align:center}.chat-messages{flex:1;overflow:scroll;position:relative;scroll-behavior:smooth;transition:.4s}.chat-messages__list{display:flex;flex:1;flex-direction:column;gap:28px;height:100%;padding:16px}.new-message{box-shadow:0 -4px 14px -4px #08080814,0 -1px 4px -1px #00000008;margin-top:16px;padding:16px}.new-message__suggestions{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.new-message__suggestions>span{font-family:TT Chocolates;font-size:20px;font-weight:600;font-weight:500;line-height:24px}.new-message__suggestions>ul{display:flex;flex-wrap:wrap;gap:8px}.new-message__previews{border-bottom:1px solid rgba(57,43,48,.239);margin-bottom:24px;padding-bottom:24px}.new-message__previews>ul{display:flex;gap:16px}.new-message__previews>ul li{position:relative}.new-message__previews>ul li .circle{cursor:pointer;position:absolute;right:0;top:0;translate:30% -30%;--size:24px;background-color:#392b30;border:2px solid #fff}.new-message__previews>ul li .circle svg path{stroke:#fdf9ed}.new-message__previews>ul img{height:64px;width:64px}.new-message__form{align-items:center;display:flex;gap:8px}.new-message__pin{height:24px}.new-message__pin.disabled{pointer-events:none}.new-message__pin input{display:none}.new-message__textarea{flex:1}.new-message__send{height:24px}body{--containerPadding:40px;--headerHeight:88px;--sectionMarginSmall:40px;--sectionMarginMedium:56px;--sectionMarginBig:100px}@media (max-width:1024px){body{--headerHeight:80px;--sectionMarginSmall:32px;--sectionMarginMedium:48px;--sectionMarginBig:80px;--containerPadding:16px}}@media (max-width:568px){body{--headerHeight:61px;--sectionMarginSmall:20px;--sectionMarginMedium:32px}}.chat{background-color:#fff;box-shadow:0 4px 24px -4px #08080814,0 1px 24px -1px #0000000f,0 -4px 24px -4px #08080814,0 -1px 24px -1px #0000000f;display:flex;flex-direction:column;height:100%;opacity:0;pointer-events:none;position:absolute;transition:.4s;width:100%;z-index:1000}.chat.open{opacity:1;pointer-events:all}@media (max-width:1024px){.chat{box-shadow:unset;height:100dvh;left:0;max-height:unset!important;max-width:unset!important;position:fixed;right:unset!important;top:0;width:100vw}}