.feed-sort{margin:0 var(--page-gutter);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 8px 0;display:flex;container:feed-sort/inline-size}.feed-sort-note{min-width:0;color:var(--scores-soft,color-mix(in srgb, var(--on-canvas) 80%, transparent));font:var(--type-meta-weight) var(--type-meta-size) / 1.3 var(--font-ui);flex:7rem;margin:0}.feed-sort .ui-seg{background:var(--canvas-fill);border-radius:22px;flex:none;gap:2px;min-width:128px;padding:3px}.feed-sort .ui-seg>button{border-radius:var(--radius-pill);min-height:36px;color:color-mix(in srgb, var(--ink) 80%, transparent);background:0 0;border:0}.feed-sort .ui-seg>button[aria-pressed=true]{background:color-mix(in srgb, var(--ink) 14%, var(--surface-solid));color:var(--ink)}.feed-sort>.ui-seg.is-compact:not(.feed-periods){grid-template-columns:repeat(2,minmax(min-content,1fr));display:grid}.feed-sort>.ui-seg.is-compact:not(.feed-periods)>button{overflow-wrap:normal}@container feed-sort (max-width:16rem){.feed-sort>.ui-seg.is-compact:not(.feed-periods){flex:1 0 100%;min-width:min(100%,8rem)}.feed-sort>.ui-seg.is-compact:not(.feed-periods)>button{white-space:nowrap;overflow-wrap:normal;min-width:0;padding-inline:8px}}.feed-sort .ui-seg.feed-periods{flex:100%;grid-template-columns:repeat(auto-fit,minmax(min(100%,5.5rem),1fr));min-width:0;display:grid;overflow-x:visible}.feed-sort .ui-seg.feed-periods>button{text-align:center;white-space:normal;overflow-wrap:break-word;min-width:0;padding:6px 8px}.feed-fresh{top:calc(var(--size-top-bar,60px) + 8px);z-index:6;pointer-events:none;justify-content:center;height:0;display:flex;position:sticky}.feed-update{background:var(--selection);min-height:44px;color:var(--on-selection);font:var(--weight-semibold) .875rem / 1 var(--font-ui);pointer-events:auto;cursor:pointer;animation:content-arrive var(--motion-state) var(--ease-ui);--reduced-animation:fade-in;border:0;border-radius:999px;align-items:center;gap:6px;margin:8px auto 0;padding:0 16px;display:flex;box-shadow:0 8px 20px -8px #0000008c}.feed-sponsor.ui-line{align-items:center;gap:10px;min-height:44px;padding:0 12px;display:flex}.feed-sponsor-label{color:color-mix(in srgb, var(--ink) 74%, transparent);font:var(--type-meta-weight) var(--type-meta-size) / 1 var(--font-ui)}.feed-sponsor>b{font:var(--weight-semibold) .875rem / 1 var(--font-ui);flex:1}.feed-sponsor>a{color:var(--brand-text);font:var(--weight-medium) .8125rem / 1 var(--font-ui)}.feed-screen .prelaunch-welcome{margin:10px var(--page-gutter) 0;border-radius:var(--radius-group);background:var(--surface);box-shadow:0 0 0 1px var(--surface-edge);color:var(--ink);border:0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 6px 10px 12px;display:grid}.feed-screen .prelaunch-welcome-mark{background:var(--selection);width:36px;height:36px;color:var(--on-selection);border-radius:10px;place-items:center;display:grid}.feed-screen .prelaunch-welcome-text>h2{font:var(--weight-bold) .9375rem / 1.3 var(--font-ui);margin:0}.feed-screen .prelaunch-welcome-text>p{color:color-mix(in srgb, var(--ink) 74%, transparent);font:var(--type-meta-weight) var(--type-meta-size) / 1.3 var(--font-ui);margin:0}.feed-screen .prelaunch-welcome-join{background:var(--selection);min-height:44px;color:var(--on-selection);font:var(--weight-semibold) .875rem / 1 var(--font-ui);border-radius:12px;padding:0 16px}.feed-screen .prelaunch-welcome-dismiss{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:static;inset:auto}.feed-screen .prelaunch-welcome-dismiss>svg{position:static}@media (max-width:359px){.feed-screen .prelaunch-welcome{grid-template-columns:auto minmax(0,1fr) auto;padding-right:4px}.feed-screen .prelaunch-welcome-text>p{display:none}.feed-screen .prelaunch-welcome-dismiss{grid-area:1/3;width:36px;margin-right:0}.feed-screen .prelaunch-welcome-join{grid-area:2/2;justify-self:start}}.feed-screen .home-feed-body,.feed-screen .home-feed-main,.feed-screen .community-feed,.feed-screen .community-feed-scroll{background:0 0;border:0;height:auto;max-height:none;margin:0;padding:0;display:block;overflow:visible}.feed-screen .home-feed-main .community-feed-scroll{max-width:800px;display:block}@media (min-width:901px){.feed-screen>:is(.ui-top,.home-feed-body){max-width:800px}}.home-feed-main .home-feed-chrome{background:0 0}
