@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}}}.opal-input{border-radius:var(--border-radius-08);width:100%;height:fit-content;padding:calc(var(--spacing,.25rem) * 1.5);transition:all var(--motion-fast) var(--motion-ease);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-tint-01);border:1px solid var(--border-02);box-shadow:inset 0 1px 1px 0 var(--shadow-01)}.opal-input[data-variant=primary]:hover{background-color:var(--background-tint-02);border-color:var(--border-03)}.opal-input[data-variant=primary]:active{border-color:var(--theme-primary-05)}.opal-input[data-variant=primary]:focus-within:not(:active){border-color:var(--theme-primary-05);box-shadow:var(--bw-focus-ring), inset 0 1px 1px 0 var(--shadow-01)}.opal-input[data-variant=internal]{background-color:#0000;border:1px solid #0000}.opal-input[data-variant=error]{background-color:var(--background-tint-01);border:1px solid var(--status-error-05)}.opal-input[data-variant=error]:focus-within:not(:active){box-shadow:0 0 0 3px var(--status-error-02)}.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-border-style{syntax:"*";inherits:false;initial-value:solid}