@layer components{.page-container-wide.community-shell,.page-container-wide:has(>[class~="xl:grid-cols-[220px_minmax(0,1fr)_300px]"]){max-width:none}@media (width >= 80rem){.page-container-wide>[class~="xl:grid-cols-[220px_minmax(0,1fr)_300px]"]{grid-template-columns:248px minmax(0,1fr) 320px!important}}@media (width >= 120rem){.page-container-wide>[class~="xl:grid-cols-[220px_minmax(0,1fr)_300px]"]{grid-template-columns:272px minmax(0,1180px) 360px!important;column-gap:2rem!important;justify-content:center}}@media (width >= 160rem){.page-container-wide>[class~="xl:grid-cols-[220px_minmax(0,1fr)_300px]"]{grid-template-columns:300px minmax(0,1400px) 400px!important;column-gap:2.5rem!important}}.community-shell__main{min-width:0}.community-shell__main:has(>[data-community-column]){container:community-main/inline-size}.community-home{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"band" "cards" "feed";align-items:start}.community-home__band{grid-area:band;min-width:0;background:var(--ink-1);border-color:var(--border-subtle);--text-1:#fff;--text-2:rgb(255 255 255/0.9)}@supports (color:color-mix(in oklch,red,red)){.community-home__band{background:linear-gradient(105deg,var(--viv-band) 0,color-mix(in oklch,var(--viv-band) 78%,var(--ink-1)) 58%,color-mix(in oklch,var(--viv-band) 56%,var(--ink-1)) 100%);border-color:rgb(255 255 255/.16);box-shadow:inset 0 1px 0 rgb(255 255 255/.16),0 18px 40px -24px var(--viv-band)}}.community-home__backdrop{opacity:.45;mix-blend-mode:soft-light;-webkit-mask-image:linear-gradient(0deg,black 45%,transparent);mask-image:linear-gradient(0deg,black 45%,transparent)}.community-home__backdrop>svg{flex-shrink:0}.community-home__cards{grid-area:cards;min-width:0}.community-home__feed{grid-area:feed;min-width:0}@container community-main (width >= 75rem){.community-home{grid-template-columns:minmax(0,1fr) minmax(20rem,26rem);grid-template-areas:"band band" "feed cards";column-gap:2rem}.community-home__feed{max-width:60rem}}.community-home__counters{display:grid;grid-template-columns:repeat(3,minmax(0,max-content));column-gap:1.5rem;row-gap:.25rem}@container community-main (width < 24rem){.community-home__counters{column-gap:1rem}}.community-group__chevron{transition:transform var(--duration-state) var(--ease-macos)}.community-group__toggle[aria-expanded=false] .community-group__chevron{transform:rotate(-90deg)}.community-phonebar{display:grid;grid-template-columns:repeat(var(--community-phonebar-items,5),minmax(0,1fr));align-items:center;width:100%;max-width:30rem;margin-inline:auto;padding:.25rem;border:1px solid var(--border-default);border-radius:1.25rem;background:hsl(var(--popover));box-shadow:0 8px 24px -12px var(--ink-0)}.community-phonebar__item{position:relative;display:flex;min-height:2.75rem;min-width:2.75rem;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;border-radius:.875rem;color:var(--text-2);transition:opacity var(--duration-state) var(--ease-macos)}.community-phonebar__item:active{opacity:.7}.community-phonebar__item[aria-current],.community-phonebar__item[aria-expanded=true]{color:var(--ember-1000)}.community-phonebar__create{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:9999px;background:var(--ember-800);color:var(--ink-0);box-shadow:0 6px 16px -6px var(--ember-700);transition:transform var(--duration-press) var(--ease-macos)}.community-phonebar__item:active .community-phonebar__create{transform:scale(.94)}.channel-tile{box-shadow:inset 0 0 0 1px var(--border-default)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){:where(html:not([data-motion=reduce])) .channel-tile{transition:scale var(--duration-state) var(--ease-macos)}:where(html:not([data-motion=reduce])) li:hover .channel-tile{scale:1.08}}.channel-row--lit{background-color:var(--ember-ink);border-color:var(--ember-500);color:var(--text-1)}.channel-row--rest:hover{background-color:var(--ink-2)}@supports (color:color-mix(in oklch,red,red)){.channel-tile{background:color-mix(in oklch,var(--ch,var(--brand)) 28%,transparent);box-shadow:0 0 0 2px color-mix(in oklch,var(--ch,var(--brand)) 26%,transparent),inset 0 0 0 1px color-mix(in oklch,var(--ch,var(--brand)) 55%,transparent)}.channel-row--lit{background-color:color-mix(in oklch,var(--ch,var(--brand)) 22%,transparent);border-color:color-mix(in oklch,var(--ch,var(--brand)) 55%,transparent)}.channel-row--rest:hover{background-color:color-mix(in oklch,var(--ch,var(--brand)) 14%,transparent)}.community-shell .glass-vellum{background:linear-gradient(170deg,color-mix(in oklch,var(--viv-wash) 26%,var(--ink-1)),var(--ink-1) 60%);border-color:var(--border-default)}}@media (prefers-reduced-transparency:reduce){.community-shell .glass-vellum{background:var(--material-panel-opaque)}}:where(html[data-transparency=reduce]) .community-shell .glass-vellum{background:var(--material-panel-opaque)}@media (prefers-contrast:more){.community-shell .glass-vellum{background:var(--material-panel-opaque)}}:where(html[data-contrast=more]) .community-shell .glass-vellum{background:var(--material-panel-opaque)}}@layer components{@media (prefers-reduced-motion:reduce){.community-group__chevron,.community-phonebar__create,.community-phonebar__item{transition:none}.community-phonebar__item:active .community-phonebar__create{transform:none}}:where(html[data-motion=reduce]) .community-group__chevron,:where(html[data-motion=reduce]) .community-phonebar__create,:where(html[data-motion=reduce]) .community-phonebar__item{transition:none}:where(html[data-motion=reduce]) .community-phonebar__item:active .community-phonebar__create{transform:none}}