.input{position:relative;display:flex;flex-direction:column}.input__input{position:relative;display:block;width:100%;height:3.5rem;padding:1.5rem .25rem .25rem .875rem;margin:0 auto;background-color:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;outline:none;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);transition:all .2s ease-in-out}@media(max-width:575px){.input__input{height:3.75rem}}.input__input:focus{background-color:rgba(17,17,17,.8);border:1px solid hsla(0,0%,100%,.7);color:#fff}.input__input:focus+.input__label{top:.75rem;font-size:.75rem;transform:translateY(0);color:hsla(0,0%,100%,.4)}.input__input:not(:placeholder-shown){background-color:rgba(17,17,17,.8);color:#fff}.input__input:not(:placeholder-shown)+.input__label{top:.75rem;font-size:.75rem;transform:translateY(0);color:hsla(0,0%,100%,.4)}.input__input~.input__optional{position:absolute;top:1.5rem;right:.875rem;text-transform:uppercase;color:hsla(0,0%,100%,.4);font-size:12px;font-size:.75rem;font-weight:500;line-height:1;letter-spacing:.02em}.input__label{position:absolute;top:1.375rem;left:.75rem;display:inline-block;height:14px;padding:0 4px;margin:0 auto;font-weight:400;line-height:1;text-align:left;cursor:text;transition:all .2s ease-in-out}.input__error{margin-top:.25rem;margin-left:.875rem;text-align:left;color:#ff4d4f;text-transform:uppercase;font-size:12px;font-size:.75rem;font-weight:500;line-height:1.3333333333;letter-spacing:.02em}.input.--has-error .input__input{border:1px solid #ff4d4f}