@property --nav-ai-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.pna-nav-ai{--c:var(--pna-chrome,var(--color-ink));border-radius:var(--radius-sm);isolation:isolate;height:32px;color:var(--c);font-family:var(--font-body);font-size:var(--text-fd-small);white-space:nowrap;background:color-mix(in oklab, var(--c) 7%, transparent);transition:background-color var(--dur-hover) var(--ease-brand), transform var(--dur-press) var(--ease-brand);align-items:center;gap:7px;padding:0 12px 0 10px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.pna-nav-ai:hover{background:color-mix(in oklab, var(--c) 13%, transparent)}.pna-nav-ai:active{transform:scale(.97)}.pna-nav-ai:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:2px}.pna-nav-ai:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--nav-ai-angle), transparent 0 60%, var(--c) 78%, transparent 92%), color-mix(in oklab, var(--c) 22%, transparent);-webkit-mask-composite:xor;padding:1px;animation:3.6s linear infinite pna-nav-ai-spin;position:absolute;inset:0;-webkit-mask:linear-gradient(currentColor 0 0) content-box,linear-gradient(currentColor 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(currentColor 0 0) content-box exclude,linear-gradient(currentColor 0 0)}.pna-nav-ai-label{background:linear-gradient(100deg, var(--c) 0 40%, color-mix(in oklab, var(--c) 35%, transparent) 50%, var(--c) 60% 100%);color:#0000;animation:pna-nav-ai-sheen 3.6s var(--ease-brand-inout) infinite;background-position:100% 0;background-size:250% 100%;-webkit-background-clip:text;background-clip:text}.pna-nav-ai-short{display:none}.pna-nav-ai-spark{width:14px;height:14px;animation:pna-nav-ai-twinkle 2.4s var(--ease-brand-inout) infinite;flex:none}@media (max-width:40rem){.pna-nav-ai{gap:5px;padding:0 10px 0 8px}.pna-nav-ai-label{display:none}.pna-nav-ai-short{display:inline}}@keyframes pna-nav-ai-spin{to{--nav-ai-angle:360deg}}@keyframes pna-nav-ai-sheen{0%,35%{background-position:100% 0}75%,to{background-position:0 0}}@keyframes pna-nav-ai-twinkle{0%,to{opacity:.85;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.18)rotate(45deg)}}@media (prefers-reduced-motion:reduce){.pna-nav-ai:before,.pna-nav-ai-label,.pna-nav-ai-spark{animation:none}.pna-nav-ai-label{color:var(--c);background:0 0}}
