@layer components.courses.common.hero{.MakecodeJunior-module-scss-module__Co41HG__hero{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);margin:calc(var(--header-height)*-1) 0 0;min-height:360px;padding:var(--header-height) 0 0;background-repeat:no-repeat;background-size:100% 100%;position:relative;overflow:hidden}@supports (color:color-mix(in srgb,var(--course-primary ),black 30%)){.MakecodeJunior-module-scss-module__Co41HG__hero{--hero-dark-primary:color-mix(in srgb,var(--course-primary),#000 30%)}}.MakecodeJunior-module-scss-module__Co41HG__heroInner{z-index:10;max-width:1400px;margin:0 auto;padding:16px;display:block;position:relative}@media (min-width:768px){.MakecodeJunior-module-scss-module__Co41HG__heroInner{padding-left:24px;padding-right:24px}}.MakecodeJunior-module-scss-module__Co41HG__heroContents{grid-gap:12px;grid-template:"image""description""info"/auto;place-items:center;gap:12px;margin:0 auto;display:grid}@media (min-width:768px){.MakecodeJunior-module-scss-module__Co41HG__heroContents{grid-template:".image. . ."minmax(0,1fr)".image.description."".image.info."".image. . ."minmax(0,1fr)". . . . ."32px"actions actions actions actions actions"". . . . ."minmax(0,10000000fr)/minmax(0,1fr) auto 48px auto minmax(0,1fr);gap:0}}.MakecodeJunior-module-scss-module__Co41HG__heroContents{padding-bottom:60vw}@media (min-width:768px){.MakecodeJunior-module-scss-module__Co41HG__heroContents{padding-bottom:43vw}}@media (min-width:1024px){.MakecodeJunior-module-scss-module__Co41HG__heroContents{padding-bottom:32vw}}@media (min-width:1600px){.MakecodeJunior-module-scss-module__Co41HG__heroContents{min-height:800px;padding-bottom:0}}.MakecodeJunior-module-scss-module__Co41HG__heroImageContainer{grid-area:image;margin:0;display:block}.MakecodeJunior-module-scss-module__Co41HG__heroImage{filter:drop-shadow(1px 1px #33333380)drop-shadow(2px 2px 3px #333c);width:100%;max-width:min(400px,66vw);height:auto;display:block}@media (min-width:768px){.MakecodeJunior-module-scss-module__Co41HG__heroImage{width:32vw}}@media (min-width:1024px){.MakecodeJunior-module-scss-module__Co41HG__heroImage{width:100vw;max-width:400px}}.MakecodeJunior-module-scss-module__Co41HG__heroDescription{overflow-wrap:break-word;word-break:keep-all;-webkit-text-stroke:#fff 4px;color:#333;font-feature-settings:"palt";paint-order:stroke;stroke-linecap:round;stroke-linejoin:round;text-align:center;grid-area:description;margin:0;font-size:24px;font-weight:700}@media (min-width:768px){.MakecodeJunior-module-scss-module__Co41HG__heroDescription{color:#fff;-webkit-text-stroke-width:0;paint-order:normal;text-shadow:1px 1px #333333bf;text-align:left;font-size:30px}}@media (min-width:1024px){.MakecodeJunior-module-scss-module__Co41HG__heroDescription{font-size:34px}}.MakecodeJunior-module-scss-module__Co41HG__heroInfo{flex-wrap:wrap;grid-area:info;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}@media (min-width:768px){.MakecodeJunior-module-scss-module__Co41HG__heroInfo{margin-top:16px}}.MakecodeJunior-module-scss-module__Co41HG__heroInfo .MakecodeJunior-module-scss-module__Co41HG__heroInfoItem{color:var(--course-primary);border:solid var(--course-primary);background:#fff;border-width:2px 2px 4px;border-radius:8px;align-items:center;padding:6px 12px;list-style:none;display:flex}@media (min-width:768px){.MakecodeJunior-module-scss-module__Co41HG__heroInfo .MakecodeJunior-module-scss-module__Co41HG__heroInfoItem{padding:8px 16px}}.MakecodeJunior-module-scss-module__Co41HG__heroInfo .MakecodeJunior-module-scss-module__Co41HG__heroInfoItemText{--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){.MakecodeJunior-module-scss-module__Co41HG__heroInfo .MakecodeJunior-module-scss-module__Co41HG__heroInfoItemText{--vertical-crop-mode:ideographic}}@supports (text-box:trim-both text text){.MakecodeJunior-module-scss-module__Co41HG__heroInfo .MakecodeJunior-module-scss-module__Co41HG__heroInfoItemText{text-box:trim-both var(--vertical-crop-mode-upper) var(--vertical-crop-mode-lower)}}@supports not (text-box:trim-both text text){.MakecodeJunior-module-scss-module__Co41HG__heroInfo .MakecodeJunior-module-scss-module__Co41HG__heroInfoItemText{line-height:1.5}@supports (height:1lh){.MakecodeJunior-module-scss-module__Co41HG__heroInfo .MakecodeJunior-module-scss-module__Co41HG__heroInfoItemText:not(_){margin-top:calc(.5em - .5lh);margin-bottom:calc(.5em - .5lh)}}@supports not (height:1lh){.MakecodeJunior-module-scss-module__Co41HG__heroInfo .MakecodeJunior-module-scss-module__Co41HG__heroInfoItemText:not(_){margin-top:-.25em;margin-bottom:-.25em}}}.MakecodeJunior-module-scss-module__Co41HG__heroInfo .MakecodeJunior-module-scss-module__Co41HG__heroInfoItemText{font-size:14px;font-weight:700;display:block}@media (min-width:768px){.MakecodeJunior-module-scss-module__Co41HG__heroInfo .MakecodeJunior-module-scss-module__Co41HG__heroInfoItemText{font-size:min(2vw,20px)}}.MakecodeJunior-module-scss-module__Co41HG__heroInfo .MakecodeJunior-module-scss-module__Co41HG__heroInfoItemText>big{font-size:1.25em}.MakecodeJunior-module-scss-module__Co41HG__heroActions{grid-area:actions;justify-content:center;align-items:center;display:none}@media (min-width:768px){.MakecodeJunior-module-scss-module__Co41HG__heroActions{display:flex}}.MakecodeJunior-module-scss-module__Co41HG__heroBackgrounds{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;contain:paint;bottom:0;overflow:hidden}.MakecodeJunior-module-scss-module__Co41HG__heroBackgroundTexture,.MakecodeJunior-module-scss-module__Co41HG__heroBackgrounds{display:block;position:absolute;top:0;left:0;right:0}.MakecodeJunior-module-scss-module__Co41HG__heroBackgroundTexture{--texture-height:360px;width:100%;height:var(--texture-height);perspective:400px;mix-blend-mode:overlay;-webkit-mask:linear-gradient(#0000 10%,#000 30% 40%,#0000 80%);mask:linear-gradient(#0000 10%,#000 30% 40%,#0000 80%)}.MakecodeJunior-module-scss-module__Co41HG__heroBackgroundTexture+.MakecodeJunior-module-scss-module__Co41HG__heroBackgroundTexture{--sky-transform-b:translateZ(-4px)}@keyframes MakecodeJunior-module-scss-module__Co41HG__sky{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))}}.MakecodeJunior-module-scss-module__Co41HG__heroBackgroundTextureImage{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAAnRSTlMAAHaTzTgAAAA8SURBVHjadc65DQAwAMLA239oK2V+OiwQgIAqq6b74+oGpOyqux7qDARVAdlB51KBQunxISQKAUFRqWoAveBKa7c2QI4AAAAASUVORK5CYII=) repeat 50%/var(--texture-height) var(--texture-height);image-rendering:crisp-edges;image-rendering:pixelated;transform:rotateX(-45deg) var(--sky-transform-a, ) var(--sky-transform-b, );transform-origin:bottom;width:100%;height:var(--texture-height);opacity:.15;position:absolute;top:0;left:0;right:0}.MakecodeJunior-module-scss-module__Co41HG__heroBackgroundTextureImage+.MakecodeJunior-module-scss-module__Co41HG__heroBackgroundTextureImage{--sky-transform-a:translateY(var(--texture-height));display:none}@media (prefers-reduced-motion:no-preference){.MakecodeJunior-module-scss-module__Co41HG__heroBackgroundTextureImage{animation:10s linear infinite MakecodeJunior-module-scss-module__Co41HG__sky}.MakecodeJunior-module-scss-module__Co41HG__heroBackgroundTextureImage+.MakecodeJunior-module-scss-module__Co41HG__heroBackgroundTextureImage{display:block}}.MakecodeJunior-module-scss-module__Co41HG__heroBackgroundImage{display:block}.MakecodeJunior-module-scss-module__Co41HG__heroBackgroundImage>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center bottom;object-position:center bottom;width:100%;height:auto;display:block;position:absolute;bottom:0}@media (min-width:1600px){.MakecodeJunior-module-scss-module__Co41HG__heroBackgroundImage>img{height:100%;top:0}}.MakecodeJunior-module-scss-module__Co41HG__heroMobileActions{padding:16px 16px 20px}.MakecodeJunior-module-scss-module__Co41HG__heroMobileActions .MakecodeJunior-module-scss-module__Co41HG__heroTrialButton{width:100%;padding-left:24px;padding-right:24px;font-size:min(5.8vw,22px)}@media (min-width:768px){.MakecodeJunior-module-scss-module__Co41HG__heroMobileActions{display:none}}}@layer components.courses.makecode-junior{@media (min-width:768px){.MakecodeJunior-module-scss-module__Co41HG__heroBackground{-o-object-fit:cover;object-fit:cover}}@media (min-width:780px){.MakecodeJunior-module-scss-module__Co41HG__heroBackground{-o-object-fit:none;object-fit:none}}@media (min-width:1024px){.MakecodeJunior-module-scss-module__Co41HG__heroBackground{-o-object-fit:contain;object-fit:contain}}@media (min-width:1600px){.MakecodeJunior-module-scss-module__Co41HG__heroBackground{-o-object-fit:none;object-fit:none}}@media (min-width:2400px){.MakecodeJunior-module-scss-module__Co41HG__heroBackground{-o-object-fit:contain;object-fit:contain}}}
@layer components.courses.makecode-junior.cta{.MakecodeJuniorCTA-module-scss-module__iIEFiW__headingText{--logo-width:min(360px,75vw);gap:calc(var(--logo-width)*.025);flex-direction:column;display:flex}.MakecodeJuniorCTA-module-scss-module__iIEFiW__headingTextPart{white-space:nowrap}.MakecodeJuniorCTA-module-scss-module__iIEFiW__logo{max-width:100%;width:var(--logo-width);height:auto;margin:calc(var(--logo-width)*-.06) 0;filter:drop-shadow(2px 2px #3333);vertical-align:baseline;margin-right:.1em;display:inline-block}.MakecodeJuniorCTA-module-scss-module__iIEFiW__trialButtonHitArea{z-index:10;display:block;position:absolute;inset:0}}