.app-text-field{gap:var(--spacing-10);flex-direction:column;width:100%;font-family:var(--atlas-font, Vazirmatn),Vazirmatn,Vazirmatn Fallback\: Noto Naskh Arabic,Vazirmatn Fallback\: sans-serif,system-ui,sans-serif;display:flex;position:relative}.app-text-field__container{border:var(--stroke-1) solid var(--border-secondary);border-radius:var(--radius-12);justify-content:flex-end;min-height:52px;transition:all .2s}.app-text-field__container,.app-text-field__input-container{align-items:center;gap:var(--spacing-4);box-sizing:border-box;display:flex;position:relative}.app-text-field__input-container{flex-direction:row;flex:1;justify-content:center}.app-text-field__input{width:100%;padding:var(--spacing-12) var(--spacing-16);font-family:var(--atlas-font, Vazirmatn),Vazirmatn,Vazirmatn Fallback\: Noto Naskh Arabic,Vazirmatn Fallback\: sans-serif,system-ui,sans-serif;font-size:var(--text-style-body-medium-size-rem);font-weight:var(--text-style-body-medium-weight);line-height:var(--text-style-body-medium-line-height-rem);color:var(--content-primary);box-sizing:border-box;text-align:start;background:0 0;border:none;outline:none;transition:all .2s}.app-text-field__input::placeholder{color:var(--content-secondary);opacity:1}.app-text-field__input:disabled{color:var(--content-disable);cursor:not-allowed}.app-text-field__input:disabled::placeholder{color:var(--content-disable);opacity:1}.app-text-field__label{background:var(--surface-primary);font-family:var(--atlas-font, Vazirmatn),Vazirmatn,Vazirmatn Fallback\: Noto Naskh Arabic,Vazirmatn Fallback\: sans-serif,system-ui,sans-serif;font-size:var(--text-style-body-medium-size-rem);font-weight:var(--text-style-body-medium-weight);line-height:var(--text-style-body-medium-line-height-rem);color:var(--content-tertiary);pointer-events:none;white-space:nowrap;z-index:10;top:50%;transition:all .2s;position:absolute;inset-inline-start:var(--spacing-16);transform:translateY(-50%)}.app-text-field--has-leading-icon .app-text-field__label:not(.app-text-field__label--floating){inset-inline-start:calc(var(--spacing-48) + var(--spacing-4))}.app-text-field__label--floating{font-size:var(--text-style-body-x-small-size-rem);font-weight:var(--text-style-body-x-small-weight);line-height:var(--text-style-body-x-small-line-height-rem);color:var(--content-secondary);z-index:10;padding:0 var(--spacing-4);top:-12px;inset-inline-start:12px;transform:translateY(0)}.app-text-field__label--error{color:var(--content-negative)}.app-text-field__label--success{color:var(--content-positive)}.app-text-field__label--disabled{color:var(--content-disable)}.app-text-field__leading-icon,.app-text-field__trailing-icon{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.app-text-field__icon-container{overflow:hidden}.app-text-field__icon-container,.app-text-field__icon-state-layer{border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.app-text-field__icon-state-layer{padding:var(--spacing-8);transition:all .2s}@media (hover:hover) and (pointer:fine){.app-text-field__leading-icon:hover .app-text-field__icon-state-layer,.app-text-field__trailing-icon:hover .app-text-field__icon-state-layer{background-color:var(--surface-overlay-light)}}.app-text-field__icon{width:24px;height:24px;color:var(--content-tertiary);justify-content:center;align-items:center;display:flex}.app-text-field__suffix{font-family:var(--atlas-font, Vazirmatn),Vazirmatn,Vazirmatn Fallback\: Noto Naskh Arabic,Vazirmatn Fallback\: sans-serif,system-ui,sans-serif;font-size:var(--text-style-body-small-size-rem);font-weight:var(--text-style-body-small-weight);line-height:var(--text-style-body-small-line-height-rem);color:var(--content-tertiary);white-space:nowrap;padding-block:var(--spacing-12);padding-inline:var(--spacing-4) var(--spacing-16);flex-shrink:0}.app-text-field--has-trailing-icon.app-text-field--has-suffix .app-text-field__suffix{padding-inline:var(--spacing-4)}.app-text-field__supporting-text{font-family:var(--atlas-font, Vazirmatn),Vazirmatn,Vazirmatn Fallback\: Noto Naskh Arabic,Vazirmatn Fallback\: sans-serif,system-ui,sans-serif;font-size:var(--text-style-body-x-small-size-rem);font-weight:var(--text-style-body-x-small-weight);line-height:var(--text-style-body-x-small-line-height-rem);color:var(--content-tertiary);text-align:start;padding-inline:var(--spacing-16)}[dir=rtl] .app-text-field__supporting-text{text-align:right}[dir=ltr] .app-text-field__supporting-text{text-align:left}.app-text-field__supporting-text--error{color:var(--content-negative)}.app-text-field__supporting-text--success{color:var(--content-positive)}.app-text-field__supporting-text--disabled{color:var(--content-disable)}.app-text-field--enabled .app-text-field__container{border:var(--stroke-1) solid var(--border-secondary)}@media (hover:hover) and (pointer:fine){.app-text-field--hovered .app-text-field__container{border:var(--stroke-1) solid var(--border-focus)}.app-text-field--hovered .app-text-field__input::placeholder{color:var(--content-secondary)}.app-text-field--hovered.app-text-field--has-value .app-text-field__container{border:var(--stroke-1) solid var(--border-secondary)}}.app-text-field--focused .app-text-field__container{border:var(--stroke-1) solid var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.app-text-field--focused .app-text-field__label{color:var(--content-primary)}.app-text-field--error .app-text-field__container{border:var(--stroke-1) solid var(--content-negative);box-shadow:0 0 0 1px var(--content-negative)}.app-text-field--success .app-text-field__container{border:var(--stroke-1) solid var(--content-positive);box-shadow:0 0 0 1px var(--content-positive)}.app-text-field--disabled .app-text-field__container{border:var(--stroke-1) solid var(--border-secondary)}.app-text-field--disabled .app-text-field__container:before{content:"";pointer-events:none;position:absolute;inset:0}.app-text-field__input--has-leading-icon{padding-inline-start:0}.app-text-field__input--has-trailing-icon{padding-inline:var(--spacing-16) 0}.app-text-field__input--has-leading-icon.app-text-field__input--has-trailing-icon{padding-inline-start:0}.app-text-field__input--has-suffix{padding-inline-end:var(--spacing-8)}.app-text-field:focus-within{outline:none}@media (prefers-contrast:more){.app-text-field__container{border:var(--stroke-2) solid currentcolor}}@media (prefers-reduced-motion:reduce){.app-text-field,.app-text-field__caret,.app-text-field__container,.app-text-field__icon-state-layer,.app-text-field__input,.app-text-field__label{transition:none}}[dir=rtl] .app-text-field__input{text-align:right}[dir=ltr] .app-text-field__input{text-align:left}.input-field__input-container{flex:1}.app-text-field__input-container .atlas-icons-search{color:var(--content-secondary)}