:root{--color__accent:#6200ee;--field__background:#f5f5f5;--field__background--hover:#e9e9e9;--input__border:rgba(0,0,0,.42);--input__border--hover:rgba(0,0,0,.62);--label__color:#222;--font__size:16px;--font__family:Roboto,Arial,sans-serif;--radius:15px}.hidden--visually{display:none}.floating{background-color:var(--field__background);border-top-left-radius:4px;border-top-right-radius:4px;border-radius:var(--radius);margin-bottom:2.1rem;transition:background-color .2s ease}.floating input{border:none;width:100%}.floating:focus-within,.floating:hover{background-color:var(--field__background--hover)}.floating__input{border-bottom:.1rem solid var(--input__border);border-radius:var(--radius);caret-color:var(--color__accent);font-size:1rem;padding:1.4rem 1rem .6rem;transition:border-color .2s ease}.floating:hover .floating__input{border-color:var(--input__border--hover)}.floating__input::-moz-placeholder{color:transparent}.floating__input::placeholder{color:transparent}.floating__label{border-radius:var(--radius);display:block;font-weight:500;max-height:0;pointer-events:none;position:relative}.floating__label:before{backface-visibility:hidden;color:var(--label__color);content:attr(data-content);display:inline-block;filter:blur(0);left:1rem;position:relative;transform-origin:left top;transition:transform .2s ease}.floating__label:after{background-color:var(--color__accent);bottom:1rem;content:"";height:.1rem;left:0;margin-top:-.1rem;opacity:0;position:absolute;top:100%;transform:scaleX(0);transition:transform .18s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1),background-color .3s ease;width:100%}.floating__input:focus+.floating__label:after{opacity:1;transform:scaleX(.9)}.floating__input:-moz-placeholder-shown+.floating__label:before{transform:translate3d(0,-2.2rem,0) scaleX(1)}.floating__input:placeholder-shown+.floating__label:before{transform:translate3d(0,-2.2rem,0) scaleX(1)}.floating__input:focus+.floating__label:before,.floating__label:before{transform:translate3d(0,-3.12rem,0) scale3d(.82,.82,1)}.floating__input:focus+.floating__label:before{color:var(--color__accent)}