@layer starter, reset, base, state, application;
@layer reset {
  ._searchfield_12ckm_2 input[type=search]::-webkit-search-cancel-button {
    display: none;
  }
}
@layer base {
  ._searchfield_12ckm_2 ._input-wrapper_12ckm_7 {
    position: relative;
    padding-inline-end: 0.5rem;
  }
  ._searchfield_12ckm_2 ._input-wrapper_12ckm_7:has(._clear_12ckm_11:active) {
    outline: 0.125rem solid var(--focus-ring-color, #0265DC);
    outline-offset: 0.125rem;
  }
  ._searchfield_12ckm_2 ._input-wrapper_12ckm_7 ._input_12ckm_7 {
    padding-inline-end: 0.5rem;
  }
  ._searchfield_12ckm_2 ._input-wrapper_12ckm_7 ._input_12ckm_7::-moz-placeholder {
    color: var(--foreground-color-subdued, #737475);
  }
  ._searchfield_12ckm_2 ._input-wrapper_12ckm_7 ._input_12ckm_7::placeholder {
    color: var(--foreground-color-subdued, #737475);
  }
  ._searchfield_12ckm_2 ._input-wrapper_12ckm_7 ._input_12ckm_7._input--has-value_12ckm_21 {
    padding-inline-end: 2rem;
  }
  ._searchfield_12ckm_2 ._clear_12ckm_11 {
    position: absolute;
    inset-inline-end: 0.5rem;
    border-radius: 0.375rem;
    padding: 0.25rem;
    cursor: pointer;
  }
}
@layer state {
  ._searchfield_12ckm_2 ._input-wrapper_12ckm_7:has(._clear_12ckm_11:active) {
    outline: 0.125rem solid var(--focus-ring-color, #0265DC);
    outline-offset: 0.125rem;
  }
}