.app__input{align-items:center;background-color:transparent;display:flex;font-size:2rem;height:1.25rem;justify-content:space-between;line-height:2.5rem;position:relative;transition:.15s ease-in-out;transition-property:opacity;width:100%}.app__input--xs{font-size:.625rem}.app__input--sm,.app__input--xs{height:1.25rem;line-height:1.25rem}.app__input--sm{font-size:.875rem}.app__input--md{font-size:1rem;height:1.25rem;line-height:1.25rem}.app__input--lg{font-size:2rem;height:2.5rem;line-height:2.5rem}.app__input--xl{font-size:1.125rem;height:3.375rem;line-height:3.375rem}.app__input--disabled{cursor:default}.app__input-element{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--dd-color-content-primary);font-size:inherit;font-weight:400;height:100%;margin:0;outline:none;padding:0;text-overflow:ellipsis;transition-duration:.2s;transition-property:color;transition-timing-function:ease-in-out;width:100%}.app__input-element::-webkit-inner-spin-button,.app__input-element::-webkit-outer-spin-button,.app__input-element:focus,.app__input-element:hover{-moz-appearance:none;appearance:none;-webkit-appearance:none}.app__input-element:hover{outline:none!important}.app__input-element::-moz-placeholder{color:var(--dd-color-content-secondary);font-weight:inherit;transition-duration:.2s;-moz-transition-property:color;transition-property:color;transition-timing-function:ease-in-out}.app__input-element::placeholder{color:var(--dd-color-content-secondary);font-weight:inherit;transition-duration:.2s;transition-property:color;transition-timing-function:ease-in-out}.app__input-appendix,.app__input-prefix{align-items:center;display:flex;height:100%}.app__input-prefix{padding-left:.75rem}.app__input-appendix{padding-right:.75rem}.app__input-overlay{background-color:#000;border-radius:.625rem;bottom:0;left:0;opacity:.7;position:absolute;right:0;top:0;transition:opacity .15s ease-in-out;z-index:2}.app__input-overlay--readonly{opacity:0}