.chat-list-item{align-items:flex-end;display:grid;gap:5px;grid-template-columns:50px 1fr;padding-right:10px}.chat-list-item>:has(img){background-clip:padding-box;background-color:#d9d9d9;border-radius:50%;display:block;height:50px;min-width:50px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:50px}.chat-list-item._group>:not(.chat-list-item-info__wrapper){border-radius:10px}.chat-list-item-info__wrapper{border-bottom:.5px solid #ffffff1a;display:grid;gap:3px;grid-template-rows:auto auto;padding-bottom:7px;width:100%}.chat-list-item-info{align-items:center;display:grid;gap:5px;grid-template-columns:1fr 80px;justify-content:space-between;width:100%}.chat-list-item-info-name{color:var(--text);padding-right:20px}.chat-list-item-info-name,.chat-list-item-info-text{font-family:Tektur;font-size:16px;font-weight:400;letter-spacing:0;line-height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.chat-list-item-info-text{color:#c5c5c5}.gradient-border.chat-list-item-info-count{background:#2a575d;color:var(--text);font-family:Tektur;font-size:13px;font-weight:500;letter-spacing:-.03em;line-height:100%;margin-left:auto;min-height:13px;min-width:24px;padding:0 4px;text-align:center;width:-moz-max-content;width:max-content}.gradient-border.chat-list-item-info-count:after{background:linear-gradient(330.53deg,#ffffff08 4.72%,#00ffc44d 96.58%)}.chat-list-item-info-count-text{height:15px;margin-bottom:-4px;max-height:15px}.chat-list-item-info-date{color:var(--gray-500);margin-left:auto;white-space:nowrap}.chat-list-item-info-count-pc{background:var(--text);border-radius:30px;color:var(--background);font-family:Tektur;font-size:12px;font-weight:500;letter-spacing:0;line-height:100%;margin-left:auto;min-width:20px;padding:4px 5px;text-align:center;width:-moz-max-content;width:max-content}@media screen and (min-width:1200px){.chat-list-item{align-items:flex-start;gap:10px;overflow:hidden;padding:15px;position:relative}.chat-list-item>*{z-index:3}.chat-list-item:before{background-color:#252525;border-radius:20px;content:"";inset:0;opacity:0;position:absolute;transition:var(--transition);z-index:1}.chat-list-item:hover:before{opacity:1;transition:var(--transition-hover);z-index:1}.chat-list-item:after{background-image:url(../chat/bg.png);background-size:100% 100%;content:"";inset:0;opacity:0;position:absolute;transition:var(--transition);z-index:2}.chat-list-item.router-link-active:after{opacity:1;transition:var(--transition-active)}.chat-list-item-info__wrapper{border-bottom:0;padding:0}.chat-list-item-info-text{color:var(--text)}.chat-list-item-info-text-action{color:#b2b2b2}.chat-list-item-info{grid-template-columns:1fr 80px auto}.chat-list-item-info-date{grid-column:3}}.chat-list{display:flex;flex-direction:column;gap:10px;margin-top:20px}.chat-layout{height:100%;min-height:100vh;position:relative;width:100%;z-index:10}body:has(.chat-messages) header{display:none}.container.chat-layout-main:has(.chat-page__content){padding:0}.container.chat-layout-main:has(.chat-page__content) .chat-layout-main-list{display:none}.layout-pagination{justify-self:center}.chat-layout-main-list:after{content:unset}.chat-layout-main-list{border-radius:unset}.scroll-chat-list{height:calc(100vh - 184px);margin-top:20px}.chat-layout-main-header{display:flex;flex-direction:column;gap:10px}@media screen and (min-width:1200px){.chat-layout,.chat-layout:has(.chat-page){padding-top:150px}.container.chat-layout-main:has(.chat-page__content) .chat-layout-main-list{display:block}.container.chat-layout-main{background-color:#000;border-radius:20px;display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:120px;max-height:calc(100dvh - 200px);max-width:1480px;min-height:calc(100dvh - 200px);overflow:hidden;padding:0}.chat-layout-main-list{background-color:#191919;border-radius:20px 20px 0;display:block;height:100%;max-height:calc(100dvh - 185px);padding:20px;position:relative;z-index:2}.chat-layout-main-list:after{border-bottom-right-radius:0;content:""}.chat-list{margin-top:0}.chat-layout .n-scrollbar>.n-scrollbar-rail.n-scrollbar-rail--vertical>.n-scrollbar-rail__scrollbar{background-color:#39929c50}.chat-layout .n-scrollbar>.n-scrollbar-rail.n-scrollbar-rail--vertical>.n-scrollbar-rail__scrollbar:hover{background-color:#39929c90}.chat-layout .n-scrollbar>.n-scrollbar-rail.n-scrollbar-rail--vertical--right{right:0;z-index:4}.chat-layout .n-scrollbar>.n-scrollbar-container{min-height:100%}body:not(:has(.chat-page)) header{display:block}.chat-layout-main-header{display:flex;flex-direction:row;justify-content:space-between}.chat-layout-main-header .base-button{min-width:200px}.scroll-chat-list{height:calc(100% - 60px)}}