.field{margin-block:2rem;padding-top:1.25rem;position:relative}.field input,.field select{appearance:none;width:100%;color:inherit;background-color:#0000;border:none;border-bottom:1px solid #9a9a9a;border-radius:0;padding:.625rem 0;font-family:inherit;font-size:1.5rem;line-height:1.5;display:block}.field input:focus,.field select:focus{border-bottom-color:#87ceeb;outline:none}.field input:-webkit-autofill{-webkit-text-fill-color:inherit;transition:background-color 9999s ease-out,color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1000px #0000}.field input:-webkit-autofill:hover{-webkit-text-fill-color:inherit;transition:background-color 9999s ease-out,color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1000px #0000}.field input:-webkit-autofill:focus{-webkit-text-fill-color:inherit;transition:background-color 9999s ease-out,color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1000px #0000}.field input:-webkit-autofill:active{-webkit-text-fill-color:inherit;transition:background-color 9999s ease-out,color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1000px #0000}.field label{color:#9a9a9a;pointer-events:none;transform-origin:0 0;font-size:1.5rem;line-height:1.5;transition:transform .3s,color .3s;position:absolute;top:1.875rem;left:0}.field input:focus+label,.field input:not(:placeholder-shown)+label,.field--select label{transform:translateY(-1.5rem)scale(.75)}.field input:-webkit-autofill+label{transform:translateY(-1.5rem)scale(.75)}.field input:focus+label,.field select:focus+label{color:#87ceeb}.field--select{position:relative}.field--select:after{content:"";pointer-events:none;border-bottom:2px solid #9a9a9a;border-right:2px solid #9a9a9a;width:.5rem;height:.5rem;position:absolute;bottom:1.25rem;right:.25rem;transform:rotate(45deg)}