.cm-group-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;overflow:hidden;border:1px solid var(--cm-border,#89939d55);border-radius:6px;background:var(--cm-surface-alt,#89939d18);color:inherit;vertical-align:middle}
.cm-group-avatar img{width:100%;height:100%;object-fit:cover}
.cm-group-avatar i{font-size:17px!important;width:auto!important;height:auto!important;line-height:1!important}
.cm-group-appearance-preview .cm-group-avatar{width:96px;height:96px}
.cm-group-appearance-preview .cm-group-avatar i{font-size:40px!important}
.cm-group-appearance-editor{display:grid;gap:8px;min-width:0}
.cm-group-appearance-editor p{margin:0}
.cm-group-appearance-actions,.cm-group-appearance-icons{display:flex;flex-wrap:wrap;gap:6px}
.cm-group-appearance-icons button{display:inline-flex!important;align-items:center;justify-content:center;min-width:40px!important;min-height:40px!important;padding:8px!important;flex:0 0 auto!important}
.cm-group-appearance-icons button i{font-size:18px!important;width:auto!important;line-height:1!important}
.cm-group-appearance-icons button[aria-pressed=true]{border-color:var(--cm-accent,#3c8dbc);background:var(--cm-surface-alt,#89939d18);box-shadow:inset 0 0 0 1px var(--cm-accent,#3c8dbc)}
.cm-group-appearance-editor [hidden]{display:none!important}
.cm-group-banner-editor{display:grid;gap:8px;border-top:1px solid var(--cm-border,#89939d55);padding-top:14px;margin-top:6px;min-width:0}
.cm-group-banner-editor h3{font-size:14px;margin:0}
.cm-group-banner-preview{overflow:hidden;background:var(--cm-surface-alt,#89939d18);border:1px solid var(--cm-border,#89939d55);border-radius:6px;min-width:0}
.cm-group-banner-preview>p{padding:18px}
.cm-group-banner{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover}
.cm-social-cover .cm-cover-band.has-group-banner{height:auto!important;min-height:0!important;overflow:hidden;background:none}
.cm-social-cover .cm-cover-band.has-group-banner .cm-group-banner{width:100%;height:auto;max-height:240px;object-fit:cover}
@media(max-width:600px){.cm-social-cover .cm-cover-band.has-group-banner{display:block!important}.cm-social-cover .cm-cover-band.has-group-banner .cm-group-banner{max-height:160px}.cm-group-appearance-actions button{max-width:100%}}
#communities-app .cm-social-cover{position:relative}
#communities-app .cm-social-cover:is(.is-group-cover,.is-community-cover) .cm-cover-band:not(.has-group-banner){height:130px;background:var(--cm-accent-soft);border-bottom:1px solid var(--cm-line)}
#communities-app .cm-social-cover:is(.is-group-cover,.is-community-cover) .cm-cover-heading{margin-top:-24px;align-items:center}
#communities-app .cm-social-cover:is(.is-group-cover,.is-community-cover) .cm-cover-mark{width:72px;height:72px;flex-basis:72px;border-radius:16px}
#communities-app .cm-social-cover:is(.is-group-cover,.is-community-cover) .cm-cover-heading>div:last-child{padding-top:28px}
#communities-app .cm-group-cover-edit{position:absolute;right:12px;top:12px;background:var(--cm-surface)!important;color:var(--cm-text)!important;box-shadow:0 1px 5px #0003}
@media(max-width:600px){#communities-app .cm-social-cover:is(.is-group-cover,.is-community-cover) .cm-cover-band:not(.has-group-banner){height:100px}#communities-app .cm-social-cover:is(.is-group-cover,.is-community-cover) .cm-cover-mark{width:58px;height:58px;flex-basis:58px}#communities-app .cm-social-cover:is(.is-group-cover,.is-community-cover) .cm-cover-heading{margin-top:-20px}#communities-app .cm-social-cover:is(.is-group-cover,.is-community-cover) .cm-cover-heading>div:last-child{padding-top:24px}}

.cm-banner-library{border-top:1px solid var(--cm-line,#89939d55);margin-top:8px;padding-top:12px;min-width:0}
.cm-banner-library summary{cursor:pointer;font-weight:600;padding:8px 0;min-height:34px}
.cm-banner-library[open]>p{margin:8px 0}
.cm-banner-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.cm-banner-filters>div{display:grid;gap:5px;min-width:0}
.cm-banner-filters input,.cm-banner-filters select{width:100%;min-width:0;box-sizing:border-box}
.cm-banner-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}
.cm-banner-template-grid .cm-banner-template{display:flex!important;flex-direction:column;align-items:stretch;text-align:left;padding:0!important;overflow:hidden;min-width:0;white-space:normal;gap:0;border:1px solid var(--cm-line,#89939d55);background:var(--cm-surface);color:var(--cm-text);border-radius:6px}
.cm-banner-template canvas{display:block;width:100%;height:auto;aspect-ratio:3/1}
.cm-banner-template strong{font-size:12px;padding:8px 9px 2px;line-height:1.35}
.cm-banner-template span{font-size:11px;padding:0 9px 8px;color:var(--cm-muted)}
.cm-banner-template[aria-pressed=true]{outline:2px solid var(--cm-accent,#3c8dbc);outline-offset:1px}
.cm-banner-template[aria-pressed=true] strong:before{content:'✓ ';color:var(--cm-accent,#3c8dbc)}
.cm-banner-template-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
.cm-banner-template-pager span{font-size:12px}
@media(max-width:420px){.cm-banner-filters{grid-template-columns:1fr}.cm-banner-template-grid{gap:8px}.cm-banner-template-pager{flex-wrap:wrap}}

.cm-appearance-form .cm-appearance-availability{border:1px solid var(--adm-warning,#f39c12);border-left-width:4px;border-radius:6px;padding:10px 12px;margin:0 0 12px;background:var(--cm-soft);color:var(--cm-text)!important}
.cm-appearance-form .cm-error:not(:empty){color:var(--adm-danger,#dd4b39)!important;border-left:3px solid currentColor;padding:8px 10px;background:var(--cm-soft);margin:8px 0}