@layer components{.Input{font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);box-shadow:inset 0 0 0 1px var(--gray-200);width:100%;height:2.75rem;padding-inline:var(--spacing-300);background-color:var(--white);color:var(--blue-100);border-radius:0;display:inline-flex}.Input:hover{background-color:color-mix(in oklch, var(--gray-50) 75%, transparent)}.Input:focus-visible{outline:.125rem solid var(--blue-200);outline-offset:.125rem}.Input[data-disabled]{background-color:var(--gray-100);color:var(--gray-300);cursor:not-allowed}.Input[data-invalid]{color:var(--red-100);box-shadow:inset 0 0 0 1px var(--red-100);background-color:color-mix(in oklch, var(--red-100) 8%, transparent)}.Input::placeholder{color:var(--gray-300)}}