/* Native confirmation popup, themed by the existing course page. */
.fde-page-body .course-success-dialog,.social-pro-body .course-success-dialog { --course-accent:#ee8f9e; --course-ink:#22141a; position:fixed; width:min(430px,calc(100% - 32px)); padding:38px 30px 28px; border-radius:18px; border:1px solid #ffffff26; background:#19171e; color:#f6f3f7; text-align:center; box-shadow:0 30px 90px #0008; }
.social-pro-body .course-success-dialog { --course-accent:#ffbc0a; --course-ink:#17130a; }
.builder-page .course-success-dialog { --course-accent:#cbed36; --course-ink:#171c0a; }
.course-success-dialog .course-success-close { position:absolute; top:10px; right:12px; display:grid; place-items:center; width:40px; height:40px; border:0; border-radius:50%; background:transparent; color:#b8b0bf; font-size:28px; cursor:pointer; }
.course-success-dialog .course-success-icon { display:grid; place-items:center; width:64px; height:64px; margin:0 auto 22px; border:1px solid var(--course-accent); border-radius:50%; color:var(--course-accent); background:#ffffff03; }
.fde-page-body .course-success-dialog .course-success-label,.social-pro-body .course-success-dialog .course-success-label { font:10px/1.5 Inter,sans-serif; letter-spacing:.12em; color:var(--course-accent); margin:0 0 12px; }
.fde-page-body .course-success-dialog h2,.social-pro-body .course-success-dialog h2 { font-size:28px; line-height:1.15; font-weight:600; letter-spacing:-.04em; margin:0 0 14px; }
.fde-page-body .course-success-dialog #courseSuccessMessage,.social-pro-body .course-success-dialog #courseSuccessMessage { font-size:14px; line-height:1.7; color:#b8aebf; margin:0; }
.course-success-dialog .course-success-actions { display:grid; gap:12px; margin-top:22px; }
.course-success-dialog .course-success-actions:empty { display:none; }
.course-success-dialog .course-success-actions a { width:100%; }
.course-success-dialog .course-success-done { width:100%; min-height:48px; padding:12px 20px; margin-top:24px; border:0; border-radius:7px; background:var(--course-accent); color:var(--course-ink); font:600 14px Inter,sans-serif; cursor:pointer; }
.course-success-dialog :is(button,a):focus-visible { outline:2px solid var(--course-accent); outline-offset:4px; }
.course-success-dialog .course-success-close:hover { background:#ffffff08; color:#fff; }
.course-inline-success { padding:24px 0; color:#d3d8be; outline-offset:5px; }
.course-inline-success > strong { display:block; font-size:20px; font-weight:500; }
.fde-page-body .course-inline-success > p,.social-pro-body .course-inline-success > p { font-size:14px; margin-top:9px; color:#aaa4b2; }
@media(max-width:480px) { .fde-page-body .course-success-dialog,.social-pro-body .course-success-dialog { padding:34px 24px 24px; } }