@layer reset;@layer components{.header-search{position:relative}.header-search>button,.header-search>form>button{border-radius:3.40282e38px;place-items:center;display:grid}@media (min-width:48rem){.header-search>button,.header-search>form>button{display:none}}.header-search>button{border:1px solid var(--line);background-color:var(--surface);width:2.5rem;height:2.5rem;color:var(--ink-soft)}@media (hover:hover){.header-search>button:hover{color:var(--ink)}}.header-search>button>svg,.header-search>form>svg,.header-search>form>button>svg{width:1rem;height:1rem}.header-search>button>span,.header-search>form>label,.header-search>form>button>span{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header-search>form{display:none}@media (min-width:48rem){.header-search>form{display:block}}.header-search>form>svg{pointer-events:none;color:var(--ink-faint);position:absolute;top:50%;left:.75rem;translate:0 -50%}.header-search>form>input{border:1px solid var(--line);background-color:var(--surface);border-radius:3.40282e38px;width:100%;height:2.5rem;padding-left:2.25rem;padding-right:2.5rem;font-size:15px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.header-search>form>input::placeholder{color:var(--ink-faint)}@media (min-width:48rem){.header-search>form>input{width:12rem;box-shadow:none;transition:width .15s cubic-bezier(.4,0,.2,1)}.header-search>form>input:focus{width:18rem}}@media (min-width:80rem){.header-search>form>input{width:14rem}}.header-search>form>button{width:1.75rem;height:1.75rem;color:var(--ink-faint);position:absolute;top:50%;right:.5rem;translate:0 -50%}.header-search>[aria-expanded=true]+form{inset-inline:.75rem;z-index:50;display:block;position:fixed;top:.75rem}@media (min-width:48rem){.header-search>[aria-expanded=true]+form{position:static}}.header-search>div{inset-inline:.75rem;z-index:50;border:1px solid var(--line);background-color:var(--surface);border-radius:1rem;max-height:70dvh;padding:.5rem;position:fixed;top:4rem;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@media (min-width:48rem){.header-search>div{inset-inline:auto;width:24rem;margin-top:.5rem;position:absolute;top:100%;right:0}}.header-search>div>p,.header-search>div>button{font-size:.875rem;line-height:var(--leading-sm)}.header-search>div>p{color:var(--ink-soft);padding:.75rem .5rem}.header-search>div>button{text-align:left;width:100%;color:var(--accent);border-radius:.75rem;margin-top:.25rem;padding:.5rem;font-weight:600}@media (hover:hover){.header-search>form>button:hover,.header-search>div>button:hover{background-color:var(--shelf)}}}