.privacy-signal{position:relative;display:grid;min-height:22rem;align-content:space-between;gap:2rem;overflow:hidden;border:1px solid var(--outline-variant);border-radius:8px;padding:clamp(1.25rem,3vw,2rem);background:var(--surface-container-low);color:var(--on-surface);box-shadow:0 24px 70px color-mix(in srgb,var(--on-surface) 11%,transparent);isolation:isolate}.privacy-signal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem}.privacy-signal__header>div{display:grid;gap:.4rem}.privacy-signal__eyebrow{color:var(--tertiary);font-size:.72rem;font-weight:750;text-transform:uppercase}.privacy-signal__header strong{max-width:18rem;font-family:Manrope,sans-serif;font-size:1.45rem;line-height:1.2}.privacy-signal__status{display:inline-flex;flex:0 0 auto;align-items:center;gap:.35rem;border:1px solid var(--outline-variant);border-radius:999px;padding:.4rem .65rem;background:var(--surface-container-lowest);color:var(--on-surface-variant);font-size:.68rem;font-weight:700}.privacy-signal__status .material-symbols-outlined{color:var(--primary);font-size:.95rem}.privacy-signal__path{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.privacy-signal__track{position:absolute;top:1.6rem;right:10%;left:10%;height:2px;background:var(--outline-variant)}.privacy-signal__track:after{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--primary);content:"";transform:scaleX(0);transform-origin:left;animation:privacy-track-fill 5s cubic-bezier(.22,1,.36,1) infinite}.privacy-signal__packet{position:absolute;top:calc(1.6rem - 4px);left:9%;z-index:2;width:18px;height:10px;border:2px solid var(--surface-container-low);border-radius:3px;background:var(--tertiary);box-shadow:0 0 0 2px color-mix(in srgb,var(--tertiary) 24%,transparent);animation:privacy-packet-travel 5s cubic-bezier(.22,1,.36,1) infinite}.privacy-signal__node{position:relative;z-index:3;display:grid;justify-items:center;gap:.55rem;color:var(--on-surface-variant);font-size:.68rem;font-weight:700;text-align:center;animation:privacy-node-settle .6s ease-out both;animation-delay:calc(var(--node-index) * .1s + .12s)}.privacy-signal__icon{display:grid;width:3.2rem;height:3.2rem;place-items:center;border:1px solid var(--outline-variant);border-radius:8px;background:var(--surface-container-lowest);color:var(--primary);overflow:hidden;box-shadow:0 8px 18px color-mix(in srgb,var(--on-surface) 7%,transparent);font-size:1.35rem}.privacy-signal__footer{display:flex;align-items:center;gap:.55rem;border-top:1px solid var(--outline-variant);padding-top:1rem;color:var(--on-surface-variant);font-size:.75rem;font-weight:650}.privacy-signal__footer .material-symbols-outlined{color:var(--tertiary);font-size:1rem}.privacy-signal--compact{min-height:0;gap:1rem;padding:1rem;box-shadow:none}.privacy-signal--compact .privacy-signal__header strong{font-size:.95rem}.privacy-signal--compact .privacy-signal__status,.privacy-signal--compact .privacy-signal__footer{display:none}.privacy-signal--compact .privacy-signal__icon{width:2.35rem;height:2.35rem;font-size:1rem}.privacy-signal--compact .privacy-signal__track{top:1.15rem}.privacy-signal--compact .privacy-signal__packet{top:calc(1.15rem - 4px)}@keyframes privacy-track-fill{0%,12%{transform:scaleX(0)}72%,to{transform:scaleX(1)}}@keyframes privacy-packet-travel{0%,12%{left:9%}72%,to{left:87%}}@keyframes privacy-node-settle{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:540px){.privacy-signal{min-height:19rem}.privacy-signal__header{display:grid}.privacy-signal__header strong{font-size:1.1rem}.privacy-signal__status{justify-self:start}.privacy-signal__node{font-size:.58rem}.privacy-signal__icon{width:2.6rem;height:2.6rem;font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.privacy-signal__track:after{transform:scaleX(1)}.privacy-signal__packet{left:87%}.privacy-signal__track:after,.privacy-signal__packet,.privacy-signal__node{animation:none}}