.cos-loading-active{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important;z-index:5!important;display:grid!important;background:#f6f9fc!important;color:#213b4b!important;overflow:hidden;opacity:1;transition:opacity .22s ease;isolation:isolate}.cos-loading-active[hidden]{display:none!important}.cos-loading-active.is-ready{opacity:0}.cos-loading-shell{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:260px;overflow:hidden;background:radial-gradient(ellipse at 22% 25%,#e5f4f3 0,transparent 56%),radial-gradient(ellipse at 83% 80%,#e7effb 0,transparent 50%),#f8fafc}.cos-loading-wash{position:absolute;inset:0;opacity:.45;background-image:radial-gradient(#8197a033 .8px,transparent .8px);background-size:22px 22px;mask-image:linear-gradient(transparent,#000,transparent);pointer-events:none}.cos-loading-content{position:relative;width:min(430px,84%);text-align:center;padding:28px 12px;box-sizing:border-box;font-family:inherit}.cos-loading-kicker{display:flex;justify-content:center;align-items:center;gap:7px;color:#718792;font-size:11px;font-weight:500;letter-spacing:2px}.cos-loading-kicker>span{width:6px;height:6px;border-radius:50%;background:#168f84;box-shadow:0 0 0 4px #168f8410}.cos-loading-visual{position:relative;width:146px;height:126px;margin:20px auto 12px}.cos-loading-paper{position:absolute;width:85px;height:104px;border-radius:10px;border:1px solid #d8e4eb;background:#fff;box-shadow:0 12px 28px #405b7410}.paper-back{top:2px;left:23px;transform:rotate(-13deg);background:#eaf1f8}.paper-front{top:10px;left:40px;transform:rotate(8deg)}.cos-loading-paper-tag{position:absolute;top:14px;left:13px;background:#e5f4f0;color:#258172;border-radius:5px;padding:3px 7px;font-size:11px;font-weight:700}.cos-loading-paper-lines{position:absolute;top:53px;left:13px;right:13px;display:grid;gap:6px}.cos-loading-paper-lines i{height:5px;border-radius:8px;background:#e4ecf1}.cos-loading-paper-lines i:nth-child(2){width:74%}.cos-loading-paper-lines i:nth-child(3){width:45%}.cos-loading-ring{position:absolute;right:-4px;bottom:-5px;width:59px;height:59px;transform:rotate(-90deg);filter:drop-shadow(0 4px 7px #247d7418)}.cos-loading-ring circle{fill:white;stroke-width:5}.cos-loading-ring .ring-track{stroke:#dce9e9}.cos-loading-ring .ring-fill{fill:none;stroke:#168b80;stroke-linecap:round;stroke-dasharray:var(--loading-percent,0) 100;transition:stroke-dasharray .4s ease}.cos-loading-mark{position:absolute;bottom:13px;right:17px;font-size:15px;color:#168b80}.cos-loading-visual.is-indeterminate .ring-fill{stroke-dasharray:22 78;animation:cos-loading-orbit 1.7s linear infinite}.cos-loading-visual.is-indeterminate .paper-back{animation:cos-loading-breathe 3s ease-in-out infinite}.cos-loading-content h2{margin:10px 0 8px;color:#263e50;font-size:21px;font-weight:650;letter-spacing:.3px;line-height:1.35;overflow-wrap:anywhere}.cos-loading-tags{display:flex;justify-content:center;gap:7px;margin:8px 0 18px}.cos-loading-tags span{border:1px solid #dce7ee;background:#ffffff88;color:#7c909d;border-radius:5px;font-size:10px;padding:2px 6px}.cos-loading-content h3{margin:0 0 6px;font-size:14px;color:#405c6c;font-weight:500}.cos-loading-content>p{margin:0;color:#8699a4;font-size:11px;line-height:1.6}.cos-loading-progress-box{max-width:320px;margin:20px auto 0;min-height:32px}.cos-loading-progress-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:10px}.cos-loading-progress-meta b{font-weight:500;color:#3c7976}.cos-loading-progress-meta small{color:#8b9da7;font-size:10px;white-space:nowrap}.cos-loading-progress{height:5px;background:#dce8e9;border-radius:20px;overflow:hidden;margin-top:9px}.cos-loading-progress[hidden]{display:none!important}.cos-loading-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#249b91,#63b6ad);border-radius:20px;transition:width .4s cubic-bezier(.22,1,.36,1)}.cos-loading-steps{display:flex;justify-content:center;gap:20px;padding:0;list-style:none;margin:12px auto 0}.cos-loading-steps li{display:flex;align-items:center;gap:6px;color:#a0aeba;font-size:11px;white-space:nowrap}.cos-loading-steps i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e8eef2;color:#93a4ae;font-size:10px;font-style:normal}.cos-loading-steps li[data-state=active]{color:#217f78}.cos-loading-steps li[data-state=active] i{background:#dcefeb;color:#1c897d;box-shadow:0 0 0 3px #dcefeb55}.cos-loading-steps li[data-state=done]{color:#6c8987}.cos-loading-steps li[data-state=done] i{background:#e7f2ee;color:#42977e}.cos-loading-content>.cos-loading-footnote{font-size:10px;color:#9baab3;margin-top:21px}.cos-loading-active button{font:inherit}.platform-ppt-stage:has(.cos-loading-active),.courseos-wb-canvas:has(.cos-loading-active){background:#f8fafc!important}@keyframes cos-loading-orbit{to{stroke-dashoffset:-100}}@keyframes cos-loading-breathe{50%{transform:translateY(-5px) rotate(-10deg)}}@media(prefers-reduced-motion:reduce){.cos-loading-active,.cos-loading-progress>span,.cos-loading-ring .ring-fill{transition:none!important}.cos-loading-visual.is-indeterminate .ring-fill,.cos-loading-visual.is-indeterminate .paper-back{animation:none!important}.cos-loading-visual.is-indeterminate .ring-fill{stroke-dasharray:55 45}}@media(max-height:600px){.cos-loading-content{padding:16px 10px}.cos-loading-visual{margin:12px auto 8px;transform:scale(.88);height:110px}.cos-loading-content h2{font-size:19px}.cos-loading-tags{margin-bottom:12px}.cos-loading-progress-box{margin-top:14px}.cos-loading-content>.cos-loading-footnote{margin-top:14px}}@media(max-width:480px){.cos-loading-steps{gap:12px}.cos-loading-content{width:92%}.cos-loading-content h2{font-size:18px}.cos-loading-progress-box{max-width:270px}}