@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700);@font-face{font-family:'ATC Arquette';src:url("/fonts/fonts/ATCArquette/ATCArquetteRegular.eot?#iefix" format("embedded-opentype")),url("/fonts/fonts/ATCArquette/ATCArquetteRegular.otf" format("opentype")),url("/fonts/fonts/ATCArquette/ATCArquetteRegular.woff" format("woff")),url("/fonts/fonts/ATCArquette/ATCArquetteRegular.ttf" format("truetype"));font-weight:400;font-style:normal}.show{visibility:visible;opacity:1}.hide{visibility:hidden;opacity:0}html{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:400;font-style:normal;font-size:62.5%;letter-spacing:0.025em}body{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:400;font-style:normal;font-size:62.5%;letter-spacing:0.025em;background:#f6f6f6;margin:0;padding:0}.login-container{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0}.policy-links{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0.04em;color:#1F64FF;text-align:center;margin-top:16px}.policy-links a{text-decoration:none}.policy-links-separator{margin:0 8px}.card{background:#fff;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,0.15);overflow:hidden}#login-wrapper{width:100%;padding-left:16px;padding-right:16px}#forgot_password{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0.04em;display:block;padding:8px 4px}a,a:link,a:hover,a:visited{color:#1F64FF}.form-element-container{position:relative;display:block}.form-element.text{display:block}label{display:block;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0.04em;color:#090731;margin:4px;margin-top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input[type=text],input[type=password],input[type=email]{box-sizing:border-box;width:100%;display:inline-block;height:auto;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:400;font-size:14px;line-height:24px;font-weight:600;letter-spacing:0.025em;color:#090731;outline:none;border:0 none;padding:4px}.bar{position:relative;display:block;border-bottom:1px solid #A6BBE0}.bar:before,.bar:after{content:'';height:2px;width:0;bottom:0;position:absolute;background:#1F64FF;transition:0.2s ease all}.bar:before{left:0%}.form-control:focus ~ .bar{border-bottom:1px solid #1F64FF}.form-control:focus ~ .bar:before{width:100%}button,a.button,.Button{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:300;letter-spacing:0.2em;text-transform:uppercase;color:#fff;background:#1F64FF;box-shadow:0 3px #1A3EC1;border:0 none;cursor:pointer;outline:none;padding:16px 32px;padding-bottom:13px;transition:all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1)}button:hover,a.button:hover{background:#1A3EC1;box-shadow:0 3px #1A3EC1}button:active,a.button:active{background:#1B0D60;box-shadow:0 3px #1B0D60}.Checkbox label{display:flex;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0.04em;color:#090731;vertical-align:middle;cursor:pointer;margin:0;padding:0}.Checkbox input[type=checkbox]{position:relative;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:white;cursor:pointer;outline:none;border:1px solid #A6BBE0;box-shadow:0px 0px #fff inset, 0px 0px #fff inset;margin:0;margin-right:8px;padding:7px}.Checkbox input[type=checkbox]:after{content:'';position:absolute;width:14px;height:14px;left:-1px;top:-1px;z-index:1;border:1px solid #1F64FF;background:#1F64FF;box-shadow:3px 3px 0 #fff inset, -3px -3px 0 #fff inset;opacity:0;transition:opacity 40ms cubic-bezier(0.215, 0.61, 0.355, 1)}.Checkbox input[type=checkbox]:checked:after{opacity:1}.messagebox{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0.04em;display:flex;box-sizing:border-box;align-items:center;max-width:335px;background:#f6f6f6;border-radius:2px;padding:12px 16px;margin:0 auto;opacity:0}.messagebox svg{margin-right:8px}.messagebox.hide{display:none}.messagebox.show{display:flex}.messagebox.mistake{visibility:visible;opacity:1;background:rgba(255,73,97,0.1);color:#FF4961}.messagebox.mistake svg g.error{stroke:#FF4961;stroke-width:1}.messagebox.notice{visibility:visible;opacity:1;background:rgba(40,208,148,0.1);color:#28D094}.messagebox.notice svg g.completed{stroke:#28D094;stroke-width:1}.card{display:flex;width:792px;min-height:630px}#illustration-container{display:flex;position:relative;width:50%}#form-container{display:flex;width:50%}#login-wrapper{margin-top:128px}#illustration-container{background-color:#B41ED8;background-image:linear-gradient(230deg, #B41ED8 0%, #0029d0 100%);background-image:-webkit-linear-gradient(230deg, #B41ED8 0%, #0029d0 100%)}#illustration-container>svg{position:absolute;margin:0;padding:0}.form-element-container{max-width:335px;margin:24px auto}.form-step-1,.form-step-2{transition:visibility .5s ease-out, opacity .5s ease-out}.form-element.info p{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;line-height:24px;letter-spacing:0.05em;font-weight:400}#illustration-container #VibesLogoVert{fill:#fff;align-self:center;left:50%;transform:translateX(-50%)}@media only screen and (min-device-width: 480px) and (max-device-width: 768px){.login-container{justify-content:flex-start}.card{width:100%;height:auto;left:0;top:0;align-content:center;flex-flow:column;transform:none;border-radius:0}#illustration-container{width:100%;height:250px}#form-container{margin:24px auto}#login-wrapper{margin:0}#illustration-container #VibesLogoVert{fill:#fff;align-self:center;left:50%;transform:translateX(-50%)}}@media only screen and (max-device-width: 480px){.login-container{justify-content:flex-start}.card{display:block;width:100%;height:auto;left:0;align-self:auto;transform:none;border-radius:0}#illustration-container{width:100%;height:150px}#login-wrapper{padding-top:16px;padding-bottom:32px}#form-container{width:100%}#login-wrapper{margin:0}#illustration-container #VibesLogoVert{fill:#fff;align-self:center;left:50%;transform:translateX(-50%)}}
