body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{--color-skypher-accent: #404293;--color-skypher-blue: #161c5c}p,li{font-size:14px}.error-message{background-color:#d00e17;color:#fff;font-size:14px;margin-top:10px;border-radius:5px;padding:10px}.App{background-color:#fff}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.LoginPasswordView{display:flex;flex-direction:column;padding:10px;background-color:#fff;border-radius:5px;color:#000}.LoginPasswordView .signup-button{text-decoration:none;color:var(--color-skypher-accent);font-weight:700;font-size:14px;cursor:pointer}.LoginPasswordView .edit-email{color:var(--color-skypher-accent);font-weight:700;cursor:pointer}.LoginPasswordView .forgot-password-button{margin-top:7px;margin-bottom:7px;font-size:14px;float:left;text-decoration:none;color:var(--color-skypher-accent);font-weight:700;cursor:pointer}.LoginLayoutPage{min-height:100vh}.LoginLayoutPage .centered-div{width:100%;max-width:400px;margin:auto;background:#fff;border-radius:5px;padding:10px}.LoginLayoutPage .logo-small-screen{margin-top:30px}.LoginLayoutPage .logo{padding:10px}.LoginLayoutPage .main-title{font-weight:400;margin:0;color:#2d333a}.LoginLayoutPage .sub-title{color:#2d333a}.LoginLayoutPage .email-input{margin-top:10px;margin-bottom:10px}.LoginLayoutPage .submit-button{width:100%;height:52px;border-radius:2px;border:none;outline:none;cursor:pointer;font-size:16px;font-weight:500;color:#fff;background-color:#161864;transition:all .1s ease-in-out;margin-top:10px}.SignupPasswordView .submit-button:hover{background-color:#343577}.LoginLayoutPage .page-body{max-width:500px;margin:10% auto 0;padding:20px}.LoginLayoutPage .left-title{font-weight:700;margin:0;color:#fff;font-size:40px}.LoginLayoutPage .left-description{font-weight:500;margin:0;font-size:20px;color:#fff}.LoginLayoutPage .left-text-block{margin:5px;z-index:2;position:relative}@media (max-width: 900px){.LoginLayoutPage{text-align:center}.LoginLayoutPage .page-body{max-width:500px;margin:auto;padding:20px}}@media (min-width:300px){.LoginLayoutPage .left-text-block{margin:30px}.LoginLayoutPage .logo{padding:20px}}@media (min-width:1100px){.LoginLayoutPage .left-text-block{margin:40px}.LoginLayoutPage .logo{padding:50px}}@media (min-width:1500px){.LoginLayoutPage .left-text-block{margin:130px}.LoginLayoutPage .left-title{font-size:50px}.LoginLayoutPage .left-draw{margin-top:15px;display:flex}.LoginLayoutPage .left-draw-line{width:70px;border-radius:40px;background-color:#fff;height:8px}.LoginLayoutPage .left-draw-dot{margin-left:5px;width:8px;border-radius:40px;background-color:#fff;height:8px}}.LoginLayoutPage .shield-logo{position:absolute;bottom:30px;right:30px;z-index:1}.LoginLayoutPage .left-side{background-color:var(--color-skypher-blue);min-height:100vh;position:relative}.LoginIdentifierView{display:flex;flex-direction:column;padding:10px;background-color:#fff;border-radius:5px;color:#000}.LoginIdentifierView .signup-button{text-decoration:none;color:var(--color-skypher-accent);font-weight:700;cursor:pointer}.SocialButtons .social-btn{background-color:#fff;color:#2d333a;border:1px solid #c2c8d0;border-radius:5px;margin-bottom:10px;position:relative;display:flex;width:100%;padding:0 8px 0 52px;margin-top:3px;align-items:center}.SocialButtons .social-icon{position:absolute;left:26px;top:50%;transform:translate(-50%) translateY(-50%)}.Separator{width:100%;display:flex;flex-direction:row;text-transform:uppercase;border:none;font-size:12px;font-weight:500;margin-top:20px;margin-bottom:20px}.Separator:before,.Separator:after{content:"";flex:1 1;border-bottom:1px solid #c2c8d0;margin:auto}.Separator .text-separator{text-align:center;flex:.2 0 auto;margin:0}.SignupPasswordView{display:flex;flex-direction:column;padding:10px;background-color:#fff;border-radius:5px;color:#000}.SignupPasswordView .signup-button{text-decoration:none;color:var(--color-skypher-accent);font-weight:700;cursor:pointer}.SignupPasswordView .edit-email{color:var(--color-skypher-accent);font-weight:700;cursor:pointer}.PasswordValidator{border:1px solid rgb(203 203 203);padding:14px;margin-top:10px;margin-bottom:10px;text-align:left}.PasswordValidator p{margin:0;padding:0}.PasswordValidator ul{margin:0;list-style:none}.PasswordValidator li:before{content:"•";color:#000;display:inline-block;width:1em;margin-left:-1em;font-size:1.5em}.PasswordValidator .valid-bullet:before{color:green;content:"✓";font-size:1.5em}.PasswordValidator .valid-bullet,.PasswordValidator .criteria-valid{color:green}.SignupIdentifierView{display:flex;flex-direction:column;padding:10px;background-color:#fff;border-radius:5px;color:#000}.SignupIdentifierView .signup-button{text-decoration:none;color:var(--color-skypher-accent);font-weight:700;cursor:pointer}.ResetPasswordView{display:flex;flex-direction:column;padding:10px;background-color:#fff;border-radius:5px;color:#000}.ResetPasswordView .go-back-button{text-decoration:none;color:var(--color-skypher-accent);font-weight:700;margin-top:10px;cursor:pointer}.ResetPasswordView .lock-reset-icon{font-size:70px;color:green;align-self:center}.ResetPasswordView .password-group{margin-top:10px}.RequestResetPasswordView{display:flex;flex-direction:column;padding:10px;background-color:#fff;border-radius:5px;color:#000}.RequestResetPasswordView .go-back-button{text-decoration:none;color:var(--color-skypher-accent);font-weight:700;margin-top:10px;cursor:pointer}.RequestResetPasswordView .email-icon{font-size:50px;color:green}.RequestResetPasswordView .green-circle{border-radius:50px;border:3px solid green;padding:10px;margin-bottom:20px;margin-top:10px;width:50px;align-self:center}.EmailValidation{position:relative}.EmailValidation .waiting-validation{font-size:18px}.EmailValidation .email-icon{font-size:50px;color:green}.EmailValidation .green-circle{border-radius:50px;border:3px solid green;padding:10px;width:50px;align-self:center;margin:10px auto 28px}.MagicLinkSent{position:relative}.MagicLinkSent .waiting-validation{font-size:18px}.MagicLinkSent .email-icon{font-size:50px;color:green}.MagicLinkSent .green-circle{border-radius:50px;border:3px solid green;padding:10px;width:50px;align-self:center;margin:10px auto 28px}