zui-input:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:inline-block;width:100%;min-height:2.625rem;vertical-align:middle;padding:0 .625rem;background-color:#fff;border:.0625rem solid var(--zui-gray-200);border-radius:.25rem;font:inherit;cursor:text;color:inherit;transition:border 100ms ease-in-out,box-shadow 100ms ease-in-out}zui-input:not(:defined)::-webkit-input-placeholder{color:var(--zui-gray-200)}zui-input:not(:defined)::-moz-placeholder{opacity:1;color:var(--zui-gray-200)}zui-input:not(:defined):-moz-placeholder{opacity:1;color:var(--zui-gray-200)}zui-input:not(:defined):-ms-input-placeholder{color:var(--zui-gray-200)}zui-input:not(:defined):hover{border-color:var(--zui-gray-400)}zui-input:not(:defined):focus{border-color:var(--zui-blue-400);box-shadow:0 0 0 .0625rem var(--zui-blue-400);outline:none}zui-input:not(:defined)[disabled]{background-color:var(--zui-gray-100);cursor:not-allowed;color:var(--zui-gray-300)}zui-input:not(:defined)[disabled]:hover{border:.0625rem solid var(--zui-gray-200)}zui-input:not(:defined)[readonly]{outline:none}zui-input:not(:defined)[readonly]:hover{border-color:var(--zui-gray-400)}zui-input:not(:defined) input{display:none}zui-input:not(:defined)[placeholder]::before{display:block;content:attr(placeholder);line-height:2.625rem;color:var(--zui-gray-200)}zui-input:not(:defined)[value]::before{display:block;content:attr(value);line-height:2.625rem;color:inherit}zui-input:not(:defined).xsmall{width:4.0625rem}zui-input:not(:defined).small{width:12.5rem}zui-input:not(:defined).medium{width:18.75rem}zui-input:not(:defined).large{width:25rem}zui-input:not(:defined).is-invalid{border:.0625rem solid var(--zui-red);box-shadow:0 0 0 .0625rem var(--zui-red)}zui-input:not(:defined).is-invalid:hover{border-color:var(--zui-red-600);box-shadow:0 0 0 .0625rem var(--zui-red-600)}zui-input:not(:defined).is-invalid:focus{border-color:var(--zui-red-400);box-shadow:0 0 0 .0625rem var(--zui-red-400);outline:none}zui-input:not(:defined).is-valid{border:.0625rem solid var(--zui-green);box-shadow:0 0 0 .0625rem var(--zui-green)}zui-input:not(:defined).is-valid:hover{border-color:var(--zui-green-600);box-shadow:0 0 0 .0625rem var(--zui-green-600)}zui-input:not(:defined).is-valid:focus{border-color:var(--zui-green-400);box-shadow:0 0 0 .0625rem var(--zui-green-400);outline:none}zui-input:not(:defined) *,zui-input:not(:defined) *::before,zui-input:not(:defined) *::after{box-sizing:inherit}