@layer components{.feed-chooser{border-bottom:1px solid var(--ink);gap:16px;padding:32px 0;display:grid}.feed-chooser form{gap:20px;display:grid}.feed-chooser-section{border:0;border-top:1px solid var(--ink);margin:0;padding:8px 0 0}.feed-chooser-section legend{text-transform:uppercase;letter-spacing:.08em;padding-right:8px;font-weight:700}.feed-chooser-section ul{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:6px 24px;margin:0;padding:0;list-style:none;display:grid}.feed-chooser-section label{cursor:pointer;align-items:baseline;gap:8px;display:flex}.feed-chooser-section input[type=checkbox]{accent-color:var(--ink)}.feed-chooser-source{font-size:.875em;font-style:italic}.feed-chooser button{font:inherit;background:var(--ink);color:var(--paper);border:1px solid var(--ink);cursor:pointer;justify-self:start;padding:8px 14px}.feed-chooser-error{font-style:italic}.feed-chooser-add label:has(input[type=text],select){cursor:auto;gap:4px;margin-top:8px;display:grid}.feed-chooser-add input[type=text],.feed-chooser-add select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--ink);max-width:32rem;padding:6px 8px}.feed-chooser-add input[type=radio]{accent-color:var(--ink)}.feed-chooser .feed-list{grid-template-columns:1fr}.feed-chooser .feed-list-item{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.feed-list-pinned{text-transform:uppercase;letter-spacing:.08em;font-size:.75em}.feed-chooser .feed-list-pin,.feed-chooser .feed-list-unfollow{background:var(--paper);color:var(--ink);padding:2px 10px}.feed-chooser .feed-list-pin{margin-left:auto}}
