.attention-dot{vertical-align:middle;background:var(--primary);width:6px;height:6px;color:var(--primary);box-shadow:0 0 12px color-mix(in oklch,var(--primary) 30%,transparent);border-radius:50%;flex:none;margin-left:10px;display:inline-block;position:relative}.attention-dot:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid;animation:4.8s ease-out infinite attention-dot-sonar;position:absolute;inset:0}@keyframes attention-dot-sonar{0%{opacity:.65;transform:scale(1)}65%,to{opacity:0;transform:scale(3.8)}}@media (prefers-reduced-motion:reduce){.attention-dot:after{opacity:0;animation:none}}.attention-dot-slot{vertical-align:middle;opacity:1;width:16px;height:6px;transition:width .22s ease-out,opacity .14s ease-out;display:inline-block}.attention-dot-slot .attention-dot{vertical-align:initial;display:block}.attention-dot-slot[data-active=false]{opacity:0;pointer-events:none;width:0}.attention-dot-slot[data-active=false] .attention-dot:after{animation:none}@media (prefers-reduced-motion:reduce){.attention-dot-slot{transition:none}}