.input{background-color:var(--gray50);border:1px solid var(--gray200);color:var(--gray800);border-radius:4px;width:100%;height:44px;padding:0 11px;font-size:14px;line-height:20px;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);display:block}.input:focus{color:var(--gray800);background-color:var(--gray100);border-color:var(--primary700);box-shadow:var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color);outline-width:0}.input:hover{color:var(--gray800);background-color:var(--gray100);border-color:var(--placeholderColor)}.input:disabled{color:var(--gray700)}.input.invalid{border-color:var(--error600)}.input.filled{background-color:var(--gray100);border-color:var(--placeholderColor)}