/* A space's look, welcome message and mini profile card (js/community-{look,welcome,profilecard}.js). */
.cm-welcome { margin: .5rem 0; padding: .6rem .8rem; border: 1px solid var(--accent, currentColor); border-radius: 10px; }
.cm-profile-card { position: absolute; z-index: 20; display: block; max-width: 18rem; margin-top: .25rem; padding: .6rem .8rem; border: 1px solid var(--line, rgba(128,128,128,.4)); border-radius: 10px; background: var(--bg, canvas); color: inherit; box-shadow: 0 6px 20px rgba(0,0,0,.25); }
.cm-banner-waves { background-image: linear-gradient(135deg, #1b3a6b, #2d7dd2 55%, #1b3a6b); }
.cm-banner-grid { background-image: repeating-linear-gradient(0deg, rgba(255,255,255,.08) 0 1px, transparent 1px 24px), repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 1px, transparent 1px 24px), linear-gradient(#1c1f26, #12141a); }
.cm-banner-dusk { background-image: linear-gradient(160deg, #3b1f4a, #c2506a 60%, #f2a65a); }
.cm-banner-stack { background-image: linear-gradient(90deg, #2fbf71 0 25%, #4f8cff 25% 50%, #8e5cf0 50% 75%, #f0a020 75%); }
.cm-banner-static { background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0 2px, transparent 3px), radial-gradient(circle at 70% 60%, rgba(255,255,255,.12) 0 2px, transparent 3px), linear-gradient(#20242c, #15171c); background-size: 40px 40px, 55px 55px, auto; }