.nav-search{position:relative;display:flex;align-items:center;flex:none;width:42px;height:42px;color:inherit;transition:width .3s cubic-bezier(.2,.7,.2,1);border:1px solid transparent;overflow:hidden}.nav-search-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;color:inherit}.nav-search-toggle svg{width:19px;height:19px}.nav-search.is-open{width:292px;border-color:currentColor;background:color-mix(in srgb,var(--page,#222) 80%,transparent)}.nav-search-form{display:flex;align-items:center;position:absolute;inset:0 0 0 39px;gap:3px;opacity:0;transition:opacity .2s .08s}.nav-search-form[hidden]{display:none}.nav-search.is-open .nav-search-form{opacity:1}.nav-search-form label{min-width:0;flex:1;line-height:1}.nav-search-form input{min-width:0;width:100%;height:38px;padding:0 3px;color:inherit;font:12px var(--font,system-ui);outline:none;border:0;background:transparent;box-shadow:none}.nav-search-form input::placeholder{color:currentColor;opacity:.6}.nav-search-form input::-webkit-search-cancel-button{display:none}.nav-search-form button{border:0;background:none;display:grid;place-items:center;flex:none;width:29px;height:38px;padding:0;color:inherit;font-size:22px}.nav-search-form button svg{width:17px;height:17px}.nav-search-form button:hover{background:#ffffff16}.scene-top:has(.nav-search.is-open){gap:18px}.scene-top:has(.nav-search.is-open) nav{gap:20px}.archive-header .nav-search.is-open{background:#282a2b;border-color:#777}.archive-header .nav-search-form input{color:#f1f1ee}
@media(max-width:1050px) and (min-width:761px){.nav-search.is-open{width:236px}.scene-top:has(.nav-search.is-open) nav{gap:12px}.scene-top:has(.nav-search.is-open){gap:12px}.archive-header:has(.nav-search.is-open) .archive-brand small{display:none}.archive-header:has(.nav-search.is-open) .archive-brand span{font-size:18px}}
@media(max-width:760px){.nav-search{height:38px;width:38px}.nav-search-toggle{height:36px;width:36px}.nav-search.is-open{width:100%}.scene-top:has(.nav-search.is-open) .wordmark,.scene-top:has(.nav-search.is-open) .archive-brand{visibility:hidden}.scene-top:has(.nav-search.is-open) .scene-tools{grid-column:1/-1;grid-row:1;width:100%;justify-self:stretch;z-index:2}.scene-top:has(.nav-search.is-open) .scene-control{display:none}.nav-search-form{left:35px}.nav-search-form input{font-size:16px;height:34px}.nav-search-form button{height:34px}.scene-top:has(.nav-search.is-open) nav{gap:12px}}
@media(prefers-reduced-motion:reduce){.nav-search,.nav-search-form{transition:none}}