.app-input{align-items:center;background-color:#fff;border-radius:var(--app-input-wrapper-border-radius) var(--app-input-wrapper-border-radius) 0 0!important;box-shadow:0 2px 4px #00000026;color:#3d3d3d;display:grid;font-size:.77778rem;font-weight:300;grid-template-columns:var(--433dae83);min-height:3.4375em;padding:.5em 0;position:relative;--app-input-wrapper-border-radius:1.625em;--app-input-icon-left-width:var(--78a4f15c);--app-input-input-padding-x:1.875em;--app-input-input-padding-left:var(--app-input-input-padding-x);--app-input-input-padding-right:var(--app-input-input-padding-x);--app-input-label-font-size:1em}@media (min-width:992px){.app-input{font-size:1rem}}@media print{.app-input{font-size:12pt}}.app-input.with-icon-left{--app-input-input-padding-left:calc(var(--app-input-input-padding-x)/2)}.app-input.with-icon-right,.app-input.with-loader{--app-input-input-padding-right:calc(var(--app-input-input-padding-x)/2)}.app-input.has-border-radius-bottom{border-radius:var(--app-input-wrapper-border-radius)!important}.app-input input,.app-input textarea{align-self:end;background-color:transparent;border:0;box-shadow:none;display:block;font-weight:700;outline:0;padding:0 var(--app-input-input-padding-right) 0 var(--app-input-input-padding-left);width:100%}.app-input textarea{padding:1.25em 0 0 var(--app-input-input-padding-left);width:calc(100% - var(--app-input-input-padding-right))}.app-input__label{font-weight:300;left:calc(var(--app-input-input-padding-left) + var(--app-input-icon-left-width));position:absolute;top:min(50%,1.75em);transform:translateY(-50%);transition:top .275s ease-in-out,transform .275s ease-in-out;-webkit-font-smoothing:subpixel-antialiased;backface-visibility:hidden;line-height:.5;max-width:calc(100% - var(--app-input-input-padding-left)*2);white-space:nowrap;width:100%}.app-input__label>span{display:inline-block;font-size:var(--app-input-label-font-size);line-height:1.1;position:relative;transition:font-size .275s ease-in-out;width:100%}.app-input__label>span:after{background:linear-gradient(90deg,#fff0,#fff);content:"";display:block;height:100%;position:absolute;right:0;top:0;width:3em}input.filled~.app-input__label,input:focus~.app-input__label,textarea.filled~.app-input__label,textarea:focus~.app-input__label{--app-input-label-font-size:10px;top:10px;transform:translateY(0)}.app-input__icon--left{padding-left:var(--app-input-input-padding-x)}.app-input__icon--right{font-weight:700;padding-right:var(--app-input-input-padding-x);position:relative;z-index:1}.has-status .app-input__icon--right{padding-right:calc(var(--app-input-input-padding-x)/2)}.app-input__loader{padding-right:var(--app-input-input-padding-x)}@keyframes app-input-loader-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.app-input__loader i{animation-delay:-1ms;animation-duration:2s;animation-iteration-count:infinite;animation-name:app-input-loader-spin;animation-timing-function:linear}.app-input__status{padding-right:calc(var(--app-input-input-padding-x)/2)}.app-input__status--error,.app-input__status--valid{background:#4bbecf;border-radius:1.875em;box-shadow:0 2px 4px #00000026;display:block;height:1.875em;position:relative;width:1.875em}.app-input__status--error>.icon,.app-input__status--valid>.icon{color:#fff;display:inline-block;left:50%;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.app-input__status--error{background:linear-gradient(90deg,#f93f4d,#c7271a)}.app-input.is-readonly,.app-input.is-readonly .app-input__label,.app-input.is-readonly input,.app-input.is-readonly textarea{color:#7c7c7c}.app-input.is-disabled{background-color:#e7f1f5}.app-input.is-disabled .app-input__label,.app-input.is-disabled input,.app-input.is-disabled textarea{opacity:.5}.app-input.is-disabled .app-input__label>span:after{background:linear-gradient(90deg,#e7f1f500,#e7f1f5)}