:root{--z-input-bg-color:#fff;--z-input-padding:var(--z-padding)}.z-input{position:relative;display:flex;align-items:center;color:#3e3e3e;border-radius:var(--z-border-radius);background:var(--z-input-bg-color)}.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:0 0 auto}.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{min-height:auto;align-self:stretch}.z-input>.z-inner{display:flex;max-width:100%;align-items:center;flex:1 1 100%;border:var(--z-input-border);caret-color:var(--z-color-focus);transition:border .4s,background-color .4s,opacity .4s,border-radius .2s}.z-input>.z-inner:hover{border-color:var(--z-input-hover-color)}.z-input>.z-inner>*{flex:0 0 auto}.z-input>.z-inner .z-alt-input,.z-input>.z-inner>.z-native{display:block;width:0;min-width:0;height:var(--z-line-height);line-height:var(--z-line-height);box-sizing:content-box;flex:10 1 auto;padding:var(--z-input-padding) calc(var(--z-input-padding) * 1.2);color:inherit;border:none;background-color:transparent;font-size:inherit;font-family:inherit;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.z-input>.z-inner .z-alt-input::-moz-placeholder,.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,.z-input>.z-inner .z-alt-input:-webkit-autofill:active,.z-input>.z-inner .z-alt-input:-webkit-autofill:focus,.z-input>.z-inner .z-alt-input:-webkit-autofill:hover,.z-input>.z-inner>.z-native:-webkit-autofill,.z-input>.z-inner>.z-native:-webkit-autofill:active,.z-input>.z-inner>.z-native:-webkit-autofill:focus,.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,.z-input>.z-inner .z-alt-input::-webkit-outer-spin-button,.z-input>.z-inner>.z-native::-webkit-inner-spin-button,.z-input>.z-inner>.z-native::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0}.z-input>.z-inner .z-alt-input::-ms-clear,.z-input>.z-inner>.z-native::-ms-clear{display:none;width:0;height:0}.z-input>.z-inner .z-alt-input~.z-clearable,.z-input>.z-inner>.z-native~.z-clearable{align-self:stretch;background:transparent;font-size:inherit;border:none;color:inherit;opacity:.25;padding-inline-end:.5em;outline:none;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]{opacity:0!important;pointer-events:none}.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;overflow:hidden;text-overflow:ellipsis}.z-input>.z-inner .z-alt-input~.z-native{width:0;opacity:0;flex:0 0 0;padding:0}.z-input>.z-inner>textarea.z-native{height:auto;min-height:var(--z-line-height);max-height:75vh;line-height:1.5;vertical-align:bottom;resize:none;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{margin-inline:.5em -.2em;transform:scale(1.1);opacity:.6}.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){display:flex;align-items:center;align-self:stretch}.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;background:#0000001a;border:var(--z-input-border);border-inline-end-width:0;background-clip:padding-box}.z-input>.z-inner~.z-label{width:var(--z-label-width-end,var(--z-label-width));border-inline-end-width:1px;border-inline-start-width:0}.z-input.z-error>.z-inner{background:var(--z-color-error)!important;color:#fff!important}