.input-component{display:flex;flex-direction:column;width:100%}.input-component[data-width=stretch]{width:100%;flex:1}.input-component[data-width=contain]{width:auto;display:inline-flex}.input-component .input-wrapper{position:relative;display:flex;align-items:center}.input-component .input-wrapper .prefix-container{position:absolute;left:var(--space-3);display:flex;align-items:center;z-index:1;color:var(--gray-medium);white-space:nowrap;max-width:50%;overflow:hidden;text-overflow:ellipsis}.input-component .input-wrapper .suffix-container{position:absolute;right:var(--space-2);display:flex;align-items:center;z-index:1}.input-component .form-input{width:100%;height:var(--space-14);line-height:var(--space-14);padding:0 var(--space-5);border-radius:var(--radius-m);border:0;background-color:var(--blue-lowest);color:var(--color);font-family:inherit;font-size:1rem;transition:all .2s ease}.input-component .form-input::placeholder{color:color-mix(in srgb,var(--color),transparent 50%);opacity:1}.input-component .form-input:focus{outline:0;background-color:var(--bg-elevated);box-shadow:0 0 0 4px var(--blue-low)}.input-component .form-input[disabled]{opacity:.5;cursor:not-allowed}.input-component[data-size=xs] .form-input{height:var(--space-6);line-height:var(--space-6);padding:0 var(--space-2);border-radius:var(--radius-s);font-size:.8rem}.input-component[data-size=sm] .form-input{height:var(--space-10);line-height:var(--space-10);padding:0 var(--space-2);border-radius:var(--radius-s)}.input-component.has-error .form-input{box-shadow:0 0 0 2px var(--red-medium)}.input-component.has-error .feedback-message{color:var(--red-medium);font-size:.8rem;font-weight:600;padding-left:var(--space-1);margin:0;margin-top:var(--space-1)}.input-component.has-error .feedback-icon{position:absolute;right:var(--space-4);width:1.25rem;height:1.25rem;background-color:var(--red-medium);color:var(--on-red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:900}.input-component.has-success .form-input{box-shadow:0 0 0 2px var(--green-medium)}.input-component.has-success .feedback-message{color:var(--green-medium);font-size:.8rem;font-weight:600;padding-left:var(--space-1);margin:0;margin-top:var(--space-1)}.input-component.has-success .feedback-icon{position:absolute;right:var(--space-4);width:1.25rem;height:1.25rem;background-color:var(--green-medium);color:var(--on-green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:900}.input-component .input-wrapper[locked] .form-input{cursor:not-allowed;font-style:italic;color:color-mix(in srgb,var(--color),transparent 40%)}.input-component .input-wrapper[locked]:after{content:"";font-family:bootstrap-icons;position:absolute;right:var(--space-4);opacity:.5;font-size:.9rem}.input-component[locked] .form-input{cursor:not-allowed}.input-component .field-help{color:var(--gray-medium)}