.search-bar{background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);width:100%;min-height:44px;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);align-items:center;padding:.4rem .6rem .4rem 2.4rem;display:flex;position:relative}.search-bar:focus-within{border-color:var(--color-orange);transform:translateY(-1px);box-shadow:0 0 0 4px #e58a2b29}.search-bar__icon{color:var(--color-muted);pointer-events:none;align-items:center;display:inline-flex;position:absolute;left:.85rem}.search-bar:focus-within .search-bar__icon{color:var(--color-orange)}.search-bar__input{width:100%;font-family:var(--font-body);font-size:var(--fs-sm);color:var(--color-text);background:0 0;border:0;flex:auto;margin:0;padding:0}.search-bar__input::placeholder{color:var(--color-muted-soft)}.search-bar__input:focus{box-shadow:none;outline:none}.search-bar__input::-webkit-search-cancel-button{appearance:none}.search-bar__clear{border-radius:var(--radius-full);width:30px;height:30px;color:var(--color-muted);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.search-bar__clear:hover{color:var(--color-brown);background-color:#6b3e2e14}@media (prefers-reduced-motion:reduce){.search-bar,.search-bar__clear{transition:none!important}.search-bar:focus-within{transform:none}}