.search-group{border:1px solid var(--border);background:#fff;border-radius:9999px;align-items:center;width:100%;max-width:80rem;margin:0 auto;transition:border-color .15s,background .15s;display:flex}.search-group:focus-within{border-color:var(--border-strong)}.search-query{flex:1;position:relative}.search-query-placeholder{color:var(--text-subtle);pointer-events:none;white-space:nowrap;opacity:0;font-size:14px;transition:opacity .4s;position:absolute;top:50%;left:1rem;overflow:hidden;transform:translateY(-50%)}.search-query-placeholder--visible{opacity:1}.search-query-input{background:0 0;border:none;outline:none;width:100%;padding:.625rem 1rem;font-size:14px}.search-divider{background:var(--border-strong);flex-shrink:0;width:1px;height:1.25rem}.search-location{flex-shrink:0;align-items:center;gap:.375rem;padding:.625rem 1rem;display:flex;position:relative}.search-location-input{width:10rem;color:var(--foreground);background:0 0;border:none;outline:none;font-size:14px;font-weight:500}.search-location-input::placeholder{color:var(--text-subtle);font-weight:400}.search-location-input--error{color:var(--danger);animation:.4s search-location-shake}@keyframes search-location-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}60%{transform:translate(4px)}}.search-location-clear{background:var(--border-strong);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:background .15s;display:flex}.search-location-clear:hover{background:var(--text-subtle)}.search-location-clear--hidden{visibility:hidden;pointer-events:none}.search-location-dropdown{border:1px solid var(--border);z-index:50;background:#fff;border-radius:.75rem;min-width:18rem;padding:.375rem;position:absolute;top:calc(100% + .375rem);left:-1rem;box-shadow:0 4px 16px #0000001a}.search-location-option{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:13px;transition:background .1s;display:flex}.search-location-option:hover{background:var(--surface-alt)}.search-location-option--current{color:var(--accent);font-weight:600}.search-location-option--current svg{color:var(--accent)}.search-location-option--scope{font-weight:600}.search-location-option--scope svg{color:var(--text-muted)}.search-location-divider{background:var(--surface-alt);height:1px;margin:.25rem 0}.search-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;margin:0 .375rem;transition:background .15s;display:flex}.search-btn:hover{background:var(--accent-hover)}@media (max-width:640px){.search-query-input{padding:.625rem .75rem;font-size:16px}.search-query-placeholder{font-size:16px}.search-location{gap:.25rem;padding:.625rem .5rem}.search-location-input{width:6rem;font-size:13px}.search-location-input:placeholder-shown{font-size:16px}.search-btn{margin:0 .25rem}.search-location-dropdown{min-width:min(18rem,100vw - 2rem);max-width:calc(100vw - 1.5rem);left:auto;right:-.5rem}}@media (max-width:480px){.search-query-input{padding:.625rem}.search-location-input{width:4.5rem}}