/* Standalone teacher login announcement. */

body.is-teacher-login-notice-open{overflow:hidden}
.teacher-login-notice{box-sizing:border-box;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:32px;border:1px solid #dce5e8;border-top:5px solid #0077ad;border-radius:16px;background:#fff;color:#142d3d;box-shadow:0 24px 80px #102b3f40;overflow:auto;overflow-wrap:anywhere;word-break:keep-all}
.teacher-login-notice::backdrop{background:#102b3fa8}
.teacher-login-notice h2{margin:0 0 20px;font-size:1.625rem;line-height:1.35;font-weight:700;letter-spacing:-.035em}
.teacher-login-notice p{margin:0;font-size:1rem;line-height:1.9;font-weight:400;color:#405361}
.teacher-login-notice strong{font-weight:700;color:#0077ad}
.teacher-login-notice .teacher-login-notice__example{margin-top:20px;padding:16px;border-radius:10px;background:#f3f7f8;font-size:.9375rem;line-height:1.8}
.teacher-login-notice form{margin-top:26px}
.teacher-login-notice .button{width:100%;min-height:50px}
@media(max-width:480px){.teacher-login-notice{padding:26px 22px}.teacher-login-notice h2{font-size:1.5rem}}

.teacher-login-notice{font-family:"Pretendard","Noto Sans KR","Malgun Gothic",Arial,sans-serif}
.teacher-login-notice .button--primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border:1px solid transparent;border-radius:10px;background:#0077ad;color:#fff;font-size:1rem;font-weight:700;line-height:1.5;box-shadow:none;transform:none}
.teacher-login-notice .button--primary:hover{background:#005d88;box-shadow:none;transform:none}
.teacher-login-notice .button:focus-visible{outline:3px solid #0077ad;outline-offset:3px}