@layer components.courses.common.hero{.NLIgKj{background-color:#fff;background-image:linear-gradient(to bottom,var(--hero-dark-primary,var(--course-primary)),var(--course-primary) 90px,var(--course-primary-400) 216px,var(--hero-final-stop,#fff) 360px);background-repeat:no-repeat;background-size:100% 100%;margin:calc(var(--header-height)*-1) 0 0;min-height:360px;overflow:hidden;padding:var(--header-height) 0 0;position:relative}@supports(color:color-mix(in srgb,var(--course-primary ),black 30%)){.NLIgKj{--hero-dark-primary:color-mix(in srgb,var(--course-primary),#000 30%)}}._0oPLEK{display:block;margin:0 auto;max-width:1400px;padding:16px;position:relative;z-index:10}@media(min-width:768px){._0oPLEK{padding-left:24px;padding-right:24px}}.tsayHb{display:grid;grid-template:"image      " auto "description" auto "info       " auto/auto;place-items:center center;grid-gap:12px;gap:12px;margin:0 auto}@media(min-width:768px){.tsayHb{gap:0;grid-template:".       image   .       .           .      " minmax(0,1fr) ".       image   .       description .      " auto ".       image   .       info        .      " auto ".       image   .       .           .      " minmax(0,1fr) ".       .       .       .           .      " 32px "actions actions actions actions     actions" auto ".       .       .       .           .      " minmax(0,9999999fr)/minmax(0,1fr) auto 48px auto minmax(0,1fr)}}.tsayHb{padding-bottom:60vw}@media(min-width:768px){.tsayHb{padding-bottom:43vw}}@media(min-width:1024px){.tsayHb{padding-bottom:32vw}}@media(min-width:1600px){.tsayHb{min-height:800px;padding-bottom:0}}.S6_0Xs{display:block;grid-area:image;margin:0}._7Tejgl{display:block;filter:drop-shadow(1px 1px 0 rgba(51,51,51,.5)) drop-shadow(2px 2px 3px rgba(51,51,51,.8));height:auto;max-width:min(400px,66vw);width:100%}@media(min-width:768px){._7Tejgl{width:32vw}}@media(min-width:1024px){._7Tejgl{max-width:400px;width:100vw}}._7qdwtx{overflow-wrap:break-word;word-break:keep-all;-webkit-text-stroke:#fff 4px;color:#333;font-feature-settings:"palt";font-size:24px;font-weight:700;grid-area:description;margin:0;paint-order:stroke;stroke-linecap:round;stroke-linejoin:round;text-align:center}@media(min-width:768px){._7qdwtx{color:#fff;font-size:30px;-webkit-text-stroke-width:0;paint-order:normal;text-align:left;text-shadow:1px 1px 0 rgba(51,51,51,.75)}}@media(min-width:1024px){._7qdwtx{font-size:34px}}.tevL8p{display:flex;flex-wrap:wrap;gap:6px;grid-area:info;justify-content:center;list-style:none;margin:0;padding:0}@media(min-width:768px){.tevL8p{margin-top:16px}}.tevL8p .OV0LHD{align-items:center;background:#fff;border:solid var(--course-primary);border-radius:8px;border-width:2px 2px 4px;color:var(--course-primary);display:flex;list-style:none;padding:6px 12px}@media(min-width:768px){.tevL8p .OV0LHD{padding:8px 16px}}.tevL8p .l9U5DB{--vertical-crop-mode:text;--vertical-crop-mode-upper:var(--vertical-crop-mode);--vertical-crop-mode-lower:var(--vertical-crop-mode)}@supports(text-box-edge:ideographic){.tevL8p .l9U5DB{--vertical-crop-mode:ideographic}}@supports(text-box:trim-both text text){.tevL8p .l9U5DB{text-box:trim-both var(--vertical-crop-mode-upper) var(--vertical-crop-mode-lower)}}@supports not (text-box:trim-both text text){.tevL8p .l9U5DB{line-height:1.5}@supports(height:1lh){.tevL8p .l9U5DB:not(_){margin-bottom:calc(.5em - .5lh);margin-top:calc(.5em - .5lh)}}@supports not (height:1lh){.tevL8p .l9U5DB:not(_){margin-bottom:-.25em;margin-top:-.25em}}}.tevL8p .l9U5DB{display:block;font-size:14px;font-weight:700}@media(min-width:768px){.tevL8p .l9U5DB{font-size:min(2vw,20px)}}.tevL8p .l9U5DB>big{font-size:1.25em}.dOyEc2{align-items:center;display:none;grid-area:actions;justify-content:center}@media(min-width:768px){.dOyEc2{display:flex}}.kiPQuY{bottom:0;contain:paint;overflow:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.EI4j7s,.kiPQuY{display:block;left:0;position:absolute;right:0;top:0}.EI4j7s{--texture-height:360px;height:var(--texture-height);-webkit-mask:linear-gradient(180deg,transparent 10%,#000 30%,#000 40%,transparent 80%);mask:linear-gradient(180deg,transparent 10%,#000 30%,#000 40%,transparent 80%);mix-blend-mode:overlay;perspective:400px;width:100%}.EI4j7s+.EI4j7s{--sky-transform-b:translateZ(-4px)}@keyframes _0ineCq{0%{transform:rotateX(-45deg) var(--sky-transform-a, ) var(--sky-transform-b, )}to{transform:rotateX(-45deg) var(--sky-transform-a, ) var(--sky-transform-b, ) translateY(calc(var(--texture-height)*-1))}}.mb5kas{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAAnRSTlMAAHaTzTgAAAA8SURBVHjadc65DQAwAMLA239oK2V+OiwQgIAqq6b74+oGpOyqux7qDARVAdlB51KBQunxISQKAUFRqWoAveBKa7c2QI4AAAAASUVORK5CYII=") repeat 50%/var(--texture-height) var(--texture-height);height:var(--texture-height);image-rendering:crisp-edges;image-rendering:pixelated;left:0;opacity:.15;position:absolute;right:0;top:0;transform:rotateX(-45deg) var(--sky-transform-a, ) var(--sky-transform-b, );transform-origin:center bottom;width:100%}.mb5kas+.mb5kas{display:none;--sky-transform-a:translateY(var(--texture-height))}@media(prefers-reduced-motion:no-preference){.mb5kas{animation:_0ineCq 10s linear infinite}.mb5kas+.mb5kas{display:block}}.bUI8Zf{display:block}.bUI8Zf>img{bottom:0;display:block;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center bottom;object-position:center bottom;position:absolute;width:100%}@media(min-width:1600px){.bUI8Zf>img{height:100%;top:0}}.E3xOeC{padding:16px 16px 20px}.E3xOeC .DKgYaJ{font-size:min(5.8vw,22px);padding-left:24px;padding-right:24px;width:100%}@media(min-width:768px){.E3xOeC{display:none}}}@layer components.courses.makecode-standard{@media(min-width:768px){._7qdwtx{font-size:clamp(26px,1.724vw + 12.759px,30px)}}@media(min-width:1024px){._7qdwtx{font-size:33px}}@media(min-width:768px){.mU5PNa{-o-object-fit:contain;object-fit:contain}}@media(min-width:1600px){.mU5PNa{-o-object-fit:cover;object-fit:cover}}}
@layer components.courses.makecode-standard.cta{.EN_NXR{--logo-width:min(480px,75vw);display:flex;flex-direction:column;gap:calc(var(--logo-width)*.025)}.dlsVaX{white-space:nowrap}.aG3UeY{--v-margin-multiply:-0.052;display:inline-block;filter:drop-shadow(2px 2px rgba(51,51,51,.2));height:auto;margin:calc(var(--logo-width)*var(--v-margin-multiply)) 0;margin-right:.1em;max-width:100%;vertical-align:baseline;width:var(--logo-width)}@supports(width:calc(1% / 1px * 1px)){@media(min-width:768px){.aG3UeY{--v-margin-multiply:calc(clamp(0.037px, calc(0.0000864198 * 100vw + -0.0293703704px), 0.051px) / -1px)}}@media(min-width:1024px){.aG3UeY{--v-margin-multiply:calc(clamp(0.043px, calc(0.0000754717 * 100vw + -0.0342830189px), 0.051px) / -1px)}}}._5Uz9Go{bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:10}}
@layer components.courses.makecode-standard.curriculum{._1Ydxc5{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border-radius:12px;box-shadow:0 4px 8px rgba(51,51,51,.05);container:curriculum/inline-size;display:grid;grid-template-columns:auto 1fr;isolation:isolate;margin:0 auto;max-width:800px;overflow:hidden;place-items:stretch}._1Ydxc5 tbody,._1Ydxc5 tfoot,._1Ydxc5 thead,._1Ydxc5 tr{display:contents}._013Can{display:block;margin:0;padding:0;white-space:nowrap}@supports(grid-row-end:span attr(rowspan type(<number>),1)){._013Can{grid-row-end:span attr(rowspan type(<number>),1)}}@supports not (grid-row-end:span attr(rowspan type(<number>),1)){._013Can[rowspan="2"]{grid-row-end:span 2}._013Can[rowspan="3"]{grid-row-end:span 3}._013Can[rowspan="4"]{grid-row-end:span 4}._013Can[rowspan="5"]{grid-row-end:span 5}._013Can[rowspan="6"]{grid-row-end:span 6}._013Can[rowspan="7"]{grid-row-end:span 7}._013Can[rowspan="8"]{grid-row-end:span 8}._013Can[rowspan="9"]{grid-row-end:span 9}._013Can[rowspan="10"]{grid-row-end:span 10}._013Can[rowspan="11"]{grid-row-end:span 11}._013Can[rowspan="12"]{grid-row-end:span 12}}._1Ydxc5 tr:not(:last-of-type) th._013Can{filter:drop-shadow(0 1px 0 rgba(255,255,255,.25))}._1Ydxc5 tr:first-of-type th._013Can{z-index:19}._1Ydxc5 tr:nth-of-type(2) th._013Can{z-index:18}._1Ydxc5 tr:nth-of-type(3) th._013Can{z-index:17}._1Ydxc5 tr:nth-of-type(4) th._013Can{z-index:16}._1Ydxc5 tr:nth-of-type(5) th._013Can{z-index:15}._1Ydxc5 tr:nth-of-type(6) th._013Can{z-index:14}._1Ydxc5 tr:nth-of-type(7) th._013Can{z-index:13}._1Ydxc5 tr:nth-of-type(8) th._013Can{z-index:12}._1Ydxc5 tr:nth-of-type(9) th._013Can{z-index:11}._1Ydxc5 tr:nth-of-type(10) th._013Can{z-index:10}._1Ydxc5 tr:nth-of-type(11) th._013Can{z-index:9}._1Ydxc5 tr:nth-of-type(12) th._013Can{z-index:8}._1Ydxc5 tr:nth-of-type(13) th._013Can{z-index:7}._1Ydxc5 tr:nth-of-type(14) th._013Can{z-index:6}._1Ydxc5 tr:nth-of-type(15) th._013Can{z-index:5}._1Ydxc5 tr:nth-of-type(16) th._013Can{z-index:4}._1Ydxc5 tr:nth-of-type(17) th._013Can{z-index:3}._1Ydxc5 tr:nth-of-type(18) th._013Can{z-index:2}._1Ydxc5 tr:nth-of-type(19) th._013Can{z-index:1}._1Ydxc5 tr:nth-of-type(20) th._013Can{z-index:0}.tj_DjL{--arrow-height:8px;background:var(--course-primary) linear-gradient(to bottom,rgba(255,255,255,var(--bg-opacity,.9)),rgba(255,255,255,var(--bg-opacity,.9)));clip-path:polygon(0 0,100% 0,100% calc(100% - var(--arrow-height)),50% 100%,0 calc(100% - var(--arrow-height)));display:grid;font-feature-settings:"palt";font-size:18px;font-weight:700;height:calc(100% + var(--arrow-height));padding:.35em .75em calc(.35em + var(--arrow-height));place-items:center;width:100%}@media(min-width:768px){.tj_DjL{font-size:20px}}.tj_DjL[data-level="1"]{--bg-opacity:0.92}.tj_DjL[data-level="2"]{--bg-opacity:0.84}.tj_DjL[data-level="3"]{--bg-opacity:0.76}.tj_DjL[data-level="4"]{--bg-opacity:0.68}.tj_DjL[data-level="5"]{--bg-opacity:0.6}.bXYTRJ{position:relative;-webkit-text-stroke:2px #fff;paint-order:stroke}.bXYTRJ small{font-size:.75em}._1Ydxc5 tr:not(:first-of-type) .bXYTRJ{top:calc(var(--arrow-height)*.5)}.TQklF6{--padding-v:12px;--padding-h:18px;display:grid;grid-gap:var(--padding-v) var(--padding-h);align-items:start;gap:var(--padding-v) var(--padding-h);grid-template:". .    " 0 ". text " auto ". block" auto/0 1fr;height:100%;overflow:hidden;width:100%}@container (width >= 480px){.TQklF6{grid-template:". .    .    " 0 ". text block" auto ". image block" auto/0 2fr 3fr}}._1Ydxc5 tr:not(:first-of-type) .TQklF6{border-top:1px solid #f5f5f5}.NKtMUu{grid-area:text;margin:0}.NKtMUu strong{font-size:18px;font-weight:700}@media(min-width:768px){.NKtMUu strong{font-size:20px}}.Ez_6_6{display:none;grid-area:image;height:auto;max-width:100%;place-self:end center}@container (width >= 480px){.Ez_6_6{display:block}}.uaw5i0{display:block;filter:drop-shadow(6px 6px rgba(51,51,51,.4));grid-area:block;height:auto;max-width:100%;place-self:end}}