.input-wrapper{flex-direction:column;gap:.25rem;display:flex}.input-wrapper__prefix-inner{width:1.25rem;height:1.25rem;color:var(--clr-text-subtle);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.input-wrapper__field:has(.input--small) .input-wrapper__prefix-inner{width:1rem;height:1rem;left:.625rem}.input-wrapper__field:has(.input--large) .input-wrapper__prefix-inner{width:1.5rem;height:1.5rem;left:.875rem}.input-wrapper__field{align-items:center;display:flex;position:relative}.input-wrapper__suffix{cursor:pointer;color:var(--clr-text-subtle);transition:color var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:.75rem}.input-wrapper__suffix svg{width:1.125rem;height:1.125rem;display:block}.input-wrapper__suffix:hover:not(:disabled){color:var(--clr-text-default)}.input-wrapper__suffix:disabled{cursor:not-allowed;opacity:.6}.input-wrapper__suffix-icon{width:1.25rem;height:1.25rem;display:block}.input-wrapper__suffix-icon path{fill:currentColor}.input-wrapper__label{font-weight:var(--font-medium);font-size:var(--text-sm);letter-spacing:0;color:var(--clr-text-strong);line-height:1.25rem}.input-wrapper__hint{font-size:var(--text-xs);color:var(--clr-text-subtle)}.input-wrapper__error{font-size:var(--text-xs);color:var(--clr-danger-strong)}.input{border-radius:var(--radius-md);width:100%;font-family:var(--font-primary);transition:border-color var(--transition-base),background-color var(--transition-base),box-shadow var(--transition-base)}.input::placeholder{color:var(--clr-text-subtle)}.input:focus{outline:none}.input:focus-visible{outline:none}.input:disabled,.input.input--disabled{cursor:not-allowed;opacity:.6}.input--border{background-color:var(--clr-color-inverse);border:1px solid #00000029}.input--border:hover:not(:disabled):not(.input--error){border-color:#0000003d}.input--border:active:not(:disabled):not(.input--error){border-color:var(--clr-brand)}.input--border:focus:not(:disabled):not(.input--error){box-shadow:0 0 0 2px #4734f733;border-color:var(--clr-brand)!important}.input--border:focus-visible:not(:disabled):not(.input--error){box-shadow:0 0 0 2px #4734f733;border-color:var(--clr-brand)!important}.input--border.input--error{border-color:var(--clr-danger-default)}.input--border.input--error:hover:not(:disabled){border-color:var(--clr-danger-strong)}.input--border.input--error:focus:not(:disabled){box-shadow:0 0 0 2px #da252d33;border-color:var(--clr-danger-default)!important}.input--border.input--error:focus-visible:not(:disabled){box-shadow:0 0 0 2px #da252d33;border-color:var(--clr-danger-default)!important}.input--ghost{background-color:var(--clr-fill-tertiary-strong);border:1px solid #0000}.input--ghost:hover:not(:disabled):not(.input--error){background-color:var(--clr-secondary)}.input--ghost:active:not(:disabled):not(.input--error){background-color:var(--clr-secondary-hover)}.input--ghost:focus{background-color:var(--clr-color-inverse);border-color:var(--clr-brand);box-shadow:0 0 0 2px var(--clr-brand-subtle)}.input--ghost:focus-visible{background-color:var(--clr-color-inverse);border-color:var(--clr-brand);box-shadow:0 0 0 2px var(--clr-brand-subtle)}.input--ghost.input--error{border-color:var(--clr-danger,#dc2626);background-color:var(--clr-color-inverse)}.input--small{font-size:var(--text-sm);height:2rem;padding-inline-start:.75rem;padding-inline-end:.75rem}.input--small.input--with-prefix{padding-inline-start:2.25rem}.input--medium{font-size:var(--text-sm);height:2.5rem;padding-inline-start:1rem;padding-inline-end:1rem}.input--large{font-size:var(--text-base);height:3rem;padding-inline-start:1rem;padding-inline-end:1rem}.input--with-suffix{padding-inline-end:2.75rem}