.search-bar{align-items:center;gap:var(--spacing-2);box-sizing:border-box;width:100%;height:var(--spacing-12);padding:0 var(--spacing-2) 0 var(--spacing-5);border:var(--border-width-xxs) solid var(--color-border-default);border-radius:var(--border-radius-xl);transition:background-color var(--transition),border-color var(--transition),outline var(--transition);background-color:var(--color-neutral-white);outline:.25rem solid #0000;display:flex}.search-bar:focus-within{background-color:var(--color-purple-50);outline:var(--outline-purple-a15);border-color:var(--color-purple-200)}.search-bar__actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.search-bar__divider{width:var(--border-width-xxs);background:var(--color-border-default);flex-shrink:0;height:1.25rem;display:block}