.wrapper{--input-color:inherit}.wrapper ::-moz-placeholder{color:var(--colors-gray-600);opacity:1}.wrapper ::placeholder{color:var(--colors-gray-600);opacity:1}.wrapper.withIcon.left .input{padding-left:calc(var(--spacing-btn-x)*2)}.wrapper.withIcon.left .icon{left:0}.wrapper.withIcon.right .input{padding-right:calc(var(--spacing-btn-x)*2)}.wrapper.withIcon.right .icon{right:0}.wrapper.withIcon.left-outside .icon{right:100%}.wrapper.withIcon.right-outside .icon{left:100%}.wrapper.withIcon .icon{align-items:center;background:none;border:0;border-radius:1rem;bottom:0;display:flex;justify-content:center;padding:1rem;position:absolute;top:0;width:auto}.wrapper.valid{--input-color:var(--color-success);color:var( --input-color )}.wrapper.valid .input{border-color:currentColor!important}.wrapper:not(.valid):not(.invalid) .feedback{font-style:italic;opacity:.8}.wrapper.invalid{--input-color:var(--color-error);color:var( --input-color )}.wrapper.invalid .input{border-color:currentColor!important}.input{accent-color:var(--color-accent);background:var( --body-bg );border-radius:var(--brd-radius);color:var( --input-color );margin:0;padding:1rem;text-align:inherit;text-overflow:ellipsis;transition:border-color .15s ease-in-out}.input:not(textarea){height:2rem + 1.8rem}.input:-webkit-autofill,.input:-webkit-autofill:active,.input:-webkit-autofill:focus,.input:-webkit-autofill:hover{-webkit-background-clip:text;-webkit-text-fill-color:var( --input-color );box-shadow:inset 0 0 20px 20px transparent;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:global(.text-white) .wrapper:not(.valid):not(.invalid){--input-color:var(--color-white)}:global(.text-center) .wrapper.withIcon .input{padding-left:calc(var(--spacing-btn-x)*2);padding-right:calc(var(--spacing-btn-x)*2)}