:is(.courses-shell,.course-code-cover) .cp-scene{--scene-frame:#fff;--scene-paper:#fff;--scene-ink:#1e2b38;--scene-ink-soft:#566472;--scene-pencil:#8c96a1;--scene-lake:#2b6ca3;--scene-lake-ink:#1b4e7a;--scene-copper:#cc5f2a;--scene-copper-ink:#a04416;--scene-plum:#7a6388;--scene-plum-ink:#5e4670;--scene-rose:#c0566f;--scene-rose-ink:#98324d;--scene-indigo:#3f4e8c;--scene-indigo-ink:#2e3a70;--scene-slate:#6a7888;--scene-saffron:#f2bd16;--scene-shadow:#4f7fac;--scene-success:var(--cp-success-deep,var(--color-success));--scene-wash-blend:multiply;--scene-shadow-blend:multiply;--scene-wash-strength:1;--scene-shadow-strength:1;background:var(--scene-frame);width:100%;height:100%;font-family:var(--cp-display,var(--font-serif));display:block}.dark :is(.courses-shell,.course-code-cover) .cp-scene{--scene-frame:#111922;--scene-paper:#1a2330;--scene-ink:#dce4ec;--scene-ink-soft:#a9b5c2;--scene-pencil:#7d8894;--scene-lake:#4e8ed0;--scene-lake-ink:#a3ccf2;--scene-copper:#db7a4e;--scene-copper-ink:#f4a882;--scene-plum:#b6a4c5;--scene-plum-ink:#d3c5de;--scene-rose:#d9859a;--scene-rose-ink:#f2b6c4;--scene-indigo:#7383cc;--scene-indigo-ink:#b5c0ee;--scene-slate:#8795a5;--scene-saffron:#ffd964;--scene-shadow:#02060b;--scene-wash-blend:screen;--scene-shadow-blend:normal;--scene-shadow-strength:2.2}:is(.courses-shell,.course-code-cover) .cp-scene .paper{fill:var(--scene-paper)}:is(.courses-shell,.course-code-cover) .cp-scene .veil{fill:var(--scene-frame)}:is(.courses-shell,.course-code-cover) .cp-scene .ink{fill:none;stroke-linecap:round;stroke-linejoin:round}:is(.courses-shell,.course-code-cover) .cp-scene .ink-ink{stroke:var(--scene-ink)}:is(.courses-shell,.course-code-cover) .cp-scene .ink-soft{stroke:var(--scene-ink-soft)}:is(.courses-shell,.course-code-cover) .cp-scene .ink-pencil{stroke:var(--scene-pencil)}:is(.courses-shell,.course-code-cover) .cp-scene .ink-lake{stroke:var(--scene-lake-ink)}:is(.courses-shell,.course-code-cover) .cp-scene .ink-copper{stroke:var(--scene-copper)}:is(.courses-shell,.course-code-cover) .cp-scene .ink-plum{stroke:var(--scene-plum-ink)}:is(.courses-shell,.course-code-cover) .cp-scene .ink-rose{stroke:var(--scene-rose-ink)}:is(.courses-shell,.course-code-cover) .cp-scene .ink-indigo{stroke:var(--scene-indigo-ink)}:is(.courses-shell,.course-code-cover) .cp-scene .ink-success{stroke:var(--scene-success)}:is(.courses-shell,.course-code-cover) .cp-scene .ink-mask{stroke:#fff}:is(.courses-shell,.course-code-cover) .cp-scene .ink-dashed{stroke-dasharray:4 5}:is(.courses-shell,.course-code-cover) .cp-scene .words{stroke:none}:is(.courses-shell,.course-code-cover) .cp-scene .words-ink{fill:var(--scene-ink)}:is(.courses-shell,.course-code-cover) .cp-scene .words-soft{fill:var(--scene-ink-soft)}:is(.courses-shell,.course-code-cover) .cp-scene .words-pencil{fill:var(--scene-pencil)}:is(.courses-shell,.course-code-cover) .cp-scene .words-lake{fill:var(--scene-lake-ink)}:is(.courses-shell,.course-code-cover) .cp-scene .words-copper{fill:var(--scene-copper-ink)}:is(.courses-shell,.course-code-cover) .cp-scene .words-plum{fill:var(--scene-plum-ink)}:is(.courses-shell,.course-code-cover) .cp-scene .words-rose{fill:var(--scene-rose-ink)}:is(.courses-shell,.course-code-cover) .cp-scene .words-indigo{fill:var(--scene-indigo-ink)}:is(.courses-shell,.course-code-cover) .cp-scene .brush{stroke:none}:is(.courses-shell,.course-code-cover) .cp-scene .brush-ink{fill:var(--scene-ink)}:is(.courses-shell,.course-code-cover) .cp-scene .brush-soft{fill:var(--scene-ink-soft)}:is(.courses-shell,.course-code-cover) .cp-scene .brush-pencil{fill:var(--scene-pencil)}:is(.courses-shell,.course-code-cover) .cp-scene .brush-lake{fill:var(--scene-lake-ink)}:is(.courses-shell,.course-code-cover) .cp-scene .brush-copper{fill:var(--scene-copper)}:is(.courses-shell,.course-code-cover) .cp-scene .brush-plum{fill:var(--scene-plum-ink)}:is(.courses-shell,.course-code-cover) .cp-scene .brush-rose{fill:var(--scene-rose-ink)}:is(.courses-shell,.course-code-cover) .cp-scene .brush-indigo{fill:var(--scene-indigo-ink)}:is(.courses-shell,.course-code-cover) .cp-scene .is-italic{font-style:italic}:is(.courses-shell,.course-code-cover) .cp-scene .face-display{font-weight:500}:is(.courses-shell,.course-code-cover) .cp-scene .face-mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}:is(.courses-shell,.course-code-cover) .cp-scene .wash{mix-blend-mode:var(--scene-wash-blend);opacity:calc(var(--o,.3) * var(--scene-wash-strength))}:is(.courses-shell,.course-code-cover) .cp-scene .wash-lake{fill:var(--scene-lake)}:is(.courses-shell,.course-code-cover) .cp-scene .wash-copper{fill:var(--scene-copper)}:is(.courses-shell,.course-code-cover) .cp-scene .wash-plum{fill:var(--scene-plum)}:is(.courses-shell,.course-code-cover) .cp-scene .wash-rose{fill:var(--scene-rose)}:is(.courses-shell,.course-code-cover) .cp-scene .wash-indigo{fill:var(--scene-indigo)}:is(.courses-shell,.course-code-cover) .cp-scene .wash-slate{fill:var(--scene-slate)}:is(.courses-shell,.course-code-cover) .cp-scene .wash-saffron{fill:var(--scene-saffron)}.dark :is(.courses-shell,.course-code-cover) .cp-scene .wash-saffron{opacity:calc(var(--o,.3) * 1.9)}:is(.courses-shell,.course-code-cover) .cp-scene .wash-success{fill:var(--scene-success)}:is(.courses-shell,.course-code-cover) .cp-scene .wash-shadow{fill:var(--scene-shadow);mix-blend-mode:var(--scene-shadow-blend);opacity:calc(var(--o,.2) * var(--scene-shadow-strength))}:is(.courses-shell,.course-code-cover) .cp-scene .m-draw{stroke-dasharray:1 2;stroke-dashoffset:0}:is(.courses-shell,.course-code-cover) .cp-scene .m-life{opacity:0}:is(.courses-shell,.course-code-cover) .cp-scene.is-playing .m-draw{animation:cp-scene-draw var(--d,.8s) cubic-bezier(.55,.05,.25,1) var(--t,0s) both}:is(.courses-shell,.course-code-cover) .cp-scene.is-playing .m-bloom{transform-box:fill-box;transform-origin:var(--origin,50% 50%);animation:cp-scene-bloom var(--d,1.2s) cubic-bezier(.2,.75,.25,1) var(--t,0s) both}:is(.courses-shell,.course-code-cover) .cp-scene.is-playing .m-sweep{animation:cp-scene-write var(--d,1s) linear var(--t,0s) both}:is(.courses-shell,.course-code-cover) .cp-scene.is-playing .m-write{animation:cp-scene-write var(--d,.7s) cubic-bezier(.35,.1,.35,1) var(--t,0s) both}:is(.courses-shell,.course-code-cover) .cp-scene.is-playing .m-fade{animation:cp-scene-fade var(--d,.5s) ease-out var(--t,0s) both}:is(.courses-shell,.course-code-cover) .cp-scene.is-playing .m-life{animation:cp-scene-life var(--d,1s) linear var(--t,0s) both}:is(.courses-shell,.course-code-cover) .cp-scene.is-playing .m-carry-x{animation:cp-scene-carry-x var(--d,1.1s) cubic-bezier(.45,0,.2,1) var(--t,0s) both}:is(.courses-shell,.course-code-cover) .cp-scene.is-playing .m-carry-x.m-held{animation-name:cp-scene-carry-x-held}:is(.courses-shell,.course-code-cover) .cp-scene.is-playing .m-carry-y{animation:cp-scene-carry-y var(--d,1.1s) linear var(--t,0s) both}:is(.courses-shell,.course-code-cover) .cp-scene.is-playing .m-scale{transform-box:fill-box;transform-origin:50%;animation:cp-scene-scale var(--d,.8s) cubic-bezier(.2,.7,.3,1) var(--t,0s) both}:is(.courses-shell,.course-code-cover) .cp-scene.is-playing .m-slide{animation:cp-scene-slide var(--d,1s) linear var(--t,0s) both}:is(.courses-shell,.course-code-cover) .cp-scene.is-playing .m-turn{transform-box:view-box;transform-origin:var(--ox) var(--oy);animation:cp-scene-turn var(--d,1s) cubic-bezier(.45,0,.25,1) var(--t,0s) both}:is(.courses-shell,.course-code-cover) .cp-scene.is-playing .m-grow{transform-box:fill-box;transform-origin:var(--origin,50% 100%);animation:cp-scene-grow var(--d,.8s) cubic-bezier(.25,.7,.3,1) var(--t,0s) both}@keyframes cp-scene-draw{0%{stroke-dashoffset:1px;opacity:0}1%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes cp-scene-bloom{0%{opacity:0;transform:scale(.55)}}@keyframes cp-scene-write{0%{clip-path:inset(-45% 100% -45% -3%)}to{clip-path:inset(-45% -3%)}}@keyframes cp-scene-fade{0%{opacity:0}}@keyframes cp-scene-life{0%{opacity:1}82%{opacity:1}to{opacity:0}}@keyframes cp-scene-carry-x{0%{transform:translateX(var(--dx));opacity:0}12%{opacity:1}to{opacity:1;transform:translate(0)}}@keyframes cp-scene-carry-x-held{0%{transform:translateX(var(--dx))}}@keyframes cp-scene-carry-y{0%{transform:translateY(var(--dy));animation-timing-function:cubic-bezier(.2,.6,.4,1)}45%{transform:translateY(calc(var(--dy) * .5 - var(--lift,26px)));animation-timing-function:cubic-bezier(.5,0,.5,1)}to{transform:translateY(0)}}@keyframes cp-scene-scale{0%{transform:scale(var(--s0,1))}}@keyframes cp-scene-slide{0%{transform:translateX(var(--dx))}}@keyframes cp-scene-turn{0%{transform:rotate(var(--r0))}}@keyframes cp-scene-grow{0%{transform:scale(var(--gx),var(--gy))}}:is(.courses-shell,.course-code-cover) .cp-scene .shape{stroke:none;opacity:var(--o,1)}:is(.courses-shell,.course-code-cover) .cp-scene .shape-ink{fill:var(--scene-ink)}:is(.courses-shell,.course-code-cover) .cp-scene .shape-soft{fill:var(--scene-ink-soft)}:is(.courses-shell,.course-code-cover) .cp-scene .shape-paper{fill:var(--scene-paper)}:is(.courses-shell,.course-code-cover) .cp-scene .shape-lake{fill:var(--scene-lake)}:is(.courses-shell,.course-code-cover) .cp-scene .shape-copper{fill:var(--scene-copper)}:is(.courses-shell,.course-code-cover) .cp-scene .shape-plum{fill:var(--scene-plum)}:is(.courses-shell,.course-code-cover) .cp-scene .shape-rose{fill:var(--scene-rose)}:is(.courses-shell,.course-code-cover) .cp-scene .shape-indigo{fill:var(--scene-indigo)}:is(.courses-shell,.course-code-cover) .cp-scene .shape-slate{fill:var(--scene-slate)}:is(.courses-shell,.course-code-cover) .cp-scene .shape-saffron{fill:var(--scene-saffron)}:is(.courses-shell,.course-code-cover) .cp-scene .shape-success{fill:var(--scene-success)}:is(.courses-shell,.course-code-cover) .cp-scene.is-playing .m-gentle-drift{animation:cp-scene-gentle-drift var(--d,2.4s) cubic-bezier(.45,0,.25,1) var(--t,.3s) both}:is(.courses-shell,.course-code-cover) .cp-scene.is-playing .m-gentle-emphasis{transform-box:fill-box;transform-origin:var(--origin,50% 50%);animation:cp-scene-gentle-emphasis var(--d,2.4s) ease-in-out var(--t,.3s) both}:is(.courses-shell,.course-code-cover) .cp-scene.is-playing .m-gentle-dissolve{animation:cp-scene-gentle-dissolve var(--d,2.4s) ease-in-out var(--t,.3s) both}@keyframes cp-scene-gentle-drift{0%{transform:translate(var(--dx,0px),var(--dy,0px))}}@keyframes cp-scene-gentle-emphasis{50%{transform:scale(1.05)}}@keyframes cp-scene-gentle-dissolve{0%{opacity:0}}@media (prefers-reduced-motion:reduce){:is(.courses-shell,.course-code-cover) .cp-scene.is-playing *{animation:none!important}}
:where(.course-code-cover){aspect-ratio:16/9;display:block;position:relative;overflow:hidden}:where(.course-code-cover)>.cp-scene{position:absolute;inset:0}.course-code-cover{container-type:size}@container (not (max-aspect-ratio:3)) or (not (min-width:240px)){.course-code-cover .cp-scene text{visibility:hidden}}.course-code-cover[data-cover-motion=held] .cp-scene *{animation-play-state:paused!important}