/* Scoped account forms: keep the original site fonts and full-width birth fields. */
.your_story .next-slide > a,
.your_story .next-slide > a:hover,
.your_story .next-slide > a:focus,
.your_story .next-slide > a:active,
.your_story .prev-slide > a,
.your_story .prev-slide > a:hover,
.your_story .prev-slide > a:focus,
.your_story .prev-slide > a:active {
    display:inline-flex; align-items:center; justify-content:center;
    width:24px !important; height:30px !important; margin:0 !important; padding:0 !important;
    border:0 !important; border-radius:0; background:transparent !important;
    line-height:1; letter-spacing:0; text-decoration:none; transform:none;
}
#girl-birth-time.birth-time-fields,
#boy-birth-time.birth-time-fields { justify-content:flex-start; }
#girl-birth-time.birth-time-fields > input,
#boy-birth-time.birth-time-fields > input {
    flex:0 0 20%; width:20%; max-width:none; text-align:center;
}
#match-existing-login {
    width:100%; box-sizing:border-box; margin:24px 0 0; padding:0 !important;
    color:#111; text-align:left;
}
#match-existing-login label {
    display:block; margin:0 0 6px; font:400 14px/1.5 courier_newregular,monospace;
    letter-spacing:0; text-transform:none;
}
#match-existing-login #match-existing-pin {
    display:block; box-sizing:border-box; width:100%; max-width:none;
    height:36px; padding:6px 8px; border:0; border-bottom:2px solid #999;
    background:rgba(204,204,204,.5); color:#111;
    font:400 16px/1.4 courier_newregular,monospace;
}
#match-existing-login .ffa-account-button {
    display:block; width:auto; min-width:100px; height:auto; margin:18px 0 12px;
    padding:7px 18px; border:1px solid #111; border-radius:4px;
    background:#fff; color:#111; box-shadow:3px 3px 0 rgba(0,0,0,.16);
    font:400 14px/1.4 courier_newregular,monospace; letter-spacing:0; text-transform:none;
}
#match-existing-login .ffa-account-link {
    display:inline-block; width:auto; height:auto; margin:0; padding:0;
    border:0; box-shadow:none; background:transparent; color:#111;
    font:400 14px/1.5 latoregular,Arial,sans-serif; letter-spacing:0;
    text-decoration:underline; text-transform:none;
}
#match-existing-login p,
#match-account-status {
    margin:12px 0 0; font:400 14px/1.5 latoregular,Arial,sans-serif;
    letter-spacing:0; text-transform:none; text-align:left;
}
#match-existing-login [hidden] { display:none !important; }
#match-existing-login button:disabled { opacity:.6; cursor:wait; }
.ffa-login-page .whole-div { display:none !important; }
.ffa-login-page #story {
    display:block !important; height:auto !important; min-height:calc(100vh - 50px);
    box-sizing:border-box; padding:120px 0 70px; position:relative;
}
.ffa-login-page #story > .your_story {
    position:relative; top:auto; left:auto; width:50%; max-width:none;
    margin:0 auto; padding:0; box-sizing:border-box;
}
.ffa-login-page #story .row {
    position:static !important; left:auto !important; top:auto !important;
    transform:none !important; width:100%; margin:0; padding:0;
}
.ffa-login-page .loginform {
    float:none; width:100%; max-width:none; margin:24px 0 0; padding:0 !important;
    text-align:left; box-sizing:border-box;
}
.ffa-login-page .loginform ul { list-style:none; margin:0; padding:0; }
.ffa-login-page .loginform li {
    display:block; float:none; width:100%; margin:0 0 20px; padding:0; text-align:left;
}
.ffa-login-page #story h2 {
    margin:0 0 24px; text-align:left; color:#111;
    font:400 26px/1.4 trocchiregular,Georgia,serif; letter-spacing:0; text-transform:none;
}
.ffa-login-page .loginform label,
.ffa-login-page #story p,
.ffa-login-page #story a,
.ffa-login-page #story [role="alert"],
.ffa-login-page #recovery-message {
    color:#111; font:400 16px/1.5 latoregular,Arial,sans-serif;
    letter-spacing:0; text-transform:none; text-align:left;
}
.ffa-login-page .loginform label { display:block; margin:0 0 6px; }
.ffa-login-page .loginform input:not([type="hidden"]):not([type="button"]):not([type="submit"]) {
    width:100%; height:44px; padding:8px 12px; margin:0; box-sizing:border-box;
    border:1px solid #aaa; border-radius:0; background:#fff; color:#111;
    font:400 16px/1.5 latoregular,Arial,sans-serif;
}
.ffa-login-page .loginform input[type="button"],
.ffa-login-page .loginform input[type="submit"] {
    display:inline-block; float:none; width:auto; min-width:120px; height:auto;
    margin:4px 0 0; padding:9px 20px; border:1px solid #111; border-radius:4px;
    background:#fff; color:#111; box-shadow:3px 3px 0 rgba(0,0,0,.16);
    font:400 14px/1.4 courier_newregular,monospace; letter-spacing:0; text-transform:none;
}
.ffa-login-page #story a,
.ffa-login-page #story a:hover,
.ffa-login-page #story a:focus {
    display:inline-block; width:auto; height:auto; margin:0; padding:0;
    border:0; border-radius:0; background:none; text-decoration:underline;
}
.ffa-login-page #story > canvas.starfield {
    position:absolute !important; inset:0; width:100% !important; height:100% !important;
    pointer-events:none;
}
.ffa-login-page .forget_link, .ffa-login-page .forget_linkre { text-align:left; }
.ffa-login-page #login-pin-message,
.ffa-login-page #recovery-message,
.ffa-login-page #login-error { display:block; margin:0 0 18px; }
@media(max-width:767px) {
    .ffa-login-page #story { padding:105px 0 45px; }
    .ffa-login-page #story > .your_story { width:90%; }
}