@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-duration:initial;--tw-ease:initial;--tw-border-style:solid}}}.opal-input{border-radius:var(--border-radius-08);width:100%;height:fit-content;padding:calc(var(--spacing,.25rem) * 1.5);transition-property:all;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:.1s;--tw-ease:var(--interactive-easing);transition-duration:.1s;transition-timing-function:var(--interactive-easing);flex-direction:row;flex:1;justify-content:space-between;align-items:center;display:flex;position:relative}.opal-input[data-variant=primary]{background-color:var(--background-neutral-00);border:1px solid var(--border-01)}.opal-input[data-variant=primary]:hover{border-color:var(--border-02)}.opal-input[data-variant=primary]:active{border-color:var(--border-05)}.opal-input[data-variant=primary]:focus-within:not(:active){border-color:var(--border-05);box-shadow:inset 0px 0px 0px 2px var(--background-tint-04)}.opal-input[data-variant=internal]{background-color:#0000;border:1px solid #0000}.opal-input[data-variant=error]{background-color:var(--background-neutral-00);border:1px solid var(--status-error-05)}.opal-input[data-variant=error]:focus-within:not(:active){box-shadow:inset 0px 0px 0px 2px var(--background-tint-04)}.opal-input[data-variant=disabled]{background-color:var(--background-neutral-03);cursor:not-allowed;border:1px solid #0000}.opal-input[data-variant=readOnly]{border-radius:var(--border-radius-08);border-style:var(--tw-border-style);background-color:#0000;border-width:1px}.opal-input-field{height:calc(var(--spacing,.25rem) * 6);width:100%;padding:calc(var(--spacing,.25rem) * .5);background-color:#0000}.opal-input-field:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.opal-input-field:focus{outline-offset:2px;outline:2px solid #0000}}.opal-input-field{font:inherit}.opal-input[data-variant=primary] .opal-input-field,.opal-input[data-variant=internal] .opal-input-field,.opal-input[data-variant=error] .opal-input-field{color:var(--text-04)}.opal-input[data-variant=disabled] .opal-input-field{color:var(--text-02)}.opal-input-field::placeholder{font-family:var(--font-hanken-grotesk);letter-spacing:0;color:var(--text-02);font-size:14px;font-weight:400;line-height:20px}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}