@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-duration:initial;--tw-font-weight:initial}}}[data-component=input].input{box-sizing:border-box;position:relative}[data-component=input] input{border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--color-black,#221f20)}[data-component=input] input:focus-within{border-style:var(--tw-border-style);border-width:2px}[data-component=input] input:focus{--tw-outline-style:none;outline-style:none}[data-component=input] .filter{box-sizing:border-box;width:100%;color:inherit;background-color:#0000;padding-block:14px;padding-inline:9px}[data-component=input] .filter:autofill{background-color:#0000}[data-component=input] .filter:valid,[data-component=input] .filter:focus{background-color:#0000}[data-component=input] .filter:focus{--tw-outline-style:none;outline-style:none}[data-component=input] .placeholder{pointer-events:none;color:inherit;transition-property:top,font-size;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;position:absolute;top:14px;left:9px}[data-component=input] .arrow{pointer-events:none;border-radius:var(--radius-full,50%);width:32px;height:32px;font-size:var(--text-t4,21px);color:var(--color-white,#fff);background-color:var(--color-black);place-items:center;display:none;position:absolute;top:18px;right:8px}:is([data-component=input] input:autofill){animation-name:onAutoFillStart;animation-duration:.1ms;animation-timing-function:ease-in-out}:is(.bg-green,.bg-black,[data-component].bg-green,[data-component].bg-black) [data-component=input] .arrow{background-color:var(--color-white);color:var(--color-green,#2f372f)}:is(.bg-green,.bg-black,[data-component].bg-green,[data-component].bg-black) [data-component=input] .placeholder{color:var(--color-white,#fff)}:is(.bg-green,.bg-black,[data-component].bg-green,[data-component].bg-black) [data-component=input] input.filter{--tw-border-style:none;color:var(--color-white,#fff);border-style:none}:is(.bg-green,.bg-black,[data-component].bg-green,[data-component].bg-black) [data-component=input] input.filter::placeholder{color:var(--color-white,#fff)}:is(.bg-tan,.bg-gold,.bg-field02,[data-component].bg-tan,[data-component].bg-gold,[data-component].bg-field02) .arrow{background-color:var(--color-green);color:var(--color-tan,#f1e4c7)}[data-component=input] input[data-error=true]{border-color:var(--color-highlight-red,#cf0000);color:var(--color-highlight-red,#cf0000)}[data-component=input] input[data-error=true]~.placeholder{color:var(--color-highlight-red,#cf0000)}[data-component=input] .error-message{background-color:var(--color-highlight-red,#cf0000);font-size:var(--text-c1,14px);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff);padding-block:3px;padding-inline:9px;display:none}[data-component=input] input[data-error=true].filter{background-color:var(--color-white,#fff);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]{border-color:var(--color-gray01-tint,#7e7e7e)}[data-component=input] input[disabled]~.placeholder{color:var(--color-gray01-tint,#7e7e7e)}.float-placeholder .filter{padding-top:24px;padding-bottom:4px;padding-right:45px}.float-placeholder .placeholder{font-size:var(--text-c1,14px);top:4px}.float-placeholder .arrow{display:grid}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}