.BadgeEarnedNotificationPopupPresenter_header__clyxM{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-size:cover;background-image:url(/_next/static/media/badge-popup-bg-earned.22703cc9.png)}.BadgeEarnedNotificationPopupPresenter_header__clyxM img{width:50%;height:auto}.BadgeEarnedNotificationPopupPresenter_badgeImage__KjN8B{width:50%;position:relative;top:40px}.BadgeEarnedNotificationPopupPresenter_modalBodyInner__tPStt{padding-top:27px}.BadgeEarnedNotificationPopupPresenter_badgeTitle__bEcoF{margin-bottom:8px}.BadgeEarnedNotificationPopupPresenter_badgeDescription__wv8Kt{white-space:pre-wrap}.CourseCompletionNotificationPopupPresenter_thumbnailWrapper__YpA1u{padding:24px}.CourseCompletionNotificationPopupPresenter_thumbnail__Jn6BA{width:100%;height:auto;border-radius:8px;border:1px solid var(--color-border-default)}.CourseCompletionNotificationPopupPresenter_buttonToolbar__X4B8K{display:flex;justify-content:center;gap:16px;max-width:450px}@media screen and (max-width:544px){.CourseCompletionNotificationPopupPresenter_buttonToolbar__X4B8K{max-width:100%;flex-direction:column}}.PracticalSectionResultNotificationPopupPresenter_gradeA__vCVLP{background-color:#ecd5d4;background-image:url(/_next/static/media/modal_bg_hanahubuki.970dc122.png)}.PracticalSectionResultNotificationPopupPresenter_gradeB__omCk_{background-color:#e5eeeb;background-image:url(/_next/static/media/modal_bg.b8e032be.png)}.PracticalSectionResultNotificationPopupPresenter_gradeC__s4Mud{background-color:#eef6f8;background-image:url(/_next/static/media/modal_bg.b8e032be.png)}.PracticalSectionResultNotificationPopupPresenter_thumbnailWrapper__YP2GV{padding:24px}.PracticalSectionResultNotificationPopupPresenter_thumbnail__Q9tzN{background-size:cover;border-radius:30px;padding-bottom:37px;width:100%;height:auto}@media screen and (max-width:544px){.PracticalSectionResultNotificationPopupPresenter_thumbnail__Q9tzN{border-radius:12px;padding-bottom:20px}}.PracticalSectionResultNotificationPopupPresenter_thumbnail__Q9tzN .PracticalSectionResultNotificationPopupPresenter_scoreWrapper__o7YzD{display:flex;justify-content:center}.PracticalSectionResultNotificationPopupPresenter_thumbnail__Q9tzN .PracticalSectionResultNotificationPopupPresenter_scoreWrapper__o7YzD .PracticalSectionResultNotificationPopupPresenter_score__G3RfI{margin:67px 0 30px;padding:0 30px;border-bottom:1px solid #363647;display:flex;align-items:baseline}@media screen and (max-width:544px){.PracticalSectionResultNotificationPopupPresenter_thumbnail__Q9tzN .PracticalSectionResultNotificationPopupPresenter_scoreWrapper__o7YzD .PracticalSectionResultNotificationPopupPresenter_score__G3RfI{margin:32px 0 24px;padding:0 16px}}.PracticalSectionResultNotificationPopupPresenter_thumbnail__Q9tzN .PracticalSectionResultNotificationPopupPresenter_scoreWrapper__o7YzD .PracticalSectionResultNotificationPopupPresenter_score__G3RfI .PracticalSectionResultNotificationPopupPresenter_scoreText__chgZq{font-family:europa,sans-serif;font-size:120px;font-weight:700;letter-spacing:2.68645px;color:#363647}@media screen and (max-width:544px){.PracticalSectionResultNotificationPopupPresenter_thumbnail__Q9tzN .PracticalSectionResultNotificationPopupPresenter_scoreWrapper__o7YzD .PracticalSectionResultNotificationPopupPresenter_score__G3RfI .PracticalSectionResultNotificationPopupPresenter_scoreText__chgZq{font-size:64px}}.PracticalSectionResultNotificationPopupPresenter_thumbnail__Q9tzN .PracticalSectionResultNotificationPopupPresenter_titles__uJ6o0{background-color:var(--color-bg-white);margin:0 80px;padding:8px 0}@media screen and (max-width:544px){.PracticalSectionResultNotificationPopupPresenter_thumbnail__Q9tzN .PracticalSectionResultNotificationPopupPresenter_titles__uJ6o0{margin:0 20px;padding:8px 0}}.PracticalSectionResultNotificationPopupPresenter_thumbnail__Q9tzN .PracticalSectionResultNotificationPopupPresenter_titles__uJ6o0 .PracticalSectionResultNotificationPopupPresenter_sectionTitle__dBGsj{color:#4c6072}.PracticalSectionResultNotificationPopupPresenter_buttonToolbar__Fgo28{display:flex;justify-content:center;width:100%;gap:16px;max-width:450px}@media screen and (max-width:544px){.PracticalSectionResultNotificationPopupPresenter_buttonToolbar__Fgo28{max-width:100%;flex-direction:column}}