@layer components{.topic-signal_wrap{border-block:var(--border-width) solid var(--stroke-subtle);width:100%;min-width:0;padding-block:1.25rem;container-type:inline-size}.topic-signal_wrap.data{background:var(--background);border:0;padding-block:0}.topic-signal_wrap .topic-signal_meta,.topic-signal_wrap .topic-signal_footer{justify-content:space-between;align-items:center;gap:1rem;padding-inline:1.25rem;display:flex}.topic-signal_wrap .topic-signal_meta{letter-spacing:.08em;color:var(--text-muted);font-size:.6875rem}.topic-signal_wrap .topic-signal_meta>span:first-child{align-items:center;gap:.625rem;display:flex}.topic-signal_wrap .topic-signal_meta i,.topic-signal_wrap .topic-signal_packet i{width:var(--square-small);height:var(--square-small);background:var(--brand-500);border-radius:var(--radius-indicator);flex:none}.topic-signal_wrap .topic-signal_scanner{padding-block:2.25rem 1.25rem;position:relative}.topic-signal_wrap .topic-signal_word{white-space:nowrap;font:700 clamp(2.5rem,5.8cqw,6rem)/1.1 var(--display-family);text-transform:uppercase;color:color-mix(in srgb,var(--text-muted) 60%,var(--background));transition:color .25s;display:block;position:relative}.topic-signal_wrap .topic-signal_word>span{padding-block:.12em;display:block}.topic-signal_wrap .topic-signal_word[data-active=true]{color:var(--brand-500)}.topic-signal_wrap .topic-signal_gate{border-inline:var(--border-width) solid color-mix(in srgb,var(--brand-500) 40%,transparent);pointer-events:none;width:clamp(14rem,37cqw,38rem);position:absolute;inset:1.75rem auto 1.75rem 50%;translate:-50%}.topic-signal_wrap .topic-signal_gate:before,.topic-signal_wrap .topic-signal_gate:after{content:"";background:var(--brand-500);border-radius:var(--radius-indicator);width:.5rem;height:.5rem;position:absolute;top:-.25rem}.topic-signal_wrap .topic-signal_gate:before{left:-.25rem}.topic-signal_wrap .topic-signal_gate:after{right:-.25rem}.topic-signal_wrap .topic-signal_gate>span{letter-spacing:.15em;color:var(--brand-500);white-space:nowrap;font-size:.625rem;position:absolute;top:-1.25rem;left:50%;translate:-50%}.topic-signal_wrap .topic-signal_streams{position:relative}.topic-signal_wrap .topic-signal_packet{align-items:center;gap:var(--_gap-size);font:700 clamp(1.575rem,3.08cqw,3.325rem)/1.1 var(--display-family);text-transform:uppercase;white-space:nowrap;color:var(--text);display:flex}.topic-signal_wrap .topic-signal_packet i{background:currentColor;width:.5rem;height:.5rem}.topic-signal_wrap .topic-signal_packet>span{text-box:trim-both cap alphabetic}.topic-signal_wrap .topic-signal_packet small{font:400 .6875rem/1 var(--primary-family);color:var(--brand-500);align-self:start;padding-top:.75rem}.topic-signal_wrap .topic-signal_packet.outline>span{color:#0000;-webkit-text-stroke:.0625rem var(--text-muted)}.topic-signal_wrap .topic-signal_axis{height:var(--border-width);background:var(--stroke-subtle);pointer-events:none;position:absolute;top:50%;left:1.25rem;right:1.25rem}.topic-signal_wrap .topic-signal_axis i{background:var(--brand-500);width:.5rem;height:.5rem;position:absolute;top:-.25rem;left:50%;rotate:45deg}.topic-signal_wrap .topic-signal_display{text-align:center;padding:3rem 2rem 2rem;position:relative}.topic-signal_wrap .topic-signal_headline{width:100%;color:var(--brand-500);font:700 clamp(1.5rem,7.3cqw,8rem)/1.15 var(--display-family);text-transform:uppercase;white-space:nowrap}.topic-signal_wrap .topic-signal_headline>span{padding-block:.12em;display:block}.topic-signal_wrap .topic-signal_corner{border-color:var(--text-muted);border-style:solid;width:1rem;height:1rem;position:absolute}.topic-signal_wrap .topic-signal_corner.first{border-width:var(--border-width) 0 0 var(--border-width);top:2.5rem;left:1.25rem}.topic-signal_wrap .topic-signal_corner.last{border-width:0 var(--border-width) var(--border-width) 0;bottom:2rem;right:1.25rem}.topic-signal_wrap .topic-signal_progress{background:var(--stroke-subtle);width:8rem;height:.125rem;margin:1.5rem auto 0;overflow:hidden}.topic-signal_wrap .topic-signal_progress>span{background:var(--brand-500);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--topic-progress,0));display:block}.topic-signal_wrap .topic-signal_caption{color:var(--text-muted);font-size:.8125rem}.topic-signal_wrap .topic-signal_controls{flex:none;gap:.5rem;display:flex}.topic-signal_wrap .topic-signal_topics{flex-wrap:wrap;justify-content:center;gap:.25rem .5rem;max-width:70rem;margin:0 auto 1.5rem;padding-inline:1.25rem;display:flex}@media not (min-width:48rem){.topic-signal_wrap .topic-signal_meta,.topic-signal_wrap .topic-signal_footer{padding-inline:.5rem}.topic-signal_wrap .topic-signal_footer{gap:.5rem}.topic-signal_wrap .topic-signal_caption{max-width:20ch;font-size:.6875rem}.topic-signal_wrap .topic-signal_meta{font-size:.5625rem}.topic-signal_wrap .topic-signal_display{padding-inline:.75rem}.topic-signal_wrap .topic-signal_topics{gap:.125rem;margin-bottom:1rem;padding-inline:.25rem}.topic-signal_wrap .topic-signal_corner.first{left:.25rem}.topic-signal_wrap .topic-signal_corner.last{right:.25rem}.topic-signal_wrap .topic-signal_gate{width:75cqw}.topic-signal_wrap .topic-signal_word{font-size:clamp(1.75rem,9cqw,3rem)}}}