.input-base{display:inline-flex;position:relative;min-width:0;vertical-align:top;width:100%;line-height:1.4375em;letter-spacing:.00938em;box-sizing:border-box;cursor:text;align-items:center;border-radius:4px;font-size:13px;label.input-label{color:rgba(0,0,0,.6);font-weight:400;font-size:1rem;line-height:1.4375em;letter-spacing:.00938em;padding:0;position:relative;display:block;transform-origin:top left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(133% - 32px);position:absolute;left:0;top:0;transform:translate(14px,-9px) scale(.75);transition:color .2s cubic-bezier(0,0,.2,1) 0s,transform .2s cubic-bezier(0,0,.2,1) 0s,max-width .2s cubic-bezier(0,0,.2,1) 0s;z-index:1;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}input{font:inherit;letter-spacing:inherit;color:currentColor;border:0;box-sizing:content-box;background:none;margin:0;-webkit-tap-highlight-color:transparent;display:block;min-width:0;width:100%;padding:12px 10px;&:focus{outline:none}}&.textarea-input-base{padding:12px 10px;line-height:20px}textarea{display:block;font:inherit;letter-spacing:inherit;color:currentColor;box-sizing:content-box;background:none;height:auto;-webkit-tap-highlight-color:transparent;min-width:0;width:100%;animation-duration:10ms;resize:none;&:focus{outline:none}}.input-labels{text-align:left;position:absolute;bottom:0;right:0;top:-5px;left:0;margin:0;padding:0 8px;pointer-events:none;border-radius:inherit;overflow:hidden;border:1px solid rgba(0,0,0,.23);min-width:0;outline:0;&.focused{border-width:2px}legend{opacity:0;display:block;float:unset;width:auto;padding:0;height:11px;line-height:11px;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0s;font-size:.765rem;max-width:100%;white-space:nowrap;&>span{padding-left:5px;padding-right:5px;display:inline-block}}}.select{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:4px;cursor:pointer;font:inherit;letter-spacing:inherit;color:currentColor;border:0;box-sizing:content-box;background:none;height:1.4375em;margin:0;-webkit-tap-highlight-color:transparent;display:block;min-width:0;width:100%;padding:16.5px 32px 16.5px 14px;height:auto;min-height:1.4375em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;&.small{padding:4px 32px 4px 8px}}.select-input{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%;box-sizing:border-box}}