[data-component=input].input{position:relative;box-sizing:border-box}[data-component=input] input{border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(34 31 32 / var(--tw-border-opacity, 1))}[data-component=input] input:focus-within{border-width:2px}[data-component=input] input:focus{outline:2px solid transparent;outline-offset:2px}[data-component=input] .filter{box-sizing:border-box;width:100%;background-color:transparent;padding:14px 9px;color:inherit}[data-component=input] .filter:-webkit-autofill{background-color:transparent}[data-component=input] .filter:autofill{background-color:transparent}[data-component=input] .filter:valid{background-color:transparent}[data-component=input] .filter:focus{background-color:transparent;outline:2px solid transparent;outline-offset:2px}[data-component=input] .placeholder{pointer-events:none;position:absolute;top:14px;left:9px;color:inherit;transition-property:top,font-size;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}[data-component=input] .arrow{pointer-events:none;position:absolute;top:18px;right:8px;display:none;height:32px;width:32px;place-items:center;border-radius:50%;font-size:21px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));background-color:#221f20}@keyframes onAutoFillStart{}[data-component=input] input:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:.1ms;animation-timing-function:ease-in-out}[data-component=input] input:-webkit-autofill,[data-component=input] input:autofill{animation-name:onAutoFillStart;animation-duration:.1ms;animation-timing-function:ease-in-out}.bg-green .arrow,.bg-black .arrow,[data-component=input].bg-green .arrow,[data-component=input].bg-black .arrow{background-color:#fff;--tw-text-opacity: 1;color:rgb(47 55 47 / var(--tw-text-opacity, 1))}.bg-green .placeholder,.bg-black .placeholder,[data-component=input].bg-green .placeholder,[data-component=input].bg-black .placeholder{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.bg-green input.filter,.bg-black input.filter,[data-component=input].bg-green input.filter,[data-component=input].bg-black input.filter{border-style:none;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.bg-green input.filter::-moz-placeholder,.bg-black input.filter::-moz-placeholder,[data-component=input].bg-green input.filter::-moz-placeholder,[data-component=input].bg-black input.filter::-moz-placeholder{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.bg-green input.filter::placeholder,.bg-black input.filter::placeholder,[data-component=input].bg-green input.filter::placeholder,[data-component=input].bg-black input.filter::placeholder{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.bg-tan .arrow,.bg-gold .arrow,.bg-field02 .arrow,[data-component].bg-tan .arrow,[data-component].bg-gold .arrow,[data-component].bg-field02 .arrow{background-color:#2f372f;--tw-text-opacity: 1;color:rgb(241 228 199 / var(--tw-text-opacity, 1))}[data-component=input] input[data-error=true]{--tw-border-opacity: 1;border-color:rgb(207 0 0 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(207 0 0 / var(--tw-text-opacity, 1))}[data-component=input] input[data-error=true]~.placeholder{--tw-text-opacity: 1;color:rgb(207 0 0 / var(--tw-text-opacity, 1))}[data-component=input] .error-message{display:none;--tw-bg-opacity: 1;background-color:rgb(207 0 0 / var(--tw-bg-opacity, 1));padding:3px 9px;font-size:14px;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}[data-component=input] input[data-error=true].filter{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-right:9px}[data-component=input] input[data-error=true]~.error-message{display:block}[data-component=input] input[data-error=true].filter:valid~.arrow,[data-component=input] input[data-error=true].filter:focus~.arrow{display:none}[data-component=input] input[disabled]{--tw-border-opacity: 1;border-color:rgb(126 126 126 / var(--tw-border-opacity, 1))}[data-component=input] input[disabled]~.placeholder{--tw-text-opacity: 1;color:rgb(126 126 126 / var(--tw-text-opacity, 1))}.float-placeholder .filter{padding-top:24px;padding-bottom:4px;padding-right:45px}.float-placeholder .placeholder{top:4px;font-size:14px}.float-placeholder .arrow{display:grid}