.or-search-bar{gap:var(--or-space-8);grid-template-columns:minmax(0,1fr) auto auto;width:min(100%,54rem);display:grid;position:relative}.or-search-bar__icon{top:1.625rem;left:var(--or-space-16);z-index:1;color:var(--or-color-text-muted);pointer-events:none;position:absolute;transform:translateY(-50%)}.or-search-bar__input{width:100%;min-width:0;min-height:3.25rem;padding-inline:var(--or-space-40) var(--or-space-16);color:var(--or-color-text-primary);background:var(--or-color-bg-surface);border:var(--or-border-hairline) solid var(--or-color-border-card);border-radius:var(--or-radius-mobile-input);appearance:none}.or-search-bar__input::placeholder{color:var(--or-color-text-placeholder)}.or-search-bar__input:focus-visible{border-color:var(--or-color-brand-primary);box-shadow:var(--or-shadow-focus);outline:0}.or-search-bar__input[aria-invalid=true]{border-color:var(--or-color-state-danger)}.or-search-bar__message{color:var(--or-color-text-muted);font-size:var(--or-type-meta-size);line-height:var(--or-type-meta-line);grid-column:1/-1;margin:0}.or-search-bar__message--error{color:var(--or-color-state-danger-strong)}.or-search-bar--compact .or-search-bar__input{min-height:2.5rem}.or-search-bar--compact .or-search-bar__icon{top:1.25rem}@media (min-width:48rem){.or-search-bar{gap:var(--or-space-12)}.or-search-bar__input{border-radius:var(--or-radius-pill)}}