@layer theme,base;@layer components{.channels{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.channel{min-height:3rem;color:var(--fg);align-items:center;gap:.875rem;text-decoration:none;display:flex}.channel__icon{border:1px solid var(--line);width:2.75rem;height:2.75rem;color:var(--accent);transition:background-color var(--dur-base) var(--ease-settle), border-color var(--dur-base) var(--ease-settle), color var(--dur-base) var(--ease-settle);border-radius:50%;flex:none;place-items:center;display:grid}.channel__icon svg{width:1.25rem;height:1.25rem}.channel__text{min-width:0;display:grid}.channel__label{color:var(--fg-dim);font-size:.75rem;line-height:1.4}.channel__value{overflow-wrap:anywhere;font-size:1rem;font-weight:500;line-height:1.4}.channel__values{flex-wrap:wrap;gap:0 1rem;display:flex}.channel__values .channel__value{color:inherit;text-underline-offset:.25em;white-space:nowrap;text-decoration:none}@media (pointer:coarse){.channel__values .channel__value{align-items:center;min-height:2.75rem;display:inline-flex}}@media (hover:hover){a.channel:hover .channel__icon,a.channel__icon:hover{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.channel:has(.channel__values a:hover) .channel__icon{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.channel__values .channel__value:hover{color:var(--accent);text-decoration:underline}}a.channel:focus-visible .channel__icon{border-color:var(--accent)}}@layer utilities;@media (prefers-reduced-motion:reduce){.channel__icon{transition:none}}