.q-text-control {
  --q-input-height: 36px;
  --q-input-font: 14px;
  --q-input-line-height: 20px;
  width: 100%;
  min-width: 0;
  font-family: inherit;
  color: var(--q-fg, #171717);
}
.q-text-control[data-size='small'] {
  --q-input-height: 32px;
}
.q-text-control[data-size='large'] {
  --q-input-height: 40px;
  --q-input-font: 16px;
  --q-input-line-height: 24px;
}
.q-text-control[data-size='large'] .q-text-control__frame {
  border-radius: 8px;
}
.q-text-control__frame {
  display: flex;
  align-items: center;
  max-width: 100%;
  overflow: hidden;
  border-radius: 6px;
  font-weight: 400;
  box-shadow: 0 0 0 1px var(--q-line-alpha, rgba(0, 0, 0, 0.08));
  transition: box-shadow 150ms;
  background: var(--q-surface, var(--ss-surface-light));
}
.q-text-control__frame:hover {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.21);
}
.q-text-control__frame:focus-within {
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.34),
    0 0 0 4px rgba(0, 0, 0, 0.16);
}
.q-text-control__input {
  box-sizing: border-box;
  display: inline-flex;
  appearance: none;
  min-width: 0;
  width: 100%;
  height: var(--q-input-height);
  border: 0;
  margin: 0;
  padding: 0 12px;
  outline: none;
  background: var(--q-surface, var(--ss-surface-light));
  color: inherit;
}
.q-text-control__input {
  font-family: inherit;
  font-size: var(--q-input-font);
  font-weight: 400;
  line-height: var(--q-input-line-height);
}
.q-text-control__input::placeholder {
  color: #8f8f8f;
}
.q-text-control__input::-webkit-search-cancel-button,
.q-text-control__input::-webkit-inner-spin-button,
.q-text-control__input::-webkit-outer-spin-button {
  appearance: none;
}
.q-text-control__input:disabled {
  background: #f2f2f2;
  color: #8f8f8f;
  opacity: 1;
  cursor: not-allowed;
}
.q-text-control__frame:has(:disabled) {
  background: #f2f2f2;
}
.q-text-control__frame:has(:disabled):hover {
  box-shadow: 0 0 0 1px var(--q-line-alpha, rgba(0, 0, 0, 0.08));
}
.q-text-control[data-rounded='true'] .q-text-control__frame {
  border-radius: 9999px;
}
.q-text-control__affix {
  display: inline-flex;
  align-items: center;
  align-self: stretch;
  flex-shrink: 0;
  white-space: nowrap;
  padding: 0 12px;
  background: #fafafa;
  color: #8f8f8f;
  font-size: var(--q-input-font);
}
.q-text-control__affix > svg {
  width: 14px;
  height: 14px;
}
.q-text-control__affix[data-side='prefix'] {
  border-right: 1px solid #ebebeb;
}
.q-text-control__affix[data-side='suffix'] {
  border-left: 1px solid #ebebeb;
  color: var(--q-fg, #171717);
}
.q-text-control__affix[data-styled='false'] {
  background: var(--q-surface);
  border: 0;
}
.q-text-control__affix[data-styled='false'][data-side='prefix'] {
  margin-right: -12px;
}
.q-text-control__affix[data-container='false'] {
  align-self: center;
  box-sizing: border-box;
  width: 24px;
  height: 16px;
}
.q-text-control__frame:has(input:disabled) .q-text-control__affix[data-styled='false'] {
  background: #f2f2f2;
}
.q-text-control[data-clearable='true'] .q-text-control__input {
  padding-right: 0;
}
.q-text-control__clear {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: var(--q-input-height);
  margin: 0 0 0 12px;
  padding: 0 10px;
  border: 0;
  border-radius: 0 6px 6px 0;
  color: #666;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  font-family: inherit;
}
.q-text-control__clear .q-kbd {
  margin-left: 2px;
  height: 20px;
  font-weight: 500;
  color: var(--q-muted, #666);
}
.q-text-control__clear:hover {
  color: var(--q-fg, #171717);
}
.q-text-control__clear:focus-visible {
  outline: 2px solid var(--ss-primary);
  outline-offset: 1px;
}
.q-text-control__clear:disabled {
  cursor: not-allowed;
}
.q-text-control__clear[hidden],
.q-text-control__hint[hidden],
.q-text-control__message[hidden] {
  display: none;
}
.q-text-control__hint {
  display: flex;
  align-items: center;
  padding-left: 12px;
  flex-shrink: 0;
}
.q-text-control__hint-keys {
  --q-hint-duration: 0.56104s;
  --q-hint-easing: linear(
    0 0%,
    0.00484 1%,
    0.018323 2%,
    0.039014 3%,
    0.065627 4%,
    0.097013 5%,
    0.132156 6%,
    0.170155 7%,
    0.210219 8%,
    0.251659 9%,
    0.293875 10%,
    0.336353 11%,
    0.378653 12%,
    0.420402 13%,
    0.461292 14%,
    0.501066 15%,
    0.53952 16%,
    0.57649 17%,
    0.611853 18%,
    0.645519 19%,
    0.677428 20%,
    0.707546 21%,
    0.735859 22%,
    0.762374 23%,
    0.787113 24%,
    0.810113 25%,
    0.83142 26%,
    0.851089 27%,
    0.869183 28%,
    0.88577 29%,
    0.900923 30%,
    0.914714 31%,
    0.927222 32%,
    0.938521 33%,
    0.948689 34%,
    0.957801 35%,
    0.965931 36%,
    0.973151 37%,
    0.979531 38%,
    0.985137 39%,
    0.990035 40%,
    0.994286 41%,
    0.997947 42%,
    1.00107 43%,
    1.00372 44%,
    1.00592 45%,
    1.00774 46%,
    1.00921 47%,
    1.01037 48%,
    1.01126 49%,
    1.0119 50%,
    1.01234 51%,
    1.01259 52%,
    1.01269 53%,
    1.01265 54%,
    1.0125 55%,
    1.01226 56%,
    1.01193 57%,
    1.01155 58%,
    1.01111 59%,
    1.01063 60%,
    1.01013 61%,
    1.0096 62%,
    1.00907 63%,
    1.00853 64%,
    1.00799 65%,
    1.00746 66%,
    1.00694 67%,
    1.00643 68%,
    1.00594 69%,
    1.00547 70%,
    1.00501 71%,
    1.00458 72%,
    1.00417 73%,
    1.00379 74%,
    1.00342 75%,
    1.00308 76%,
    1.00276 77%,
    1.00247 78%,
    1.00219 79%,
    1.00194 80%,
    1.00171 81%,
    1.00149 82%,
    1.00129 83%,
    1.00112 84%,
    1.00095 85%,
    1.00081 86%,
    1.00068 87%,
    1.00056 88%,
    1.00045 89%,
    1.00036 90%,
    1.00028 91%,
    1.0002 92%,
    1.00014 93%,
    1.00008 94%
  );
  display: flex;
  gap: 4px;
  justify-content: center;
  padding-right: 10px;
  font-weight: 500;
}
.q-text-control__hint-keys .q-kbd {
  color: var(--q-muted, #666);
  transition: translate var(--q-hint-duration) var(--q-hint-easing);
}
.q-text-control__hint-keys .q-kbd:first-child {
  position: relative;
  overflow: hidden;
  width: 20px;
}
.q-text-control__hint-escape,
.q-text-control__hint-command {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  transition: translate var(--q-hint-duration) var(--q-hint-easing);
}
.q-text-control__hint-escape {
  left: 4px;
  translate: 32px;
}
.q-text-control__hint-command {
  right: 4px;
}
.q-text-control__hint-keys[data-filled='true'] .q-kbd:first-child {
  width: 28px;
  translate: 26px;
}
.q-text-control__hint-keys[data-filled='true'] .q-kbd:last-child {
  translate: 33px;
}
.q-text-control__hint-keys[data-filled='true'] .q-text-control__hint-escape {
  translate: 0;
}
.q-text-control__hint-keys[data-filled='true'] .q-text-control__hint-command {
  translate: -24px;
}
@media (width < 960px) {
  .q-text-control__hint-keys {
    display: none;
  }
}
.q-text-control__search {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin-left: 12px;
  color: #8f8f8f;
}
.q-text-control[data-search='true'] .q-text-control__affix[data-side='prefix'] {
  padding: 0 12px;
  margin-right: -12px;
  background: transparent;
  border: 0;
  color: #8f8f8f;
}
.q-text-control[data-search='true'] .q-text-control__affix[data-side='prefix'] > svg {
  width: 14px;
  height: 14px;
}
.q-text-control[data-search='true'] .q-text-control__input {
  padding-right: 12px;
}
.q-text-control[data-search='true'] .q-text-control__loading {
  width: 14px !important;
  height: 14px !important;
  color: #8f8f8f;
}
.q-text-control__loading {
  margin-left: 12px;
}
.q-text-control[data-loading='true'] .q-text-control__search,
.q-text-control[data-search='true'][data-loading='true']
  .q-text-control__affix[data-side='prefix'] {
  display: none;
}
.q-text-control[data-invalid='true'] .q-text-control__frame {
  box-shadow: 0 0 0 1px #e00;
}
.q-text-control__message {
  font-size: 13px;
  line-height: 20px;
  margin: 8px 0 0;
  color: var(--q-muted, #666);
}
.q-text-control[data-invalid='true'] .q-text-control__message {
  color: #e00;
}
.q-text-control[data-multiline='true'] textarea {
  height: auto;
  min-height: 100px;
  padding: 10px 12px;
  resize: none;
  line-height: 20px;
}
.q-text-control[data-multiline='true'][data-size='large'] textarea {
  line-height: 24px;
}
.q-text-control[data-multiline='true'] textarea[rows] {
  min-height: 0;
}
[data-theme='dark'] .q-text-control__frame:focus-within {
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.51),
    0 0 0 4px rgba(255, 255, 255, 0.24);
}
@media (prefers-reduced-motion: reduce) {
  .q-text-control__frame {
    transition: none;
  }
}
@media (pointer: coarse) {
  .q-text-control__clear {
    display: none;
  }
}
.q-text-control[data-invalid='true'] .q-text-control__frame {
  box-shadow:
    0 0 0 1px var(--q-red-900, #e00),
    0 0 0 4px var(--q-red-300, #ffe5e5);
}
.q-text-control[data-invalid='true'] .q-text-control__frame:hover {
  box-shadow:
    0 0 0 1px var(--q-red-900, #e00),
    0 0 0 4px var(--q-red-500, #f8baba);
}
.q-text-control[data-invalid='true'] .q-text-control__frame:focus-within {
  box-shadow:
    0 0 0 1px var(--q-red-900, #e00),
    0 0 0 4px var(--q-red-300, #ffe5e5);
}

.q-text-control[data-clearable='true'] .q-text-control__input {
  line-height: 20px;
}
.q-text-control[data-clearable='true'][data-size='large'] .q-text-control__input {
  line-height: 24px;
}
.q-text-control[data-clearable='true']:has(.q-text-control__clear:not([hidden]))
  .q-text-control__input,
.q-text-control[data-clearable='true']:has(.q-text-control__hint) .q-text-control__input {
  padding-right: 12px;
}

[data-theme='dark'] .q-text-control__input:disabled,
[data-theme='dark'] .q-text-control__frame:has(:disabled),
[data-theme='dark']
  .q-text-control__frame:has(input:disabled)
  .q-text-control__affix[data-styled='false'] {
  background: #1a1a1a;
}
[data-theme='dark'] .q-text-control__frame:hover:not(:focus-within):not(:has(:disabled)) {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.24);
}
.q-text-control[data-clearable='true'] .q-text-control__input:not(:disabled) {
  color: #000;
}
[data-theme='dark'] .q-text-control[data-clearable='true'] .q-text-control__input:not(:disabled) {
  color:var(--ss-surface-light);
}
.q-text-control__affix[data-styled='true'] {
  background: var(--q-background-200);
  border-color: var(--q-gray-alpha-400);
}
input.q-text-control__input:disabled {
  -webkit-text-fill-color: #999;
}
input.q-text-control__input:disabled::placeholder {
  color: #999;
}
[data-theme='dark'] input.q-text-control__input:disabled {
  -webkit-text-fill-color: #444;
}
[data-theme='dark'] input.q-text-control__input:disabled::placeholder {
  color: #444;
}

.q-search-input-page .q-docs__page-heading h1 {
  letter-spacing: -0.06em;
}

.q-text-control[data-multiline='true'] .q-text-control__frame {
  transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.q-text-control[data-multiline='true'] textarea:not(:disabled) {
  color: #000;
}
.q-text-control[data-multiline='true'] textarea::placeholder {
  color: rgb(0 0 0 / 50%);
}
.q-text-control[data-multiline='true'] textarea:disabled {
  -webkit-text-fill-color: #999;
}
.q-text-control[data-multiline='true'] textarea:disabled::placeholder {
  color: #999;
}
[data-theme='dark'] .q-text-control[data-multiline='true'] textarea:not(:disabled) {
  color: #fff;
}
[data-theme='dark'] .q-text-control[data-multiline='true'] textarea::placeholder {
  color: rgb(255 255 255 / 50%);
}
[data-theme='dark'] .q-text-control[data-multiline='true'] textarea:disabled {
  -webkit-text-fill-color: #444;
}
[data-theme='dark'] .q-text-control[data-multiline='true'] textarea:disabled::placeholder {
  color: #444;
}