.cometchat-users{background:var(--cometchat-background-color-01,#fff);user-select:none;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:0;width:100%;height:100%;display:flex;position:relative}.cometchat-users input,.cometchat-users .cometchat-search-bar__input{user-select:text}.cometchat-users__list-item::selection{color:inherit;background:0 0}.cometchat-users__list-item ::selection{color:inherit;background:0 0}.cometchat-users__empty-state-view{flex-direction:column;display:flex}.cometchat-users__empty-state-view,.cometchat-users__error-state-view{gap:var(--cometchat-padding-5,20px);background:var(--cometchat-background-color-01,#fff);flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.cometchat-users__empty-state-view-body,.cometchat-users__error-state-view-body{gap:var(--cometchat-padding,2px);flex-direction:column;display:flex}.cometchat-users__empty-state-view-body-title,.cometchat-users__error-state-view-body-title{width:280px;color:var(--cometchat-text-color-primary,#141414);text-align:center;font:var(--cometchat-font-heading3-bold);font-style:normal}.cometchat-users__empty-state-view-body-description,.cometchat-users__error-state-view-body-description{width:280px;color:var(--cometchat-text-color-secondary,#727272);text-align:center;font:var(--cometchat-font-body-regular);font-style:normal}.cometchat-users__shimmer{background:var(--cometchat-background-color-01,#fff);width:100%;height:100%}.cometchat-users__shimmer-item{width:100%;min-width:240px;max-width:1440px;height:72px;padding:var(--cometchat-padding-3,12px)var(--cometchat-padding-4,16px);align-items:center;gap:12px;display:flex}.cometchat-users__shimmer-item-avatar{border-radius:var(--cometchat-radius-max,1000px);background:var(--cometchat-shimmer-gradient-color,linear-gradient(90deg,#e0e0e0 0%,#eee 100%));flex-shrink:0;width:48px;height:48px;display:flex}.cometchat-users__shimmer-item-body{gap:var(--cometchat-padding-2,8px);flex-direction:column;width:100%;height:100%;display:flex}.cometchat-users__shimmer-item-title{border-radius:var(--cometchat-radius-2,8px);background:var(--cometchat-shimmer-gradient-color,linear-gradient(90deg,#e0e0e0 0%,#eee 100%));flex-shrink:0;width:50%;height:22px;animation:1.5s linear infinite shimmerAnimation}.cometchat-users__shimmer-item-body-subtitle{border-radius:var(--cometchat-radius-2,8px);background:var(--cometchat-shimmer-gradient-color,linear-gradient(90deg,#e0e0e0 0%,#eee 100%));flex-shrink:0;width:25%;height:12px;animation:1.5s linear infinite shimmerAnimation}.cometchat-users__list-item-online .cometchat-list-item__status{border-radius:var(--cometchat-radius-max,1000px);background:var(--cometchat-success-color,#09c26f);border:2px solid var(--cometchat-neutral-color-50,#fff);justify-content:center;align-items:center;width:14px;min-width:14px;height:14px;margin-right:-12px;display:flex;position:relative;top:20px;right:15px}.cometchat-users__list-item-active .cometchat-list-item{background-color:var(--cometchat-white-pressed,#e8e8e8)}.cometchat-users__list-item{cursor:pointer;user-select:none}.cometchat-users__list-item .cometchat-avatar,.cometchat-users__list-item .cometchat-list-item__leading-view{width:40px;height:40px}.cometchat-users .cometchat-list-item__body{min-height:43px;padding:0}@keyframes shimmerAnimation{0%{background-position:-468px 0}to{background-position:468px 0}}.cometchat-users__selected-preview{width:100%;max-height:30vh;padding-top:var(--cometchat-padding-4,16px);padding-left:var(--cometchat-padding-4,16px);padding-right:var(--cometchat-padding-4,16px);background:var(--cometchat-background-color-01,#fff);border-top:1px solid var(--cometchat-border-color-light,#f5f5f5);box-sizing:border-box;z-index:10;padding-bottom:0;position:absolute;bottom:0;left:0;right:0;overflow:hidden auto}.cometchat-users__selected-preview-hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.cometchat-users__selected-preview-hide-scrollbar::-webkit-scrollbar{display:none}.cometchat-users__selected-preview-container{gap:var(--cometchat-padding-2,8px);max-height:calc(2*(32px + var(--cometchat-padding-2,8px)));flex-wrap:wrap;display:flex;overflow:hidden auto}.cometchat-users__selected-preview-container-hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.cometchat-users__selected-preview-container-hide-scrollbar::-webkit-scrollbar{display:none}.cometchat-users__selected-preview-chip{align-items:center;gap:var(--cometchat-padding-2,8px);border:1px solid var(--cometchat-border-color-default,#e8e8e8);padding:var(--cometchat-padding-1,4px);background:var(--cometchat-background-color-03,#f5f5f5);border-radius:var(--cometchat-radius-max,1000px);box-sizing:border-box;flex-shrink:0;height:32px;display:flex}.cometchat-users__selected-preview-chip .cometchat-avatar{flex-shrink:0;width:24px;height:24px}.cometchat-users__selected-preview-chip .cometchat-avatar .cometchat-avatar__text{font:var(--cometchat-font-caption1-bold)}.cometchat-users__selected-preview-chip-name{color:var(--cometchat-text-color-primary,#141414);font:var(--cometchat-font-body-medium);white-space:nowrap;text-overflow:ellipsis;max-width:48px;overflow:hidden}.cometchat-users__selected-preview-chip-close{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:flex}.cometchat-users__selected-preview-chip-close img{opacity:.6;width:16px;height:16px;transition:opacity .2s}.cometchat-users__selected-preview-chip-close:hover img{opacity:1}.cometchat-users__selected-preview-chip-close-button{cursor:pointer;user-select:none;background:0 0;border:none;flex-shrink:0}.cometchat-users__selected-preview-chip-close-button .cometchat-button{background:0 0;border:none;border-radius:0;width:fit-content;height:fit-content;margin:0;padding:0}.cometchat-users__selected-preview-chip-close-button .cometchat-button .cometchat-button__icon{background:var(--cometchat-icon-color-secondary);width:24px;height:24px}