.input-field{font-size:inherit;line-height:inherit;display:block;position:relative}.if-input{font-size:inherit;font-weight:400;line-height:inherit;color:inherit;resize:none;background:0 0;border:0;outline:0;padding:0;transition:background-color .3s ease-in-out,width .15s,height .15s}.if-input[has-focus],.if-input:hover{background:#f1f3f4}.if-input[has-error]{background:#fce8e6;margin-right:1px}.if-input-field{box-sizing:content-box;white-space:pre-wrap;border-radius:4px;padding:4px 8px;position:relative}.if-measure-label{white-space:pre-wrap;padding:0}.if-type-date{min-width:4.25rem;max-width:7.3rem}.if-type-time{min-width:1.8125rem;max-width:3.5rem}.if-bottom-bar{opacity:0;background-color:#32bdc7;border-bottom-right-radius:4px;border-bottom-left-radius:4px;height:2px;transition:transform .2s cubic-bezier(.46,-.01,.26,.79);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.if-input[has-focus]+.if-bottom-bar{opacity:1;transform:scaleX(1)}.if-popup{opacity:0;background-color:#fff;border-radius:2px;transition:transform .3s,opacity .2s;display:none;position:absolute;transform:translateY(-5px)}.if-popup[has-focus]{flex-direction:column;display:flex;box-shadow:0 4px 5px #00000024,0 1px 10px #0000001f,0 2px 4px -1px #0003}.if-popup-date{width:13.0625rem;padding:.625rem .625rem .25rem}.if-fixed-overlay{z-index:2000;cursor:default;position:fixed;top:0;bottom:0;left:0;right:0}