.elder-input{display:flex;flex-direction:column;text-align:left;color:var(--vue-elder-text-color,#222)}.elder-input__label{font-weight:700;display:flex;gap:.55em}.elder-input__label-required{color:var(--vue-elder-error,#e83b35)}.elder-input__sublabel{font-size:.9em;display:block;opacity:.5}.elder-input__wrapper{display:flex;flex-grow:1}.elder-input__wrapper:not(:first-child){margin-top:.5em}.elder-input__field{position:relative;display:flex;flex-grow:1;border:1px solid var(--vue-elder-border-color,#eaeaea);border-radius:var(--vue-elder-border-radius,3px);background-color:#fff}.elder-input__field:not(:first-child){margin-left:.5em}.elder-input__field:not(:last-child){margin-right:.5em}.elder-input__field--focus{border-color:var(--vue-elder-primary,#3a9acd)}.elder-input__field--readonly .elder-input-value{color:var(--vue-elder-input-prefix-color,rgba(0,0,0,.3))}.elder-input__field--disabled{position:relative}.elder-input__field--disabled:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:.4;background-color:var(--vue-elder-input-color,#f2f2f2)}.elder-input__field.elder-input__field--invalid{border-color:var(--vue-elder-error,#e83b35)}.elder-input--alignment-left{text-align:left}.elder-input--alignment-right{text-align:right}.elder-input--alignment-center{text-align:center}.elder-input__prefix,.elder-input__suffix{padding:1.1em;color:var(--vue-elder-input-prefix-color,rgba(0,0,0,.3));background-color:var(--vue-elder-input-color,#f2f2f2)}.elder-input__suffix{flex-shrink:0;border-left:1px solid var(--vue-elder-border-color,#eaeaea)}.elder-input__prefix{flex-shrink:0;border-right:1px solid var(--vue-elder-border-color,#eaeaea)}.elder-input__validation{display:flex;align-items:center;padding-right:1.1em}.elder-input__field--invalid .elder-input__validation{color:var(--vue-elder-error,#e83b35)}.elder-input__field--valid .elder-input__validation{color:var(--vue-elder-success,#33ca62)}.elder-input__validation-message{font-size:.8em;margin-top:.5em;color:var(--vue-elder-error,#e83b35)}.elder-input__icon{display:flex;align-items:center;justify-content:center;padding-left:1.1em}.elder-input__value{display:flex;flex-grow:1}.elder-input__value>*{flex-grow:1}.elder-input__element{font:inherit;width:100%;padding:1.1em;color:inherit;border:none;outline:none;background-color:transparent;-webkit-appearance:none}.elder-input__element::-webkit-input-placeholder{color:var(--vue-elder-input-prefix-color,rgba(0,0,0,.3))}.elder-input__element::-moz-placeholder{color:var(--vue-elder-input-prefix-color,rgba(0,0,0,.3))}.elder-input__element:-ms-input-placeholder{color:var(--vue-elder-input-prefix-color,rgba(0,0,0,.3))}.elder-input__element:-moz-placeholder{color:var(--vue-elder-input-prefix-color,rgba(0,0,0,.3))}