:root{--z-input-bg-color:#fff;--z-input-padding:var(--z-padding)}.z-input{color:#3e3e3e;border-radius:var(--z-border-radius);background:var(--z-input-bg-color);align-items:center;display:flex;position:relative}.z-input.z-compact{--z-input-padding:var(--z-padding-compact)}.z-input.z-inline{display:inline-flex}.z-input.z-inline+.z-inline{margin-inline-start:.5em}.z-input>*{flex:none}.z-input>:first-child{border-radius:inherit;border-start-end-radius:0;border-end-end-radius:0}.z-input>:last-child{border-radius:inherit;border-start-start-radius:0;border-end-start-radius:0}.z-input>:only-child{border-radius:inherit}.z-input.z-readonly>.z-inner{background-color:#00000008}.z-input.z-disabled>.z-inner{opacity:.5}.z-input .z-button{align-self:stretch;min-height:auto}.z-input>.z-inner{border:var(--z-input-border);max-width:100%;caret-color:var(--z-color-focus);flex:100%;align-items:center;transition:border .4s,background-color .4s,opacity .4s,border-radius .2s;display:flex}.z-input>.z-inner:hover{border-color:var(--z-input-hover-color)}.z-input>.z-inner>*{flex:none}.z-input>.z-inner .z-alt-input,.z-input>.z-inner>.z-native{width:0;min-width:0;height:var(--z-line-height);line-height:var(--z-line-height);box-sizing:content-box;padding:var(--z-input-padding) calc(var(--z-input-padding) * 1.2);color:inherit;font-size:inherit;appearance:none;background-color:#0000;border:none;outline:none;flex:10 auto;font-family:inherit;display:block}.z-input>.z-inner .z-alt-input::-moz-placeholder{color:currentColor;opacity:.6}.z-input>.z-inner>.z-native::-moz-placeholder{color:currentColor;opacity:.6}.z-input>.z-inner .z-alt-input::placeholder,.z-input>.z-inner>.z-native::placeholder{color:currentColor;opacity:.6}.z-input>.z-inner .z-alt-input:-webkit-autofill{box-shadow:inset 0 0 0 2em var(--z-input-bg-color)}.z-input>.z-inner .z-alt-input:-webkit-autofill:active{box-shadow:inset 0 0 0 2em var(--z-input-bg-color)}.z-input>.z-inner .z-alt-input:-webkit-autofill:focus{box-shadow:inset 0 0 0 2em var(--z-input-bg-color)}.z-input>.z-inner .z-alt-input:-webkit-autofill:hover{box-shadow:inset 0 0 0 2em var(--z-input-bg-color)}.z-input>.z-inner>.z-native:-webkit-autofill{box-shadow:inset 0 0 0 2em var(--z-input-bg-color)}.z-input>.z-inner>.z-native:-webkit-autofill:active{box-shadow:inset 0 0 0 2em var(--z-input-bg-color)}.z-input>.z-inner>.z-native:-webkit-autofill:focus{box-shadow:inset 0 0 0 2em var(--z-input-bg-color)}.z-input>.z-inner>.z-native:-webkit-autofill:hover{box-shadow:inset 0 0 0 2em var(--z-input-bg-color)}.z-input>.z-inner .z-alt-input::-webkit-inner-spin-button{appearance:none;margin:0}.z-input>.z-inner .z-alt-input::-webkit-outer-spin-button{appearance:none;margin:0}.z-input>.z-inner>.z-native::-webkit-inner-spin-button{appearance:none;margin:0}.z-input>.z-inner>.z-native::-webkit-outer-spin-button{appearance:none;margin:0}.z-input>.z-inner .z-alt-input::-ms-clear{width:0;height:0;display:none}.z-input>.z-inner>.z-native::-ms-clear{width:0;height:0;display:none}.z-input>.z-inner .z-alt-input~.z-clearable,.z-input>.z-inner>.z-native~.z-clearable{font-size:inherit;color:inherit;opacity:.25;background:0 0;border:none;outline:none;align-self:stretch;padding-inline-end:.5em;transition:opacity .4s}.z-input>.z-inner .z-alt-input~.z-clearable .z-icon,.z-input>.z-inner>.z-native~.z-clearable .z-icon{font-size:1.2em}.z-input>.z-inner .z-alt-input~.z-clearable[disabled],.z-input>.z-inner>.z-native~.z-clearable[disabled]{pointer-events:none;opacity:0!important}.z-input>.z-inner .z-alt-input:focus~.z-clearable,.z-input>.z-inner .z-alt-input:hover~.z-clearable,.z-input>.z-inner .z-alt-input~.z-clearable:hover,.z-input>.z-inner>.z-native:focus~.z-clearable,.z-input>.z-inner>.z-native:hover~.z-clearable,.z-input>.z-inner>.z-native~.z-clearable:hover{opacity:.5}.z-input>.z-inner .z-alt-input{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.z-input>.z-inner .z-alt-input~.z-native{opacity:0;flex:0 0 0;width:0;padding:0}.z-input>.z-inner>textarea.z-native{height:auto;min-height:var(--z-line-height);vertical-align:bottom;resize:none;max-height:75vh;line-height:1.5;overflow:auto}.z-input>.z-inner>textarea.z-native::-webkit-scrollbar{width:5px;height:5px}.z-input>.z-inner>textarea.z-native::-webkit-scrollbar-thumb{background:#0003}.z-input>.z-inner>.z-icon{opacity:.6;margin-inline:.5em -.2em;transform:scale(1.1)}.z-input>.z-inner>.z-native~.z-icon{margin-inline:-.2em .5em}.z-input>.z-inner>.z-label{margin-inline:.5em .2em}.z-input>.z-inner>.z-label.z-currency{opacity:.5}.z-input>.z-inner>.z-native~.z-label{margin-inline:.2em .5em}.z-input.z-focused>.z-inner{border-color:var(--z-color-focus)}.z-input>:not(.z-inner){align-self:stretch;align-items:center;display:flex}.z-input>.z-label{width:var(--z-label-width-start,var(--z-label-width));padding:0 calc(var(--z-input-padding) + var(--z-border-size));color:#797979;border:var(--z-input-border);background:#0000001a padding-box padding-box;border-inline-end-width:0}.z-input>.z-inner~.z-label{width:var(--z-label-width-end,var(--z-label-width));border-inline-width:0 1px}.z-input.z-error>.z-inner{background:var(--z-color-error)!important;color:#fff!important}