.search-input[data-v-bf0fd484]{border-radius:var(--border-radius-md);grid-template-columns:2rem 1fr 2rem;align-items:center;min-height:2.8rem;padding:.5rem .25rem;display:inline-flex;position:relative;overflow:hidden}.search-input.always-open[data-v-bf0fd484]{cursor:text;padding:.425rem .25rem;display:flex}.field[data-v-bf0fd484]{opacity:0;width:0;transition:transform .2s ease-out,opacity .4s ease-in;position:relative;transform:translate(15rem)}.close[data-v-bf0fd484]{opacity:0;transition:all .2s ease-out;display:none}.is-open[data-v-bf0fd484]{border:solid 3px var(--border-color)}.is-open .close[data-v-bf0fd484]{opacity:1;display:inline-block}.is-open .field[data-v-bf0fd484]{opacity:1;flex:1;width:100%;transform:translate(0)}.is-open .search[data-v-bf0fd484]{cursor:text}.has-focus[data-v-bf0fd484]{border-color:var(--primary)}