.search-bar{position:relative;display:inline-flex;align-items:center;flex-shrink:0;min-width:12rem}.search-bar__icon{position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);width:var(--icon-xs);height:var(--icon-xs);pointer-events:none;z-index:1}.search-bar__input{width:100%}.search-bar__input ::v-deep .v-text-field{max-width:100%!important;border-radius:var(--radius-xs)!important}.search-bar ::v-deep .v-input{margin-top:0;padding-top:0}.search-bar ::v-deep .v-text-field__details{display:none}.search-bar ::v-deep .v-input__slot{min-height:var(--size-control-sm)!important;height:var(--size-control-sm);background:var(--color-surface-default)!important}.search-bar ::v-deep fieldset{border-color:var(--color-border-default)!important;border-radius:var(--radius-xs)!important}.search-bar ::v-deep .v-input--is-focused fieldset{border-color:var(--color-primary-base)!important}.search-bar ::v-deep input{font-size:var(--font-size-xxs);color:var(--color-text-primary);padding-left:calc(var(--space-sm) + var(--icon-xs) + var(--space-xs))!important}.search-bar ::v-deep input::-moz-placeholder{color:var(--grey-500);opacity:1}.search-bar ::v-deep input::placeholder{color:var(--grey-500);opacity:1}.search-bar ::v-deep .v-input__append-inner{margin-top:0!important;align-self:center}.search-bar ::v-deep .v-input__append-inner .v-icon{color:var(--grey-500)!important;font-size:var(--icon-sm)!important}