.base-input{position:relative;display:flex;flex-direction:column;width:100%;color:#666}.base-input--white{color:#fff}.base-input__label{position:absolute;top:0;left:0;font-size:1rem;font-weight:500;line-height:1.3;color:#666;background-color:transparent;transition:transform .2s ease,background-color .1s ease .1s;transform:translateY(.6rem) scale(1);transform-origin:left}.base-input__label--textarea{margin-left:1rem}.base-input__label--has-text{background-color:transparent;transform:translateY(-1.25rem) scale(.8);margin-left:0}.base-input__label--has-text.base-input__label--textarea{transform:translateY(-1.5rem) scale(.8)}.base-input__label--background{min-width:11.25rem;background-color:#fff}.base-input--white .base-input__label{color:#fff}.base-input:focus-within .base-input__label{background-color:transparent;transition:transform .2s ease,background-color .1s ease;transform:translate(-1rem,-1.5rem) scale(.8);margin-left:1rem}.base-input:focus-within .base-input__label--textarea{transition:transform .2s ease,background-color .1s ease;transform:translate(-1rem,-1.5rem) scale(.8)}.base-input__field{height:2.5rem;padding:1rem;font-size:1rem;color:#000;background-color:transparent;border-bottom:.125rem solid rgba(51,51,51,.5);transition:border-color .2s ease}.base-input--white .base-input__field{color:#fff;border-color:#fff}.base-input__field:focus{border:2px solid #252f52;outline:none}.base-input__field::-moz-placeholder{color:#666}.base-input__field::placeholder{color:#666}.base-input--white .base-input__field::-moz-placeholder{color:#fff}.base-input--white .base-input__field::placeholder{color:#fff}.base-input__field--textarea{padding:1rem;height:100%;background:#fff;border:.125rem solid #00c1de}.base-input__field--error{border-color:#f03}.base-input__error{position:absolute;bottom:-1.5rem;left:0;font-size:.875rem;color:#f03}