.band{align-items:center;gap:.85rem;display:flex}.band__avatar{color:#a3a3a3;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:100px;min-width:100px;height:100px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #fff}.band__avatar img{object-fit:cover;width:100%;height:100%}.band__info{flex:1;min-width:0}.band__name{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.band__meta{color:#a3a3a3;align-items:center;gap:1rem;margin-top:.2rem;font-size:.85rem;display:flex}.band__meta span{justify-content:center;align-items:center;gap:.25rem;display:flex}.band .invalid-band{color:#e60000;border-radius:100rem;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.band__role{border-radius:100px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.band__role--owner{color:#5f47d6;background:#efecff}.band__role--admin{color:#3b82f6;background:#eff6ff}.band__role--member{color:#737373;background:#f5f5f5}.band__actions{gap:.5rem;margin-top:.85rem;display:flex}.band__actions .band__settings-btn{aspect-ratio:1;width:fit-content}.band__actions .open-band{width:100%}