body,html{height:100%}html{width:100%}body{background-color:rgba(0,0,0,.87);position:relative;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased}form,form .svgContainer:after{position:absolute;box-sizing:border-box}body,form{width:100%;font-family:'Source Sans Pro',sans-serif}form{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;max-width:400px;background-color:#fff;margin:0;padding:2.25em;border:solid 1px #ddd;border-radius:.5em}form .svgContainer{position:relative;width:200px;height:200px;margin:0 auto 1em;border-radius:50%;pointer-events:none}form .svgContainer div{position:relative;width:100%;height:0;overflow:hidden;border-radius:50%;padding-bottom:100%}form .svgContainer .mySVG{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}form .svgContainer:after{content:"";top:0;left:0;z-index:10;width:inherit;height:inherit;border:solid 2.5px #217093;border-radius:50%}form .inputGroup{margin:0 0 2em;padding:0;position:relative}form .inputGroup:last-of-type{margin-bottom:0}form label{margin:0 0 12px;display:block;font-size:1.25em;color:#217093;font-weight:700;font-family:inherit}form input[type=email],form input[type=number],form input[type=password],form input[type=search],form input[type=text],form input[type=url]{display:block;margin:0;padding:.875em 1em 0;background-color:#f3fafd;border:solid 2px #217093;border-radius:4px;-webkit-appearance:none;box-sizing:border-box;width:100%;height:65px;font-size:1.55em;color:#353538;font-weight:600;font-family:inherit;transition:box-shadow .2s linear,border-color .25s ease-out}form input[type=email]:focus,form input[type=number]:focus,form input[type=password]:focus,form input[type=search]:focus,form input[type=text]:focus,form input[type=url]:focus{outline:0;box-shadow:0 2px 10px rgba(0,0,0,.1);border:solid 2px #4eb8dd}form button{display:block;margin:0;padding:.65em 1em 1em;background-color:#4eb8dd;border:0;border-radius:4px;box-sizing:border-box;box-shadow:none;width:100%;height:65px;font-size:1.55em;color:#fff;font-weight:600;font-family:inherit;transition:background-color .2s ease-out}form button:active,form button:hover{background-color:#217093}form .inputGroup1 .helper{position:absolute;z-index:1;font-family:inherit}form .inputGroup1 .helper1{top:0;left:0;-webkit-transform:translate(1em,2.2em) scale(1);transform:translate(1em,2.2em) scale(1);-webkit-transform-origin:0 0;transform-origin:0 0;color:#217093;font-size:1.55em;font-weight:400;opacity:.65;pointer-events:none;transition:transform .2s ease-out,opacity .2s linear;transition:transform .2s ease-out,opacity .2s linear,-webkit-transform .2s ease-out}form .inputGroup1.focusWithText .helper{-webkit-transform:translate(1em,1.55em) scale(.6);transform:translate(1em,1.55em) scale(.6);opacity:1}form .inputGroup2 input[type=password]{padding:.4em 1em .5em}form .inputGroup2 input[type=text]{padding:.025em 1em 0}form .inputGroup2 #showPasswordToggle{display:block;padding:0 0 0 1.45em;position:absolute;top:.25em;right:0;font-size:1em}form .inputGroup2 #showPasswordToggle input{position:absolute;z-index:-1;opacity:0}form .inputGroup2 #showPasswordToggle .indicator{position:absolute;top:0;left:0;height:.85em;width:.85em;background-color:#f3fafd;border:solid 2px #217093;border-radius:3px}form .inputGroup2 #showPasswordToggle .indicator:after{content:"";position:absolute;left:.25em;top:.025em;width:.2em;height:.5em;border:solid #217093;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);visibility:hidden}form .inputGroup2 #showPasswordToggle input:checked~.indicator:after{visibility:visible}form .inputGroup2 #showPasswordToggle input:focus~.indicator,form .inputGroup2 #showPasswordToggle input:hover~.indicator{border-color:#4eb8dd}form .inputGroup2 #showPasswordToggle input:disabled~.indicator{opacity:.5}form .inputGroup2 #showPasswordToggle input:disabled~.indicator:after{visibility:hidden}