.app-search{color:#262626;min-width:0;height:44px;font-family:var(--font-geist-sans), Arial, sans-serif;box-sizing:border-box;background:#fafafa;border:1px solid #dcdedc;border-radius:8px;align-items:center;gap:4px;padding:0 5px;display:flex}.app-search:focus-within{border-color:var(--brand-green);box-shadow:0 0 0 2px #173d2d12}.app-search>input{width:100%;min-width:0;height:100%;box-shadow:none;color:#262626;font:inherit;letter-spacing:0;background:0 0;border:0;border-radius:0;outline:none;flex:1;margin:0;padding:0;font-size:14px}.app-search>input::placeholder{color:#818181;opacity:1}.app-search>input::-webkit-search-cancel-button{-webkit-appearance:none}.app-search>button{color:#666;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;width:36px;height:40px;margin:0;padding:0;display:grid}.app-search>button:focus-visible{outline:2px solid var(--brand-green);outline-offset:-3px}.app-search--header{flex:1;min-width:100px}.app-search--catalog{width:250px;max-width:100%}.app-search--admin{width:min(420px,42vw)}@media (max-width:768px){.app-search>input{font-size:16px}.app-search--header{flex-basis:100%;order:5}.app-search--catalog{width:100%}}@media (max-width:720px){.app-search--admin{width:100%}}