.notification-wrapper{background-color:var(--color-secondary-100);box-shadow:0 0 10px -5px var(--color-secondary-400);border:1px solid var(--color-secondary-400);border-radius:10px;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:12px;width:100%;max-width:400px;padding:15px;animation:.3s both notification-show;display:flex;position:fixed;top:30px;right:25px;z-index:1111!important}.notification-wrapper .icon .logo{width:20px;height:20px}.notification-wrapper .content-wrapper .heading{color:var(--color-primary-200);margin-bottom:5px;font-size:14px;font-weight:550}.notification-wrapper .content-wrapper .notification{color:var(--color-neutral-300);font-size:14px;font-weight:500}.notification-wrapper .hide-button{cursor:pointer;background:0 0;border:none;position:absolute;top:10px;right:10px}@media (max-width:500px){.notification-wrapper{max-width:100%;right:auto}}@keyframes notification-show{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}
.course-complete-overlay{z-index:10;place-items:center;display:grid;position:fixed;inset:0}.course-complete-backdrop{background-color:#374151bf;position:fixed;inset:0}.course-complete-modal{background-color:var(--color-secondary-200);color:var(--color-neutral-100);border-radius:10px;width:90vw;max-width:500px;padding:30px;position:relative}.course-complete-modal .check-icon{background-color:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto;display:flex}.course-complete-modal .modal-title{text-align:center;color:var(--color-neutral-100);margin:10px 0;font-size:20px;font-weight:600}.course-complete-modal .modal-message{text-align:center;color:var(--color-neutral-100);margin-bottom:20px;font-size:14px}.course-complete-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite course-complete-spin;display:inline-block}@keyframes course-complete-spin{to{transform:rotate(360deg)}}