.colors-identity .site-header #header-search {position:absolute;inset-inline:0;top:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:18px max(20px,calc((100vw - 1000px)/2));overflow:visible;background:#faf7f5f5;backdrop-filter:blur(16px)}
.colors-identity .site-header #header-search[hidden] {display:none}
.colors-identity #header-search .search-shell {position:relative;flex:1 1 480px;max-width:660px;min-width:0;overflow:visible}
.colors-beam-search {position:relative;isolation:isolate;width:100%;height:52px;display:flex;align-items:center;gap:12px;padding:0 18px;box-sizing:border-box;border-radius:32px;background:#1d1d1d;box-shadow:inset 0 0 0 1px #42434a;color:#f6f3ef;overflow:visible}
.colors-beam-search>[data-colors-search-beam] {position:absolute;inset:0;pointer-events:none;z-index:-1;border-radius:inherit}
.colors-search-beam-effect,.colors-search-beam-surface {width:100%;height:100%;border-radius:32px;pointer-events:none}
.colors-search-beam-surface {background:#1d1d1d;box-shadow:inset 0 0 0 1px #42434a,inset 0 0 40px #ffffff05}
.colors-beam-search>svg {width:21px;height:21px;flex:0 0 21px;opacity:.7;color:#e9dfd9;pointer-events:none}
.colors-identity .site-header #header-search .colors-beam-search input {position:relative;z-index:1;width:100%;height:48px;min-width:0;padding:0;margin:0;background:transparent;border:0;box-shadow:none;color:#f7f3f0;font:inherit;font-size:15px;outline:none;border-radius:0}
.colors-identity .site-header #header-search .colors-beam-search input::placeholder {color:#bbb4b0;opacity:1}
.colors-beam-search:focus-within {outline:2px solid #c6a287;outline-offset:3px}
.colors-identity .site-header #header-search>button {height:48px;min-width:78px;border:0;border-radius:28px;padding:0 20px;font:inherit;font-weight:700;background:#a7472d;color:#fff}
.colors-identity #header-search .search-suggestions {top:calc(100% + 12px);inset-inline:0;z-index:3;max-height:min(60vh,480px);overflow-y:auto;border-radius:20px;background:#fffdfa;border:1px solid #e7dad5;box-shadow:0 18px 50px #30251f20}
@media(max-width:760px){.colors-identity .site-header #header-search{padding:14px 12px;gap:8px}.colors-identity .site-header #header-search .colors-beam-search input{font-size:16px}.colors-beam-search{padding-inline:14px;gap:8px}.colors-identity .site-header #header-search>button{min-width:64px;padding-inline:14px;font-size:12px}.colors-identity #header-search .search-suggestions{position:fixed;top:132px;left:12px;right:12px;max-height:calc(100dvh - 220px)}}
@media(prefers-reduced-motion:reduce){.colors-search-beam-effect{display:none}}