.search-bar[data-v-ae8a957e]{position:relative;flex:1 1 auto;min-width:0;width:100%}.search-bar__input[data-v-ae8a957e]{width:100%;padding:var(--layout-16) var(--layout-56) var(--layout-16) var(--layout-24);box-sizing:border-box;border:1px solid var(--brand-color-system-input-input-outline);border-radius:999px;background:var(--brand-color-system-input-input-surface);color:var(--brand-color-system-typography-text-primary);font-family:inherit;font-size:var(--text-16);line-height:1.3;transition:border-color .2s,box-shadow .2s}.search-bar__input[data-v-ae8a957e]::-webkit-search-cancel-button,.search-bar__input[data-v-ae8a957e]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}.search-bar__input[data-v-ae8a957e]::-ms-clear{display:none}.search-bar__input[data-v-ae8a957e]::-moz-placeholder{color:var(--brand-color-system-typography-text-secondary)}.search-bar__input[data-v-ae8a957e]::placeholder{color:var(--brand-color-system-typography-text-secondary)}.search-bar__input[data-v-ae8a957e]:hover{border-color:var(--brand-color-system-input-input-outline-hover)}.search-bar__input[data-v-ae8a957e]:focus{outline:none;border-color:var(--brand-color-system-input-input-outline-selected);box-shadow:inset 0 0 0 1px var(--brand-color-system-input-input-outline-selected)}.search-bar__affix[data-v-ae8a957e]{position:absolute;top:50%;right:var(--layout-24);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:inherit;line-height:0}.search-bar button.search-bar__affix[data-v-ae8a957e]{cursor:pointer}.search-bar__icon[data-v-ae8a957e]{display:block;width:20px;height:20px}