@charset "utf-8";

:where(.ag-theme-inputStyle-7) {
  & :where(.ag-input-field-input[type="number"]:not(.ag-number-field-input-stepper)) {
  appearance: textfield;
  &::-webkit-inner-spin-button, &::-webkit-outer-spin-button { appearance: none; margin: 0px; }
}
  & .ag-input-field-input:where(input:not([type]), input[type="text"], input[type="number"], input[type="tel"], input[type="date"], input[type="datetime-local"], textarea) {
  background-color: var(--ag-input-background-color); border: var(--ag-input-border); border-radius: var(--ag-input-border-radius); color: var(--ag-input-text-color); font-family: inherit; font-size: inherit; line-height: inherit; margin: 0px; min-height: var(--ag-input-height); padding: 0px;
  &:where(:disabled) { background-color: var(--ag-input-disabled-background-color); border: var(--ag-input-disabled-border); color: var(--ag-input-disabled-text-color); }
  &:where(:focus) { background-color: var(--ag-input-focus-background-color); border: var(--ag-input-focus-border); box-shadow: var(--ag-input-focus-shadow); color: var(--ag-input-focus-text-color); outline: none; }
  &:where(:invalid) { background-color: var(--ag-input-invalid-background-color); border: var(--ag-input-invalid-border); color: var(--ag-input-invalid-text-color); }
  &:where(.invalid) { background-color: var(--ag-input-invalid-background-color); border: var(--ag-input-invalid-border); color: var(--ag-input-invalid-text-color); }
  &::placeholder { color: var(--ag-input-placeholder-text-color); }
}
  & :where(.ag-ltr) .ag-input-field-input:where(input:not([type]), input[type="text"], input[type="number"], input[type="tel"], input[type="date"], input[type="datetime-local"], textarea) { padding-left: var(--ag-input-padding-start); }
  & :where(.ag-rtl) .ag-input-field-input:where(input:not([type]), input[type="text"], input[type="number"], input[type="tel"], input[type="date"], input[type="datetime-local"], textarea) { padding-right: var(--ag-input-padding-start); }
  & :where(.ag-column-select-header-filter-wrapper, .ag-filter-toolpanel-search, .ag-mini-filter, .ag-filter-filter, .ag-filter-add-select) {
  & .ag-input-wrapper::before { background-color: currentcolor; color: var(--ag-input-icon-color); content: ""; display: block; height: 12px; mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg=="); mask-position: center center; mask-repeat: no-repeat; opacity: 0.5; position: absolute; width: 12px; }
}
  & :where(.ag-ltr) :where(.ag-column-select-header-filter-wrapper, .ag-filter-toolpanel-search, .ag-mini-filter, .ag-filter-filter, .ag-filter-add-select) {
  & .ag-input-wrapper::before { margin-left: var(--ag-spacing); }
  & .ag-number-field-input, & .ag-text-field-input { padding-left: calc(var(--ag-spacing)*1.5 + 12px); }
}
  & :where(.ag-rtl) :where(.ag-column-select-header-filter-wrapper, .ag-filter-toolpanel-search, .ag-mini-filter, .ag-filter-filter, .ag-filter-add-select) {
  & .ag-input-wrapper::before { margin-right: var(--ag-spacing); }
  & .ag-number-field-input, & .ag-text-field-input { padding-right: calc(var(--ag-spacing)*1.5 + 12px); }
}
  & .ag-input-field-input:where(input:not([type]), input[type="text"], input[type="number"], input[type="tel"], input[type="date"], input[type="datetime-local"], textarea) {
  &:focus {
  box-shadow: var(--ag-focus-shadow);
  &:where(.invalid), &:where(:invalid) { box-shadow: var(--ag-focus-error-shadow); }
}
}
}