/* TEACHER-BACKGROUND-133: supplied background, one continuous layer. */
html body.teacher-signin-reference-page .teacher-signin-reference-card {
    background: #edf6ff url('../images/teacher/sign-in-v133/background.png') center top / 100% auto no-repeat !important;
}
html body.teacher-signin-reference-page .teacher-signin-reference-hero {
    background: transparent !important;
}
html body.teacher-signin-reference-page .teacher-signin-reference-card::before,
html body.teacher-signin-reference-page .teacher-signin-reference-card::after,
html body.teacher-signin-reference-page .teacher-signin-decoration {
    display: none !important;
}

/* TEACHER-BACK-WIDE-152: keep the back control inside the centered auth canvas. */
html body.teacher-signin-reference-page .teacher-signin-reference-hero > .teacher-signin-reference-back {
    position: absolute !important;
    top: 24px !important;
    left: 25px !important;
}

/* Mobile spacing follows the actual illustration and text height. */
@media (max-width: 720px) {
    html body.teacher-signin-reference-page .teacher-signin-reference-hero > .teacher-signin-reference-back {
        top: 17px !important;
        left: 17px !important;
    }
    html body.teacher-signin-reference-page .teacher-signin-reference-hero {
        min-height: 0;
        padding: 58px 0 12px;
    }
    html body.teacher-signin-reference-page .teacher-signin-reference-brand {
        position: relative;
        top: auto;
        left: auto;
        margin: 0 auto;
        transform: none;
    }
    html body.teacher-signin-reference-page .teacher-signin-reference-heading {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        margin: 8px 18px 0;
    }
}