.input_type_text {
  position: relative;
  width: 100%;
  border: unset;
  display: inline-grid;
  align-items: center;
  transition: var(--transition);
  font-family: var(--font-family);
  font-size: var(--size-font-lg-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--size-font-md-line);
}
.input_type_text.input {
  /* Size */
  /* Style */
}
.input_type_text.input_size_xs {
  height: var(--size-button-height-xs);
  padding: 0 8px;
  border-radius: var(--radius-textfield-sm);
}
.input_type_text.input_size_xs ~ label {
  padding: 0 8px;
}
.input_type_text.input_size_sm {
  height: var(--size-button-height-sm);
  padding: 0 10px;
  border-radius: var(--radius-textfield-sm);
}
.input_type_text.input_size_sm ~ label {
  padding: 0 10px;
}
.input_type_text.input_size_md {
  height: var(--size-button-height-md);
  padding: 0 12px;
  border-radius: var(--radius-textfield-md);
}
.input_type_text.input_size_md ~ label {
  padding: 0 12px;
}
.input_type_text.input_size_lg {
  height: var(--size-button-height-lg);
  padding: 0 12px;
  border-radius: var(--radius-textfield-lg);
}
.input_type_text.input_size_lg ~ label {
  padding: 0 12px;
}
.input_type_text.input_size_xl {
  height: var(--size-button-height-xl);
  padding: 0 16px;
  border-radius: var(--radius-textfield-xl);
}
.input_type_text.input_size_xl ~ label {
  padding: 0 16px;
}
.input_type_text.input_style_outline {
  color: var(--color-content-neutral-secondary);
  border: 2px solid var(--color-button-outline-neutral-border-default);
}
.input_type_text.input_style_outline::-moz-placeholder {
  color: var(--color-content-neutral-secondary);
}
.input_type_text.input_style_outline::placeholder {
  color: var(--color-content-neutral-secondary);
}
@media (hover: hover) {
  .input_type_text.input_style_outline:hover, .input_type_text.input_style_outline.hover {
    border-color: var(--color-button-outline-neutral-border-default);
    box-shadow: inset 0px 0px 0px 1px var(--color-button-outline-neutral-border-default);
    background: var(--color-button-outline-neutral-bg-textfield-default);
  }
}
.input_type_text.input_style_outline:focus-visible, .input_type_text.input_style_outline.focus-visible, .input_type_text.input_style_outline.focus {
  color: var(--color-button-outline-neutral-content-default);
  border-color: var(--color-button-outline-neutral-border-textfield-focus);
  box-shadow: inset 0px 0px 0px 1px var(--color-button-outline-neutral-border-textfield-focus);
  background: var(--color-button-outline-neutral-bg-textfield-default);
}
.input_type_text.input_style_outline:focus-visible::-moz-placeholder, .input_type_text.input_style_outline.focus-visible::-moz-placeholder, .input_type_text.input_style_outline.focus::-moz-placeholder {
  color: var(--color-button-outline-neutral-content-default);
}
.input_type_text.input_style_outline:focus-visible::placeholder, .input_type_text.input_style_outline.focus-visible::placeholder, .input_type_text.input_style_outline.focus::placeholder {
  color: var(--color-button-outline-neutral-content-default);
}
.input_type_text.input_style_outline.error {
  color: var(--color-button-outline-neutral-content-default);
  border-color: var(--color-button-outline-neutral-border-error);
  box-shadow: none;
  background: var(--color-button-outline-neutral-bg-textfield-default);
}
.input_type_text.input_style_outline.error::-moz-placeholder {
  color: var(--color-button-outline-neutral-content-default);
}
.input_type_text.input_style_outline.error::placeholder {
  color: var(--color-button-outline-neutral-content-default);
}
.input_type_text.input_style_outline:disabled, .input_type_text.input_style_outline.disabled {
  color: var(--color-button-outline-neutral-content-disabled);
  border-color: var(--color-button-outline-neutral-border-default);
  background: var(--color-button-outline-neutral-bg-textfield-default);
  box-shadow: none;
  pointer-events: none;
}
.input_type_text.input_style_outline:disabled::-moz-placeholder, .input_type_text.input_style_outline.disabled::-moz-placeholder {
  color: var(--color-button-outline-neutral-content-disabled);
}
.input_type_text.input_style_outline:disabled::placeholder, .input_type_text.input_style_outline.disabled::placeholder {
  color: var(--color-button-outline-neutral-content-disabled);
}
.input_type_text.input_style_underline {
  color: var(--color-content-neutral-secondary);
  padding-left: 0;
  border-bottom: 1px solid var(--color-button-outline-neutral-border-default);
}
.input_type_text.input_style_underline::-moz-placeholder {
  color: var(--color-content-neutral-secondary);
}
.input_type_text.input_style_underline::placeholder {
  color: var(--color-content-neutral-secondary);
}
@media (hover: hover) {
  .input_type_text.input_style_underline:hover, .input_type_text.input_style_underline.hover {
    border-color: var(--color-button-outline-neutral-border-default);
  }
}
.input_type_text.input_style_underline:focus-visible, .input_type_text.input_style_underline.focus-visible, .input_type_text.input_style_underline.focus {
  color: var(--color-button-outline-neutral-content-default);
  border-color: var(--color-button-outline-neutral-border-textfield-focus);
  background: var(--color-button-outline-neutral-bg-textfield-default);
}
.input_type_text.input_style_underline:focus-visible::-moz-placeholder, .input_type_text.input_style_underline.focus-visible::-moz-placeholder, .input_type_text.input_style_underline.focus::-moz-placeholder {
  color: var(--color-button-outline-neutral-content-default);
}
.input_type_text.input_style_underline:focus-visible::placeholder, .input_type_text.input_style_underline.focus-visible::placeholder, .input_type_text.input_style_underline.focus::placeholder {
  color: var(--color-button-outline-neutral-content-default);
}
.input_type_text.input_style_underline.error {
  color: var(--color-button-outline-neutral-content-default);
  border-color: var(--color-button-outline-neutral-border-error);
  background: var(--color-button-outline-neutral-bg-textfield-default);
}
.input_type_text.input_style_underline.error::-moz-placeholder {
  color: var(--color-button-outline-neutral-content-default);
}
.input_type_text.input_style_underline.error::placeholder {
  color: var(--color-button-outline-neutral-content-default);
}
.input_type_text.input_style_underline:disabled, .input_type_text.input_style_underline.disabled {
  color: var(--color-button-outline-neutral-content-disabled);
  border-color: var(--color-button-outline-neutral-border-default);
  background: var(--color-button-outline-neutral-bg-textfield-default);
  pointer-events: none;
}
.input_type_text.input_style_underline:disabled::-moz-placeholder, .input_type_text.input_style_underline.disabled::-moz-placeholder {
  color: var(--color-button-outline-neutral-content-disabled);
}
.input_type_text.input_style_underline:disabled::placeholder, .input_type_text.input_style_underline.disabled::placeholder {
  color: var(--color-button-outline-neutral-content-disabled);
}
.input_type_text.input_style_filled {
  color: var(--color-textfield-outline-content-default);
  background: var(--color-textfield-filled-neutral-bg-sm-default);
}
.input_type_text.input_style_filled::-moz-placeholder {
  color: var(--color-content-neutral-secondary);
}
.input_type_text.input_style_filled::placeholder {
  color: var(--color-content-neutral-secondary);
}
@media (hover: hover) {
  .input_type_text.input_style_filled:hover, .input_type_text.input_style_filled.hover {
    color: var(--color-textfield-outline-content-default);
    background: var(--color-textfield-filled-neutral-bg-sm-hover);
  }
}
.input_type_text.input_style_filled:focus-visible, .input_type_text.input_style_filled.focus-visible, .input_type_text.input_style_filled.focus {
  color: var(--color-textfield-outline-content-input);
  box-shadow: inset 0 0 0 2px var(--color-textfield-filled-neutral-focus);
  background: var(--color-textfield-filled-neutral-bg-sm-default);
}
.input_type_text.input_style_filled:focus-visible::-moz-placeholder, .input_type_text.input_style_filled.focus-visible::-moz-placeholder, .input_type_text.input_style_filled.focus::-moz-placeholder {
  color: var(--color-textfield-outline-content-default);
}
.input_type_text.input_style_filled:focus-visible::placeholder, .input_type_text.input_style_filled.focus-visible::placeholder, .input_type_text.input_style_filled.focus::placeholder {
  color: var(--color-textfield-outline-content-default);
}
.input_type_text.input_style_filled.error {
  color: var(--color-textfield-outline-content-default);
  box-shadow: inset 0 0 0 2px var(--color-textfield-filled-neutral-border-sm-error);
  background: var(--color-textfield-filled-neutral-bg-sm-error);
}
.input_type_text.input_style_filled.error::-moz-placeholder {
  color: var(--color-textfield-outline-content-default);
}
.input_type_text.input_style_filled.error::placeholder {
  color: var(--color-textfield-outline-content-default);
}
.input_type_text.input_style_filled:disabled, .input_type_text.input_style_filled.disabled {
  color: var(--color-textfield-outline-content-default);
  background: var(--color-textfield-filled-neutral-bg-sm-disabled);
  pointer-events: none;
}
.input_type_text.input_style_filled:disabled::-moz-placeholder, .input_type_text.input_style_filled.disabled::-moz-placeholder {
  color: var(--color-textfield-outline-content-default);
}
.input_type_text.input_style_filled:disabled::placeholder, .input_type_text.input_style_filled.disabled::placeholder {
  color: var(--color-textfield-outline-content-default);
}
.input_type_text.input_full {
  width: 100%;
}
.input_type_text:focus-visible, .input_type_text.focus-visible, .input_type_text:focus, .input_type_text.focus {
  outline: none;
}

.form-element_type_text {
  display: grid;
  position: relative;
  gap: var(--size-button-space-md);
  grid-auto-rows: max-content;
}
.form-element_type_text.form-element {
  /* Size */
}
.form-element_type_text.form-element_size_md .form-element__wrap_text .icon, .form-element__wrap_text .form-element_type_text.form-element_size_md .icon {
  width: var(--size-button-height-md);
  height: var(--size-button-height-md);
}
.form-element_type_text.form-element_size_md .form-element__wrap_text .input_type_text.input, .form-element__wrap_text .form-element_type_text.form-element_size_md .input_type_text.input {
  padding-right: var(--size-button-height-md);
}
.form-element_type_text.form-element_size_lg .form-element__wrap_text .icon, .form-element__wrap_text .form-element_type_text.form-element_size_lg .icon {
  width: var(--size-button-height-lg);
  height: var(--size-button-height-lg);
}
.form-element_type_text.form-element_size_lg .form-element__wrap_text .input_type_text.input, .form-element__wrap_text .form-element_type_text.form-element_size_lg .input_type_text.input {
  padding-right: var(--size-button-height-lg);
}
.form-element_type_text.form-element_size_xl .form-element__wrap_text .icon, .form-element__wrap_text .form-element_type_text.form-element_size_xl .icon {
  width: var(--size-button-height-xl);
  height: var(--size-button-height-xl);
}
.form-element_type_text.form-element_size_xl .form-element__wrap_text .input_type_text.input, .form-element__wrap_text .form-element_type_text.form-element_size_xl .input_type_text.input {
  padding-right: var(--size-button-height-xl);
}
.form-element_type_text .form-label {
  cursor: pointer;
  color: var(--color-content-neutral-secondary);
  font-family: var(--font-family);
  font-size: var(--size-font-md-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--size-font-md-line);
  letter-spacing: var(--size-font-md-letter-spacing);
}
.form-element_type_text .form-description {
  color: var(--color-content-neutral-secondary);
  font-family: var(--font-family);
  font-size: var(--size-font-sm-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--size-font-sm-line);
  letter-spacing: var(--size-font-sm-letter-spacing);
}
.form-element__wrap_text {
  display: grid;
  position: relative;
  grid-template-columns: 1fr max-content;
}
.form-element__wrap_text .icon {
  display: grid;
  position: absolute;
  align-items: center;
  justify-content: center;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}/*# sourceMappingURL=input-text.css.map */