.header-search{display:flex;justify-content:flex-end}.header-search-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:var(--ns-radius-control);color:var(--ns-text-muted);cursor:pointer}.header-search-icon:disabled{opacity:.4;cursor:default}.header-search-icon:focus-visible{outline:2px solid var(--ns-text-muted);outline-offset:2px}@media (hover:hover) and (pointer:fine){.header-search-icon:hover:not(:disabled){background:color-mix(in srgb,var(--ns-text) 6%,transparent);color:var(--ns-text)}}.header-search .ns-search:focus-within .ns-search__field,.header-search .ns-search__field{width:20rem;max-width:calc(100vw - 140px);background:var(--ns-bg-elevated);animation:header-search-grow .2s cubic-bezier(.23,1,.32,1) both}@keyframes header-search-grow{0%{clip-path:inset(0 0 0 calc(100% - 34px) round var(--ns-radius-control))}to{clip-path:inset(0 round var(--ns-radius-control))}}@media (prefers-reduced-motion:reduce){.header-search .ns-search__field{animation:none}}