@layer components.courses.common.hero{.NpKWMi{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%)){.NpKWMi{--hero-dark-primary:color-mix(in srgb,var(--course-primary),#000 30%)}}.WHnvP8{display:block;margin:0 auto;max-width:1400px;padding:16px;position:relative;z-index:10}@media(min-width:768px){.WHnvP8{padding-left:24px;padding-right:24px}}.h4byQI{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){.h4byQI{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)}}.h4byQI{padding-bottom:60vw}@media(min-width:768px){.h4byQI{padding-bottom:43vw}}@media(min-width:1024px){.h4byQI{padding-bottom:32vw}}@media(min-width:1600px){.h4byQI{min-height:800px;padding-bottom:0}}.pmuZDS{display:block;grid-area:image;margin:0}._8VvLNK{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){._8VvLNK{width:32vw}}@media(min-width:1024px){._8VvLNK{max-width:400px;width:100vw}}.Xa7XyW{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){.Xa7XyW{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){.Xa7XyW{font-size:34px}}.S50_qQ{display:flex;flex-wrap:wrap;gap:6px;grid-area:info;justify-content:center;list-style:none;margin:0;padding:0}@media(min-width:768px){.S50_qQ{margin-top:16px}}.S50_qQ .xZCkEG{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){.S50_qQ .xZCkEG{padding:8px 16px}}.S50_qQ .UcLt7C{--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){.S50_qQ .UcLt7C{--vertical-crop-mode:ideographic}}@supports(text-box:trim-both text text){.S50_qQ .UcLt7C{text-box:trim-both var(--vertical-crop-mode-upper) var(--vertical-crop-mode-lower)}}@supports not (text-box:trim-both text text){.S50_qQ .UcLt7C{line-height:1.5}@supports(height:1lh){.S50_qQ .UcLt7C:not(_){margin-bottom:calc(.5em - .5lh);margin-top:calc(.5em - .5lh)}}@supports not (height:1lh){.S50_qQ .UcLt7C:not(_){margin-bottom:-.25em;margin-top:-.25em}}}.S50_qQ .UcLt7C{display:block;font-size:14px;font-weight:700}@media(min-width:768px){.S50_qQ .UcLt7C{font-size:min(2vw,20px)}}.S50_qQ .UcLt7C>big{font-size:1.25em}.VpSsJ_{align-items:center;display:none;grid-area:actions;justify-content:center}@media(min-width:768px){.VpSsJ_{display:flex}}.tTViv3{bottom:0;contain:paint;overflow:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.R_YmqS,.tTViv3{display:block;left:0;position:absolute;right:0;top:0}.R_YmqS{--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%}.R_YmqS+.R_YmqS{--sky-transform-b:translateZ(-4px)}@keyframes y7ri7M{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))}}.jC7h9z{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%}.jC7h9z+.jC7h9z{display:none;--sky-transform-a:translateY(var(--texture-height))}@media(prefers-reduced-motion:no-preference){.jC7h9z{animation:y7ri7M 10s linear infinite}.jC7h9z+.jC7h9z{display:block}}.H1INN4{display:block}.H1INN4>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){.H1INN4>img{height:100%;top:0}}.iBV9Df{padding:16px 16px 20px}.iBV9Df .QEIbMO{font-size:min(5.8vw,22px);padding-left:24px;padding-right:24px;width:100%}@media(min-width:768px){.iBV9Df{display:none}}}@layer components.courses.makecode-junior{@media(min-width:768px){.EGTx6C{-o-object-fit:cover;object-fit:cover}}@media(min-width:780px){.EGTx6C{-o-object-fit:none;object-fit:none}}@media(min-width:1024px){.EGTx6C{-o-object-fit:contain;object-fit:contain}}@media(min-width:1600px){.EGTx6C{-o-object-fit:none;object-fit:none}}@media(min-width:2400px){.EGTx6C{-o-object-fit:contain;object-fit:contain}}}
@layer components.courses.makecode-junior.cta{._3kI_7B{--logo-width:min(360px,75vw);display:flex;flex-direction:column;gap:calc(var(--logo-width)*.025)}.pZBrky{white-space:nowrap}.K8KR_9{display:inline-block;filter:drop-shadow(2px 2px rgba(51,51,51,.2));height:auto;margin:calc(var(--logo-width)*-.06) 0;margin-right:.1em;max-width:100%;vertical-align:baseline;width:var(--logo-width)}.cV81hC{bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:10}}
@layer components.courses.makecode-junior.curriculum{.NSt2NJ{-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}.NSt2NJ tbody,.NSt2NJ tfoot,.NSt2NJ thead,.NSt2NJ tr{display:contents}.qih97R{display:block;margin:0;padding:0}@supports(grid-row-end:span attr(rowspan type(<number>),1)){.qih97R{grid-row-end:span attr(rowspan type(<number>),1)}}@supports not (grid-row-end:span attr(rowspan type(<number>),1)){.qih97R[rowspan="2"]{grid-row-end:span 2}.qih97R[rowspan="3"]{grid-row-end:span 3}.qih97R[rowspan="4"]{grid-row-end:span 4}.qih97R[rowspan="5"]{grid-row-end:span 5}.qih97R[rowspan="6"]{grid-row-end:span 6}.qih97R[rowspan="7"]{grid-row-end:span 7}.qih97R[rowspan="8"]{grid-row-end:span 8}.qih97R[rowspan="9"]{grid-row-end:span 9}.qih97R[rowspan="10"]{grid-row-end:span 10}.qih97R[rowspan="11"]{grid-row-end:span 11}.qih97R[rowspan="12"]{grid-row-end:span 12}}.NSt2NJ tr:not(:last-of-type) th.qih97R{filter:drop-shadow(0 1px 0 rgba(255,255,255,.25))}.NSt2NJ tr:first-of-type th.qih97R{z-index:19}.NSt2NJ tr:nth-of-type(2) th.qih97R{z-index:18}.NSt2NJ tr:nth-of-type(3) th.qih97R{z-index:17}.NSt2NJ tr:nth-of-type(4) th.qih97R{z-index:16}.NSt2NJ tr:nth-of-type(5) th.qih97R{z-index:15}.NSt2NJ tr:nth-of-type(6) th.qih97R{z-index:14}.NSt2NJ tr:nth-of-type(7) th.qih97R{z-index:13}.NSt2NJ tr:nth-of-type(8) th.qih97R{z-index:12}.NSt2NJ tr:nth-of-type(9) th.qih97R{z-index:11}.NSt2NJ tr:nth-of-type(10) th.qih97R{z-index:10}.NSt2NJ tr:nth-of-type(11) th.qih97R{z-index:9}.NSt2NJ tr:nth-of-type(12) th.qih97R{z-index:8}.NSt2NJ tr:nth-of-type(13) th.qih97R{z-index:7}.NSt2NJ tr:nth-of-type(14) th.qih97R{z-index:6}.NSt2NJ tr:nth-of-type(15) th.qih97R{z-index:5}.NSt2NJ tr:nth-of-type(16) th.qih97R{z-index:4}.NSt2NJ tr:nth-of-type(17) th.qih97R{z-index:3}.NSt2NJ tr:nth-of-type(18) th.qih97R{z-index:2}.NSt2NJ tr:nth-of-type(19) th.qih97R{z-index:1}.NSt2NJ tr:nth-of-type(20) th.qih97R{z-index:0}.x7eVLC{--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){.x7eVLC{font-size:20px}}.x7eVLC[data-level="1"]{--bg-opacity:0.92}.x7eVLC[data-level="2"]{--bg-opacity:0.84}.x7eVLC[data-level="3"]{--bg-opacity:0.76}.x7eVLC[data-level="4"]{--bg-opacity:0.68}.x7eVLC[data-level="5"]{--bg-opacity:0.6}.zPZ8fU{position:relative;-webkit-text-stroke:2px #fff;paint-order:stroke}.zPZ8fU small{font-size:.75em}.NSt2NJ tr:not(:first-of-type) .zPZ8fU{top:calc(var(--arrow-height)*.5)}.ltS7qS{--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" 1fr/0 1fr;height:100%;overflow:hidden;width:100%}@container (width >= 480px){.ltS7qS{grid-template:". .    .    " 0 ". text text" auto ". image block" 1fr/0 2fr 3fr}}.NSt2NJ tr:not(:first-of-type) .ltS7qS{border-top:1px solid #f5f5f5}._91EAuu{grid-area:text;margin:0}._91EAuu strong{font-size:18px;font-weight:700}@media(min-width:768px){._91EAuu strong{font-size:20px}}.iiCxSe{display:none;grid-area:image;height:auto;max-width:100%;place-self:center}@container (width >= 480px){.iiCxSe{display:block}}.MYl8gg{display:block;filter:drop-shadow(6px 6px rgba(51,51,51,.4));grid-area:block;height:auto;max-width:100%;place-self:center end}}
@layer components.courses.makecode-junior.features{.fnhMTa{font-size:18px;font-weight:700;line-height:1.5;margin:32px 0 0;overflow-wrap:break-word;text-align:center;-moz-text-align-last:center;text-align-last:center;word-break:keep-all}@media(min-width:768px){.fnhMTa{font-size:22px}}.Uo7lmM{display:inline-block;height:1.5em;vertical-align:top;width:1.5em}}