@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}}