@layer components{input,[is-~=input]{background-color:var(--background1);color:var(--foreground0);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-normal);line-height:var(--line-height);outline:none;border:none;min-width:24ch}input::placeholder,[is-~=input]::placeholder{color:var(--foreground2)}input:not([size-]),[is-~=input]:not([size-]){height:1lh;padding:0 1ch}input[size-=small],[is-~=input][size-=small]{height:1lh;padding:0}input[size-=large],[is-~=input][size-=large]{height:3lh;padding:1lh 2ch}}