.opal-input-field{height:calc(var(--spacing,.25rem) * 6);width:100%;padding:calc(var(--spacing,.25rem) * .5);font-family:var(--font-hanken-grotesk);font-size:var(--height-font-main);font-weight:500;line-height:var(--height-line-main);letter-spacing:0;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-leading-icon{flex-shrink:0;justify-content:center;align-items:center;padding-inline-start:calc(var(--spacing,.25rem) * .5);padding-inline-end:var(--spacing,.25rem);display:flex}.opal-input-leading-icon-svg{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);color:var(--text-02)}.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{cursor:not-allowed;color:var(--text-02)}.opal-input-field::placeholder{font-family:var(--font-hanken-grotesk);font-size:var(--height-font-main);font-weight:400;line-height:var(--height-line-main);letter-spacing:0;color:var(--text-02)}.opal-input-field[dir=auto]:placeholder-shown{direction:inherit}