.Polaris-TopBar-SearchField_ek145 { --pc-search-field-backdrop: 1; --pc-search-field-input: 2; --pc-search-field-icon: 3; --pc-search-field-action: 3; z-index: var(--p-z-index-11); position: relative; display: flex; flex: 1 1 auto; align-items: center; border: var(--p-border-width-1) solid transparent; width: 100%; max-width: 36.25rem; }

.Polaris-TopBar-SearchField--focused_17w4h .Polaris-TopBar-SearchField__Input_30ock, .Polaris-TopBar-SearchField__Input_30ock:focus { border: none; color: var(--p-color-text); }

.Polaris-TopBar-SearchField--focused_17w4h .Polaris-TopBar-SearchField__Input_30ock::placeholder, .Polaris-TopBar-SearchField__Input_30ock:focus::placeholder { color: var(--p-color-text-subdued); }

.Polaris-TopBar-SearchField__Input_30ock:focus-visible ~ .Polaris-TopBar-SearchField__Backdrop_1x2i2::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-interactive-focus); outline: var(--p-border-width-1) solid transparent; }

.Polaris-TopBar-SearchField__Input_30ock:focus-visible ~ .Polaris-TopBar-SearchField__BackdropShowFocusBorder_171ix { border: var(--p-border-width-1) solid var(--pc-top-bar-border); }

.Polaris-TopBar-SearchField__Input_30ock:focus-visible ~ .Polaris-TopBar-SearchField__Icon_yj27d svg { fill: var(--p-color-icon); }

.Polaris-TopBar-SearchField--focused_17w4h .Polaris-TopBar-SearchField__BackdropShowFocusBorder_171ix { border: var(--p-border-width-1) solid var(--pc-top-bar-border); }

.Polaris-TopBar-SearchField--focused_17w4h .Polaris-TopBar-SearchField__Icon_yj27d svg { fill: var(--p-color-icon); }

.Polaris-TopBar-SearchField__Input_30ock { font-size: var(--p-font-size-200); font-weight: var(--p-font-weight-regular); line-height: var(--p-font-line-height-3); border: none; text-transform: initial; letter-spacing: initial; z-index: var(--pc-search-field-input); height: 2.25rem; width: 100%; padding: 0 0 0 calc(1.25rem + var(--p-space-4)); border: none; background-color: transparent; outline: none; color: var(--p-color-text); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: fill, color; transition: fill var(--p-motion-duration-200) var(--p-motion-ease), color var(--p-motion-duration-200) var(--p-motion-ease); -webkit-appearance: textfield; appearance: textfield; }

@media (min-width: 48em) { .Polaris-TopBar-SearchField__Input_30ock { font-size: var(--p-font-size-100); } }

.Polaris-TopBar-SearchField__Input_30ock::placeholder { color: var(--p-color-text); }

.Polaris-TopBar-SearchField__Input_30ock::-webkit-search-decoration, .Polaris-TopBar-SearchField__Input_30ock::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }

.Polaris-TopBar-SearchField__Icon_yj27d { position: absolute; z-index: var(--pc-search-field-icon); top: 50%; left: var(--p-space-2); display: flex; height: 1.25rem; pointer-events: none; transform: translateY(-50%); }

.Polaris-TopBar-SearchField__Icon_yj27d svg { fill: var(--p-color-icon); }

.Polaris-TopBar-SearchField__Clear_37wax { position: relative; position: relative; z-index: var(--pc-search-field-action); border: none; -webkit-appearance: none; appearance: none; background: transparent; padding: var(--p-space-2); }

.Polaris-TopBar-SearchField__Clear_37wax::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-interactive-focus); transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease); border-radius: var(--p-border-radius-2); }

.Polaris-TopBar-SearchField__Clear_37wax svg { fill: var(--p-color-icon); }

.Polaris-TopBar-SearchField__Clear_37wax:focus, .Polaris-TopBar-SearchField__Clear_37wax:hover { outline: none; }

.Polaris-TopBar-SearchField__Clear_37wax:hover svg, .Polaris-TopBar-SearchField__Clear_37wax:focus svg { fill: var(--p-color-icon-hover); }

.Polaris-TopBar-SearchField__Clear_37wax:focus-visible::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-interactive-focus); outline: var(--p-border-width-1) solid transparent; }

.Polaris-TopBar-SearchField__Clear_37wax:active svg { fill: var(--p-color-icon-active); }

.Polaris-TopBar-SearchField__Clear_37wax:active::after { border: none; }

.Polaris-TopBar-SearchField__Backdrop_1x2i2 { position: relative; position: absolute; z-index: var(--pc-search-field-backdrop); top: 0; right: 0; bottom: 0; left: 0; background-color: var(--p-color-bg-inset); border-radius: var(--p-border-radius-1); }

.Polaris-TopBar-SearchField__Backdrop_1x2i2::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-interactive-focus); transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease); border-radius: var(--p-border-radius-1); }
