.text-input{color:var(--x-color-text-main)}html.light .text-input,body.theme-light .text-input{color:#555}.text-input input{background-color:#ffffff0f;border:1px solid #0000;border-radius:.5rem;width:100%;padding:.75em;transition:all .2s linear}html.light .text-input input,body.theme-light .text-input input{color:#555;background-color:#fafafa;border-color:#e5e2df}.text-input input:disabled{background-color:var(--x-neutral-dark-10)}.text-input input::placeholder{text-align:right;position:relative;top:-1px}.text-input input:not(:disabled):not(:read-only):hover{background-color:#ffffff15}html.light .text-input input:not(:disabled):not(:read-only):hover,body.theme-light .text-input input:not(:disabled):not(:read-only):hover{background-color:#f5f5f5}.text-input input:not(:disabled):focus{outline:1px solid #ffffff2c}html.light .text-input input:not(:disabled):focus,body.theme-light .text-input input:not(:disabled):focus{outline-color:#ffb368}.text-input input:read-only{background-color:var(--x-neutral-dark-10)}.text-input span{position:absolute;right:.8rem}.text-input.--icon input{padding-right:3.2rem}.phone-input input{text-align:left;letter-spacing:1px;padding-left:1.5rem;font-family:estedad}.phone-input input::placeholder{font-family:estedad}.phone-input:after{content:" ";border-left:1px solid #777;height:20px;position:absolute;right:2.6rem}.code-input{position:relative}.code-input>div{direction:ltr;justify-content:center;align-items:center;gap:15px;display:flex}.code-input input{border:1.5px solid var(--x-neutral-dark-95);text-align:center;background-color:var(--x-neutral-dark-95);border-radius:8px;outline:none;width:3.5rem;height:3.5rem;font-family:estedad;font-size:1.25rem;font-weight:500;transition:all .2s linear;display:block}html.light .code-input input,body.theme-light .code-input input{background-color:#f5f5f5;border-color:#ececec}.code-input input:focus{background-color:var(--x-neutral-dark-95);border-color:var(--x-neutral-dark-100)}html.light .code-input input:focus,body.theme-light .code-input input:focus{background-color:#f0f0f0;border-color:#ddd}.code-input.has-error input{border-color:red}.code-input.has-error .error{display:block}.code-input .error{text-align:center;color:red;width:100%;font-size:.8em;display:none;position:absolute;bottom:-1.8em}@media screen and (width<=768px){.code-input>div{gap:12px}}@media screen and (width<=480px){.code-input>div{gap:10px}.code-input input{width:3rem;height:3rem;font-size:1rem}}.search-input:after{content:" ";border-left:1px solid #777;height:20px;position:absolute;right:2.6rem}.numeric-input{width:100%;position:relative}.numeric-input input{background-color:var(--x-neutral-dark-95);width:100%;color:var(--x-color-text-main);appearance:none;cursor:text;text-align:right;direction:ltr;border:none;border-radius:.5rem;padding:.75em;font-family:estedad;font-size:.875rem;transition:all .2s linear}html.light .numeric-input input,body.theme-light .numeric-input input{color:#555;background-color:#fafafa;border:1px solid #ececec}.numeric-input input:focus{outline:1px solid #ffffff2c}.numeric-input input:disabled{opacity:.6;cursor:not-allowed}