.ConversationItem{display:grid;cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;border-radius:20px;border-width:1px;--tw-bg-opacity:1;background-color:rgba(var(--color-bgBase-400),var(--tw-bg-opacity,1));padding:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;--tw-border-opacity:1;border-color:rgba(var(--color-divider-500),var(--tw-border-opacity,1))}.ConversationItem:hover{border-color:rgba(var(--color-primary-500),.5)}.ConversationItem--selected{background-color:rgba(var(--color-primary-900),.2)}.ConversationItem--selected,.ConversationItem--selected:hover{--tw-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--tw-border-opacity,1))}.ConversationItem--game .ConversationItem__avatar-wrapper{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ConversationItem--game .ConversationItem__avatar{border-width:2px;--tw-border-opacity:1;border-color:rgba(var(--color-divider-500),var(--tw-border-opacity,1))}.ConversationItem--game.ConversationItem--selected .ConversationItem__avatar{--tw-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--tw-border-opacity,1))}.ConversationItem--game.ConversationItem--selected .ConversationItem__level{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--tw-bg-opacity,1))}.ConversationItem__avatar-wrapper{position:relative}.ConversationItem__avatar{position:relative;aspect-ratio:1/1;width:48px;overflow:hidden;border-radius:9999px}.ConversationItem__avatar-image{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.ConversationItem__level-wrapper{position:absolute;left:0;right:0;bottom:-.125rem;width:100%}.ConversationItem__level{margin-left:auto;margin-right:auto;display:flex;height:.875rem;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--color-divider-500),var(--tw-bg-opacity,1));padding-left:.5rem;padding-right:.5rem;font-size:.625rem;line-height:1.25;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ConversationItem__content{display:grid;grid-auto-flow:row;gap:.25rem}.ConversationItem__name{font-size:.875rem;line-height:1.25rem;font-weight:500}.ConversationItem__message,.ConversationItem__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ConversationItem__message{font-size:.75rem;line-height:1rem;font-weight:300;--tw-text-opacity:1;color:rgba(var(--color-textBase-800),var(--tw-text-opacity,1))}.ConversationItem__message-image-icon{margin-right:.25rem;display:inline-block;--tw-translate-y:-2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ConversationItem__meta{display:grid;height:100%;grid-auto-flow:column;align-items:center;gap:0;text-align:end}@media (min-width:1280px){.ConversationItem__meta{grid-auto-flow:row;justify-content:flex-end}}.ConversationItem__time{font-size:.75rem;line-height:1rem;font-weight:500;line-height:1.25;--tw-text-opacity:1;color:rgba(var(--color-textBase-700),var(--tw-text-opacity,1))}@media (min-width:1280px){.ConversationItem__time{margin-top:.25rem}}.ConversationItem__actions{display:grid;grid-auto-flow:column;justify-content:flex-end;gap:.125rem;font-size:1rem;line-height:1.5rem}@media (min-width:1280px){.ConversationItem__dropdown{display:none!important}}.ConversationItem__action-icon{cursor:pointer!important;--tw-text-opacity:1!important;color:rgba(var(--color-textBase-700),var(--tw-text-opacity,1))!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}@media not all and (min-width:1280px){.ConversationItem__action-icon{display:none!important}}.ConversationItem__action-icon:hover{--tw-text-opacity:1!important;color:rgba(var(--color-textBase-500),var(--tw-text-opacity,1))!important}