.search-bar{width:100%;height:var(--spacing-12);box-sizing:border-box;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);background-color:var(--color-neutral-white);align-items:center;gap:var(--spacing-2);transition:background-color var(--transition),border-color var(--transition),outline var(--transition);outline:.25rem solid #0000;display:flex}.search-bar:focus-within{border-color:var(--color-border-default);background-color:var(--color-purple-50);outline:var(--border-width-xxs) solid var(--color-neutral-a10);outline-offset:-.0625rem}.search-bar--with-back{padding-right:var(--spacing-1);padding-left:var(--spacing-3);gap:var(--spacing-3)}.search-bar__back-btn{color:var(--color-purple-600);flex-shrink:0}.search-bar .input-field__wrapper,.search-bar .input-field,.search-bar .search-bar__input{flex:auto;min-width:0}.search-bar .input-field[type=search]::-webkit-search-cancel-button{appearance:none}.search-bar .input-field[type=search]::-webkit-search-decoration{appearance:none}.search-bar .search-bar__input[type=search]::-webkit-search-cancel-button{appearance:none}.search-bar .search-bar__input[type=search]::-webkit-search-decoration{appearance:none}.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}