.passwordStrengthCheckerInput{transition:border-color .3s ease-in-out}.passwordStrengthCheckerIcons{position:relative}.passwordStrengthCheckerIcons svg{position:absolute;-webkit-transform:translateY(-100%) scale(.5);transform:translateY(-100%) scale(.5);right:0;padding:11px;box-sizing:border-box;opacity:0;transition:opacity .3s ease-in-out,fill .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,fill .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,fill .3s ease-in-out,-webkit-transform .3s ease-in-out}.passwordStrengthCheckerWarningIcon{fill:#ff9500}.passwordStrengthCheckerTickIcon{fill:#95c31e}.passwordStrengthCheckerInput:not([data-strength='0']){padding-right:3em}.passwordStrengthChecker[data-strength='1'] .passwordStrengthCheckerWarningIcon{fill:#ff9500;opacity:1;-webkit-transform:translateY(-100%) scale(1);transform:translateY(-100%) scale(1)}.passwordStrengthChecker[data-strength='2'] .passwordStrengthCheckerWarningIcon{fill:#ffd500;opacity:1;-webkit-transform:translateY(-100%) scale(1);transform:translateY(-100%) scale(1)}.passwordStrengthChecker[data-strength='3'] .passwordStrengthCheckerTickIcon{opacity:1;-webkit-transform:translateY(-100%) scale(1);transform:translateY(-100%) scale(1)}.passwordStrengthCheckerInput[data-strength='1']{border-color:#ff9500}.passwordStrengthCheckerInput[data-strength='2']{border-color:#ffd500}.passwordStrengthCheckerInput[data-strength='3']{border-color:#95c31e}.passwordStrengthCheckerMessage,.passwordStrengthCheckerMessageSandbox{font-size:75%;color:#7f7f7f;overflow:hidden;margin-top:0;opacity:1}.passwordStrengthCheckerMessage{transition:height .3s ease-in-out,margin-bottom .3s ease-in-out,opacity .3s ease-in-out}.passwordStrengthCheckerMessageSandbox{position:absolute;visibility:hidden}.passwordStrengthChecker.hideFeedback .passwordStrengthCheckerMessage,.passwordStrengthChecker[data-strength='0'] .passwordStrengthCheckerMessage{height:0!important;margin-bottom:0!important;opacity:0}#loginForm.fade{opacity:0;-webkit-transform:translate3d(-60%,0,0) rotateY(-45deg) translate3d(-60%,0,0);transform:translate3d(-60%,0,0) rotateY(-45deg) translate3d(-60%,0,0)}#loginForm.off{display:none}#forgotForm.fade{-webkit-transform:translate3d(60%,0,0) rotateY(45deg) translate3d(60%,0,0);transform:translate3d(60%,0,0) rotateY(45deg) translate3d(60%,0,0);opacity:0}#forgotForm.off{display:none}#forgotEmailHelp{margin-bottom:1.2em;max-width:20em}#forgotEmail{margin-bottom:.8em}#signupForm:before{position:absolute;top:-44px;left:50%;margin-left:-50px;content:'';width:100px;height:100px;background:url(https://static.canva.com/static/images/canva_logo_100x100.png) 0 0 no-repeat;background-size:100px 100px}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#signupForm:before{background:url(https://static.canva.com/static/images/canva_logo_100x100@2x.png) 0 0 no-repeat;background-size:100px 100px}}#signupForm{margin-left:-20.5em;padding-top:5em;padding-bottom:5.5em}#loginForm,#forgotForm{margin-left:-11.5em}#loginForm .errors,#loginForm .message,#forgotForm .errors,#forgotForm .message{max-width:20em}@media screen and (max-width:600px){#loginForm,#forgotForm,#signupForm{-webkit-transform:translateX(9em);transform:translateX(9em)}}#signupForm.hideForm{margin-left:-12em}#loginForm #intro,#signupForm #intro{position:relative;padding-top:1px}#signupForm.hideForm #intro{display:none}#loginForm #intro p:first-child,#signupForm #intro p:first-child{margin-top:0}#signupForm #emailSignup{display:block;padding-top:1px}#signupForm.hideForm #emailSignup{display:none!important}#loginForm label,#forgotForm label,#signupForm label{display:block;margin-top:.8em;font-size:100%;font-weight:400}#signupForm label[for=username]{margin-right:0}#loginForm label .text,#forgotForm label .text,#signupForm label .text{position:absolute;z-index:1;margin:0;padding:0 0 0 1em;text-align:left;line-height:43px;font-weight:700}#loginForm .placeholderSpaceTaker,#forgotForm .placeholderSpaceTaker,#signupForm .placeholderSpaceTaker{display:block;padding:0 calc(.71429em + 2px) 0 6.7em;height:0;font-size:14px;text-align:left;visibility:hidden;position:relative}#loginForm .textInput,#forgotForm .textInput,#signupForm .textInput{margin-top:0;padding-left:6.7em}#loginForm .textInput:focus,#forgotForm .textInput:focus,#signupForm .textInput:focus{padding-left:calc(6.7em - 1px)}#signupForm.hideForm #quotes{display:none}#intro.hidden{display:none}#resetForm #password2{margin-top:0}