.control.has-icon{position:relative}.control.has-icon .form-icon{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;height:40px;width:40px;z-index:1}.control.has-icon .form-icon .iconify{color:var(--input-form-icon-color);transition:color .3s}.control.has-icon .input:focus~.form-icon .iconify{color:var(--primary)}.control.has-validation{position:relative}.control.has-validation .validation-icon{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;height:40px;width:40px;z-index:1}.control.has-validation .validation-icon .iconify{transition:color .3s}.control.has-validation.is-valid .validation-icon .iconify{color:var(--success)}.control.has-validation.is-valid .validation-icon.valid-icon{display:flex}.control.has-validation.is-valid .validation-icon.invalid-icon{display:none}.control.has-validation.is-invalid .validation-icon .iconify{color:var(--danger)}.control.has-validation.is-invalid .validation-icon.valid-icon{display:none}.control.has-validation.is-invalid .validation-icon.invalid-icon{display:flex}.input{color:var(--input-base-color);background:var(--input-base-bg-color);border-color:1px solid #e8e8e8;border-radius:none!important;height:50px!important;padding-bottom:calc(.6em - 1px);box-shadow:none;transition:border .3s,box-shadow .3s}.input:focus{box-shadow:var(--light-box-shadow);border-color:var(--input-base-focus-color)}.input::-moz-placeholder{color:var(--input-placeholder-color)}.input::placeholder{color:var(--input-placeholder-color)}.input.is-rounded{border-radius:500rem}.input.is-inverted{color:var(--input-inverted-color);background:var(--input-inverted-bg-color);border-color:var(--input-inverted-border-color)}.input.is-inverted:focus{box-shadow:var(--light-box-shadow);border-color:var(--input-inverted-border-color-hover)}.input.is-inverted::-moz-placeholder{color:var(--input-inverted-placeholder-color)}.input.is-inverted::placeholder{color:var(--input-inverted-placeholder-color)}.has-icon .input{padding-left:38px}.has-validation .input{padding-right:38px}.has-validation.is-valid .input{border-color:var(--success)!important}.has-validation.is-invalid .input{border-color:var(--danger)!important}