@layer sc.reset,sc.vendor,sc.tokens,sc.base,sc.layout;@layer sc.components{.sc-roster{gap:var(--sc-space-1);align-content:start;min-block-size:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.sc-roster__row{align-items:center;gap:var(--sc-space-3);padding:var(--sc-space-2);border-radius:var(--sc-radius-control-sm);display:flex}.sc-roster__name{font-size:var(--sc-text-body-sm);font-weight:var(--sc-font-weight-semibold);margin-inline-end:auto}}@layer sc.patterns,sc.effects;@layer sc.pages{.sc-clubs{gap:var(--sc-space-10);padding-block:0 calc(var(--sc-space-20) + var(--sc-safe-bottom));display:grid}.sc-clubs__banner{isolation:isolate;border-radius:var(--sc-radius-card-lg);border:var(--sc-border-width) solid var(--sc-color-border);background:var(--sc-color-bg-deep);color:var(--sc-color-text);box-shadow:var(--sc-shadow-4);position:relative;overflow:hidden}.sc-clubs__banner-scrim{z-index:-1;background:linear-gradient(to right, var(--sc-color-bg-deep) 34%, color-mix(in srgb, var(--sc-color-bg-deep) 55%, transparent) 68%, transparent);position:absolute;inset:0}.sc-clubs__banner-body{justify-items:start;gap:var(--sc-space-4);max-inline-size:34rem;padding:var(--sc-space-10) var(--sc-space-8);display:grid}.sc-clubs__banner-actions{margin-block-start:var(--sc-space-2)}@media (width<=47.99em){.sc-clubs__banner-scrim{background:linear-gradient(to top, var(--sc-color-bg-deep) 45%, color-mix(in srgb, var(--sc-color-bg-deep) 70%, transparent))}.sc-clubs__banner-body{padding:var(--sc-space-8) var(--sc-space-5)}}.sc-clubs__head{--sc-section-head-gap:var(--sc-space-4)}.sc-clubs__star{color:var(--sc-color-warning-text)}.sc-clubs__search{inline-size:min(100%,18rem)}.sc-clubs__mine,.sc-clubs__grid{gap:var(--sc-space-5);grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));margin:0;padding:0;list-style:none;display:grid}.sc-club{border-radius:var(--sc-radius-card);background:var(--sc-color-glass);border:var(--sc-border-width) solid var(--sc-color-border);min-inline-size:0;transition:border-color var(--sc-dur-fast) var(--sc-ease-standard), transform var(--sc-dur-chrome) var(--sc-ease-glide);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.sc-club[hidden]{display:none}@media (hover:hover) and (pointer:fine){.sc-club:hover{border-color:var(--sc-hue-line);transform:translateY(var(--sc-motion-lift-card,-2px))}}.sc-club__banner{min-block-size:4.5rem;padding:var(--sc-space-3);background:linear-gradient(135deg, var(--sc-hue-solid), var(--sc-hue-deep));justify-content:flex-end;align-items:flex-start;display:flex}.sc-club__body{gap:var(--sc-space-2);padding:0 var(--sc-space-4) var(--sc-space-4);margin-block-start:calc(var(--sc-space-5) * -1);display:grid}.sc-club__name{align-items:center;gap:var(--sc-space-3);min-inline-size:0;font-size:var(--sc-text-body);line-height:var(--sc-leading-snug);font-weight:var(--sc-font-weight-bold);display:flex}.sc-club__mark{border-radius:var(--sc-radius-control);background:var(--sc-color-surface-2);border:var(--sc-border-width) solid var(--sc-hue-line);block-size:2.5rem;inline-size:2.5rem;font-size:var(--sc-text-title-sm);flex:none;place-items:center;display:grid}.sc-club__foot{padding:var(--sc-space-3) var(--sc-space-4);border-block-start:var(--sc-border-width) solid var(--sc-color-border-subtle)}.sc-club__who{align-items:center;gap:var(--sc-space-2);min-inline-size:0;display:flex}.sc-club__members{align-items:center;gap:var(--sc-space-2);font-size:var(--sc-text-caption);line-height:var(--sc-leading-caption);color:var(--sc-color-text-muted);font-variant-numeric:tabular-nums;display:flex}.sc-club__status--live{color:var(--sc-color-accent-text);font-weight:var(--sc-font-weight-semibold)}.sc-club__open{z-index:0;border-radius:inherit;cursor:pointer;position:absolute;inset:0}.sc-club__open:focus-visible{outline:none}.sc-club:has(.sc-club__open:focus-visible){outline:var(--sc-focus-ring-width) solid var(--sc-focus-ring-inner);outline-offset:var(--sc-focus-ring-offset)}.sc-club--mine .sc-club__foot{z-index:1;position:relative}.sc-clubs__kept{margin-block:calc(var(--sc-space-2) * -1) var(--sc-space-4)}.sc-club__more{align-content:center;place-items:center;gap:var(--sc-space-2);border-radius:var(--sc-radius-card);border:var(--sc-border-width-strong) dashed var(--sc-color-border);block-size:100%;min-block-size:11rem;color:var(--sc-color-text-muted);font-size:var(--sc-text-body-sm);font-weight:var(--sc-font-weight-semibold);transition:color var(--sc-dur-fast) var(--sc-ease-standard), border-color var(--sc-dur-fast) var(--sc-ease-standard);display:grid}@media (hover:hover) and (pointer:fine){.sc-club__more:hover{color:var(--sc-color-accent-text);border-color:var(--sc-color-accent-border)}}.sc-clubs__grid .sc-empty{grid-column:1/-1}.sc-clubs__form{gap:var(--sc-space-5);inline-size:min(28rem,100%);padding:var(--sc-space-6);--sc-glass-radius:var(--sc-radius-card-lg);display:grid}.sc-clubs__hub{--sc-overlay-gutter:var(--sc-space-6)}.sc-clubs__hub-panel{--sc-glass-radius:var(--sc-radius-card-lg);--sc-glass-shadow:var(--sc-shadow-5);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);block-size:min(46rem,88dvh);inline-size:min(64rem,100%);display:grid;position:relative;overflow:hidden}@media (width>=48em){.sc-clubs__hub-panel{grid-template-columns:16rem minmax(0,1fr)}}.sc-clubs__rail{gap:var(--sc-space-4);min-block-size:0;min-inline-size:0;padding:var(--sc-space-6) var(--sc-space-4) var(--sc-space-4);background:var(--sc-color-overlay-1);border-inline-end:var(--sc-border-width) solid var(--sc-color-border);grid-template:"who""invite""tabs"minmax(0,1fr)"leave"/minmax(0,1fr);display:grid}.sc-clubs__who{justify-items:center;gap:var(--sc-space-3);text-align:center;grid-area:who;min-inline-size:0;display:grid}.sc-clubs__who-text{gap:var(--sc-space-1);min-inline-size:0;display:grid}.sc-clubs__hub-mark{border-radius:var(--sc-radius-card);background:linear-gradient(135deg, var(--sc-hue-solid), var(--sc-hue-deep));block-size:5rem;inline-size:5rem;box-shadow:var(--sc-shadow-3);font-size:var(--sc-text-heading-lg);place-items:center;line-height:1;display:grid}.sc-clubs__hub-name{font-size:var(--sc-text-title);line-height:var(--sc-leading-title);font-weight:var(--sc-font-weight-bold);overflow-wrap:anywhere}.sc-clubs__close{z-index:2;position:absolute;inset-block-start:var(--sc-space-4);inset-inline-end:var(--sc-space-4)}.sc-clubs__invite{grid-area:invite}.sc-clubs__tabs{grid-area:tabs;align-self:start}.sc-clubs__leave{grid-area:leave}.sc-clubs__panes,.sc-clubs__club{grid-template-rows:minmax(0,1fr);min-block-size:0;min-inline-size:0;display:grid}.sc-clubs__club[hidden],.sc-clubs__pane[hidden]{display:none}.sc-clubs__pane{align-content:start;gap:var(--sc-space-4);min-block-size:0;padding:var(--sc-space-8);display:grid}.sc-clubs__pane--talk{grid-template-rows:auto minmax(0,1fr);align-content:stretch;padding-block-end:var(--sc-space-5)}.sc-clubs__channel{gap:var(--sc-space-1);padding-inline-end:var(--sc-space-10);display:grid}.sc-clubs__welcome{align-content:end;gap:var(--sc-space-2);min-block-size:11rem;padding:var(--sc-space-6);border-radius:var(--sc-radius-card);background:linear-gradient(135deg, var(--sc-hue-solid), var(--sc-hue-deep));color:var(--sc-hue-on-solid);display:grid}.sc-clubs__welcome-title{font-size:var(--sc-text-heading-lg);line-height:var(--sc-leading-heading-lg);font-weight:var(--sc-font-weight-bold);overflow-wrap:anywhere}.sc-clubs__welcome-lede{font-size:var(--sc-text-body-sm);line-height:var(--sc-leading-body-sm);max-inline-size:var(--sc-layout-max-prose)}.sc-clubs__subhead{align-items:center;gap:var(--sc-space-2);font-size:var(--sc-text-title-sm);line-height:var(--sc-leading-title-sm);font-weight:var(--sc-font-weight-bold);margin-block-start:var(--sc-space-4);display:flex}.sc-clubs__zap{color:var(--sc-color-warning-text)}.sc-clubs__now,.sc-clubs__pinned{align-items:center;gap:var(--sc-space-4);padding:var(--sc-space-5);display:flex}.sc-clubs__pinned{align-items:flex-start}.sc-clubs__now-text,.sc-clubs__pinned-text{--sc-stack-gap:var(--sc-space-1);flex:1;min-inline-size:0}.sc-clubs__now-title{font-weight:var(--sc-font-weight-bold)}.sc-clubs__pinned-by{align-items:baseline;gap:var(--sc-space-2);flex-wrap:wrap;display:flex}.sc-clubs__events{padding:0 0 0 var(--sc-space-8);gap:var(--sc-space-6);border-inline-start:var(--sc-border-width) solid var(--sc-color-border);margin:0;list-style:none;display:grid}.sc-clubs__event{position:relative}.sc-clubs__event:before{content:"";border-radius:var(--sc-radius-circle);background:var(--sc-color-text-faint);block-size:.75rem;inline-size:.75rem;position:absolute;inset-block-start:var(--sc-space-6);inset-inline-start:calc(var(--sc-space-8) * -1 - var(--sc-border-width) / 2 - .375rem)}.sc-clubs__event:first-child:before{background:var(--sc-color-accent)}.sc-clubs__event-card{gap:var(--sc-space-4);padding:var(--sc-space-5);display:flex}.sc-clubs__event-art{border-radius:var(--sc-radius-media-sm);object-fit:cover;flex:none;block-size:8rem;inline-size:6rem}.sc-clubs__event-art--none{background:var(--sc-color-overlay-2);color:var(--sc-color-text-subtle);place-items:center;display:grid}.sc-clubs__event-body{align-content:start;gap:var(--sc-space-1_5);flex:1;min-inline-size:0;display:grid}.sc-clubs__event-title{font-size:var(--sc-text-title-sm);line-height:var(--sc-leading-title-sm);font-weight:var(--sc-font-weight-bold)}.sc-clubs__event-foot{align-items:center;gap:var(--sc-space-3);flex-wrap:wrap;margin-block-start:var(--sc-space-2);display:flex}.sc-clubs__going{font-variant-numeric:tabular-nums;margin-inline-end:auto}@media (width<=47.99em){.sc-clubs__hub{--sc-overlay-gutter:0px}.sc-clubs__hub-panel{grid-template-rows:auto auto minmax(0,1fr);block-size:88dvh}.sc-clubs__rail{gap:var(--sc-space-3);padding:0 var(--sc-space-4) var(--sc-space-3);border-inline-end:0;border-block-end:var(--sc-border-width) solid var(--sc-color-border);background:0 0;grid-template:"who who""invite leave""tabs tabs"/minmax(0,1fr) auto}.sc-clubs__who{text-align:start;align-items:center;padding-inline-end:var(--sc-space-12);display:flex}.sc-clubs__hub-mark{block-size:3rem;inline-size:3rem;font-size:var(--sc-text-title);border-radius:var(--sc-radius-control);flex:none}.sc-clubs__leave{inline-size:auto}.sc-clubs__pane{padding:var(--sc-space-5) var(--sc-space-4)}.sc-clubs__welcome{min-block-size:8rem;padding:var(--sc-space-5)}.sc-clubs__welcome-title{font-size:var(--sc-text-heading);line-height:var(--sc-leading-heading)}.sc-clubs__event-card{flex-direction:column}.sc-clubs__event-art{block-size:9rem;inline-size:100%}}@media (prefers-reduced-motion:reduce){:where([data-sc-root]:not([data-sc-motion=full])) .sc-club{transition:none}}:where([data-sc-root][data-sc-motion=reduce]) .sc-club{transition:none}}@layer sc.addons,sc.utilities,sc.overrides;