*{box-sizing:border-box;margin:0;padding:0}:root{--gutter:16px;--corner-radius:12px;--extra-light:#f7f7f7;--light:#efefef;--dark:#434343;--highlight:#9984f4;--danger:#d71d3a;--success:#b2c946;--muted:#a2a2a2}@font-face{font-display:swap;font-family:Source Code Pro;font-style:normal;font-weight:400;src:url(/fonts/subset-SourceCodePro-Regular.woff2?1552b3a19c736eaa2c4a1510431fd5b7) format("woff2"),url(/fonts/subset-SourceCodePro-Regular.woff?8cb2ed4bcc02414c476269e64b7b4a5c) format("woff")}@font-face{font-display:swap;font-family:Public Sans;font-style:normal;font-weight:400;src:url(/fonts/subset-PublicSans-Regular.woff2?3f7c6cc9d3f9b6dcc285a64246b6eb82) format("woff2"),url(/fonts/subset-PublicSans-Regular.woff?3517f5ff11d040efa9cf407d498a0bec) format("woff")}@font-face{font-display:swap;font-family:Public Sans;font-style:normal;font-weight:700;src:url(/fonts/subset-PublicSans-Bold.woff2?d735d6dc0f80eca43a87980f4ca952a1) format("woff2"),url(/fonts/subset-PublicSans-Bold.woff?5d21bd8dae6f2a8c51f50d3d07f8a67f) format("woff")}@font-face{font-display:swap;font-family:Public Sans;font-style:normal;font-weight:800;src:url(/fonts/subset-PublicSans-ExtraBold.woff2?9ac4b9f560fcbeb8a0887f3f9ac14a87) format("woff2"),url(/fonts/subset-PublicSans-ExtraBold.woff?1c354f5a053008ed1d0abe8e96de654e) format("woff")}@font-face{font-display:swap;font-family:Public Sans;font-style:normal;font-weight:900;src:url(/fonts/subset-PublicSans-Black.woff2?96d4933d6256d630aa49ae9734ceb564) format("woff2"),url(/fonts/subset-PublicSans-Black.woff?18def0a88c1ae28a5d9c98d8651d584b) format("woff")}@font-face{font-display:swap;font-family:STIX Two Text;font-style:italic;font-weight:400;src:url(/fonts/STIX-Two-Text-Regular-Italic.woff2?26289d1c03fd91164b2068894570a704) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}#app.account{height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:100vw}#accountTab{max-width:75rem}.account main{align-items:center;flex-direction:column;margin:0 auto;max-width:90rem;padding:6rem 4rem 10rem;width:90%}.account .pill-nav{margin-bottom:10rem}.account h1{font-size:6rem;margin-bottom:6rem}.account form{text-align:left;width:100%}.account__plan{margin-bottom:1rem}.account__plan__students{font-size:2rem;margin:.6rem 0}.account__plan__modify{color:#9984f4;cursor:pointer;font-size:1.4rem;text-decoration:underline}.account__plan__expiry{color:#d71d3a;font-weight:700}.account__plan__expiry a{color:#9984f4;cursor:pointer;font-weight:400;margin-left:.5rem;text-decoration:underline}.account__plan__confirmation table{margin:2rem 0}.account__plan__confirmation table thead th{text-align:center}.account__plan__confirmation table tbody th{text-align:left;width:20rem}.account__plan__confirmation table tbody td{padding:1rem 0;text-align:center}.account__plan__confirmation p{font-size:1.4rem}.account__payment-method{margin-bottom:1rem}.account__payment-method__details{font-size:2rem;margin:.6rem 0}.account__payment-method__modify{color:#9984f4;cursor:pointer;font-size:1.4rem;text-decoration:underline}.account__billing{display:flex;flex-direction:column}.account__billing div:first-child{align-items:center;display:flex;justify-content:flex-end}.account__billing__currency{font-size:2.6rem;margin-right:.2rem}.account__billing__cost{font-size:4rem;font-weight:600;margin-right:-.4rem}.account__billing__promo{color:#000;font-weight:700}.account__billing__original-cost{color:red;margin-right:1rem;text-decoration:line-through}.account__billing__cycle{font-size:1.6rem;text-align:right}.account__billing__fineprint{color:#666;font-size:1.4rem;line-height:1.5;text-align:right}.account .invoices thead th:nth-child(2),.account .invoices thead th:nth-child(4){text-align:center;width:15rem}.account .invoices thead th:nth-child(3){width:18rem}.account .invoices tbody td{height:3.4rem;line-height:3.4rem;padding:0}.account .invoices tbody td a{display:block;padding:1.4rem 0;text-decoration:none}.account .invoices tbody td:first-child,.account .invoices tbody td:nth-child(3){text-align:left}.account .invoices__status{text-align:center}.account .invoices__status--due{color:#d71d3a}.activities main{max-width:105rem!important}.activities__list{display:flex;flex-wrap:wrap;gap:32px}.activities__list>*{flex-basis:calc(50% - 16px)}@media(max-width:730px){.activities__list>*{flex-basis:100%}}.activity-levels{display:flex;flex-direction:column;flex-wrap:wrap;height:3rem;justify-content:center;width:40rem}.activity-levels__level{background:#efefef;border-radius:.3rem;flex-shrink:0;height:1rem;margin:.2rem;width:1rem}.activity-levels__level--1{background:#e3f192}.activity-levels__level--2{background:#cfe358}.activity-levels__level--3{background:#b5ca3b}.activity-levels__level--4{background:#a1bc21}.activity-levels__level--5{background:#6d960a}.avatar{align-items:center;display:flex;font-size:1.8rem;margin:0!important;position:relative}.avatar__image{background:#efefef;border-radius:100%;height:5.6rem;margin-right:1rem;overflow:hidden;width:5.6rem}.avatar__image img{height:100%;width:100%}.avatar__top{height:50%;left:0;position:absolute;top:0;width:100%}.avatar__top img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;position:absolute}.avatar__bottom{bottom:0;height:50%;left:0;position:absolute;width:100%}.avatar__bottom img{-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom;position:absolute}.button,.form button,.form input[type=submit]{-webkit-font-smoothing:antialiased;background:#000;border:0;border-radius:7px;color:#fff;cursor:pointer;display:inline-block;font-family:Public Sans,sans-serif;font-size:1.6rem;font-weight:700;height:4.8rem;line-height:1;margin:0;padding:1.6rem;text-align:center;text-decoration:none}.button:focus,.form button:focus,.form input[type=submit]:focus{background:#9984f4;color:#fff;outline:none}.button--outline,.form button,.form input[type=submit]{background:transparent;border:3px solid #000;border-radius:7px;color:#000;height:calc(4.8rem + 6px)}.button--outline:focus,.form button:focus,.form input[type=submit]:focus{background:transparent;border-color:#9984f4;color:#9984f4}.button--round{border-radius:10rem}.button--danger{background:transparent!important;border:3px solid #d71d3a!important;border-radius:7px;color:#d71d3a!important;height:calc(4.8rem + 6px)}.button--danger:focus{background:transparent!important;border-color:#9984f4!important;color:#9984f4!important}.button--system-7{background:#000;border:2px solid #000;border-radius:7px;display:inline-block;height:auto;min-width:17rem;padding:0}.button--system-7 span{align-items:center;border:2px solid #fff;border-radius:5px;color:#fff;display:flex;font-family:Source Code Pro,monospace;font-size:2rem;height:5.2rem;justify-content:center;padding:0 2rem}.button-group{align-items:center;display:flex;margin:0 -.5rem}.button-group .button,.button-group .form button,.button-group .form input[type=submit],.form .button-group button,.form .button-group input[type=submit]{margin:0 .5rem}.button-group-vertical{display:flex;flex-direction:column}.button-group-vertical .button,.button-group-vertical .form button,.button-group-vertical .form input[type=submit],.form .button-group-vertical button,.form .button-group-vertical input[type=submit]{margin:.5rem 0}.button-group--2x2{grid-column-gap:8px;grid-row-gap:8px;display:grid;grid-template-columns:1fr 1fr;margin-top:32px}.button[disabled],.form button[disabled],.form input[disabled][type=submit]{opacity:.5;pointer-events:none}.button.busy,.form button.busy,.form input.busy[type=submit]{cursor:wait;opacity:.5;pointer-events:none}.callout{background:#f2e9ff;max-width:none;width:100%}.callout__container{margin:0 auto;max-width:90rem;padding:10rem 0;text-align:center;width:90%}.callout h2{font-size:3rem;font-weight:900;margin-bottom:2rem}.captcha main{margin:0 auto;max-width:68rem;padding:6rem 32px 12rem;width:100%}.captcha h1{font-size:5.4rem;margin-bottom:3rem}.captcha h1,.captcha p{text-align:center}.captcha-verified{-webkit-font-smoothing:antialiased;align-items:center;background:rgba(0,0,0,.9);color:#fff;display:flex;font-size:5.4rem;font-weight:800;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.tic-tac-toe{grid-gap:1rem;background:#000;display:grid;grid-template-columns:16rem 16rem 16rem;margin:5rem auto 0;width:50rem}.tic-tac-toe__square{align-items:center;background:#fff;display:flex;height:16rem;justify-content:center}.tic-tac-toe__square svg{height:70%;width:70%}.tic-tac-toe__square .stroke{fill:none;stroke:#9883f3;stroke-width:14;stroke-miterlimit:10}.tic-tac-toe__square .o .stroke{stroke:#e54971;animation-duration:.3s;animation-iteration-count:1;animation-name:o}.tic-tac-toe__square .x .stroke{animation-duration:.3s;animation-iteration-count:1;animation-name:x}.tic-tac-toe__square .x .stroke-2{animation-delay:.3s;animation-fill-mode:both;animation-name:x-reversed}@keyframes o{0%{stroke-dasharray:295;stroke-dashoffset:295}to{stroke-dasharray:295;stroke-dashoffset:0}}@keyframes x{0%{stroke-dasharray:130;stroke-dashoffset:130}to{stroke-dasharray:130;stroke-dashoffset:0}}@keyframes x-reversed{0%{stroke-dasharray:130;stroke-dashoffset:130}to{stroke-dasharray:130;stroke-dashoffset:260}}@media(max-width:640px){.tic-tac-toe{grid-template-columns:13rem 13rem 13rem;width:41rem}.tic-tac-toe__square{height:13rem}}.classroom__login{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding-bottom:8.2rem}.classroom__login p{text-align:center}.classroom__login .form__error{margin-bottom:0}.classroom__login__teacher{color:#a2a2a2;font-size:1.6rem}.contact main{max-width:105rem!important}.contact__buttons{display:flex;gap:calc(var(--gutter)*2)}@media(max-width:730px){.contact__buttons{flex-direction:column}}.contact__button{border:1px solid var(--light);border-radius:var(--corner-radius);display:flex;flex-basis:50%;flex-direction:column;overflow:hidden;padding:calc(var(--gutter)*3);padding-top:var(--gutter);position:relative;text-align:center;text-decoration:none}.contact__button img{aspect-ratio:5/4;margin:0 auto;max-width:30rem;-o-object-position:center;object-position:center;padding:4rem 0}.contact__button__text{display:flex;flex-direction:column;flex-grow:1;justify-content:center}.contact__button:focus{border:3px solid var(--highlight);color:#000;padding:calc(var(--gutter)*3 - 2px);padding-top:calc(var(--gutter) - 2px)}.contact__button--email span{color:#9984f4;text-decoration:underline}.context-menu__menu{background:#fff;border-radius:6px;box-shadow:0 0 0 rgba(0,0,0,.4);height:0;list-style:none;min-width:15rem;overflow:hidden;position:fixed;transform:scale(.9);transition:transform .15s cubic-bezier(.25,.25,.6,1.65),box-shadow .15s cubic-bezier(.25,.25,.6,1.65);z-index:100}.context-menu__menu a{color:#000;cursor:pointer;display:block;font-size:2rem!important;outline:none;padding:1rem 2rem;text-align:left;text-decoration:none}.context-menu__menu a:focus{color:#9984f4}.context-menu__menu a:hover{background:#f7f7f7}.context-menu__menu a.disabled,.context-menu__menu li a.disabled{color:#c3c3c3;pointer-events:none}.context-menu:before{background-color:transparent;content:"";pointer-events:none;transition:background-color .15s}.context-menu--open:before{background-color:rgba(0,0,0,.4);content:"";display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:20}.context-menu--quick-open:before{transition:none}.context-menu--open .context-menu__menu{box-shadow:0 0 15px rgba(0,0,0,.4);height:auto;padding:1rem 0;transform:scale(1)}#app.dashboard{height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:100vw}.dashboard main{align-items:center;flex-direction:column;padding:6rem 4rem 10rem}.dashboard .pill-nav{margin-bottom:10rem}.dashboard h1{font-size:6rem;margin-bottom:6rem}.dashboard__container{display:flex;flex-direction:column;flex-grow:1;max-width:130rem;opacity:1;text-align:center;transition:opacity .3s;width:100%}.dashboard__container.hidden{height:0;opacity:0;overflow:hidden;pointer-events:none}.dashboard__grid:after{clear:both;content:"";display:table}.dashboard__item{align-items:center;color:#000;cursor:pointer;display:flex;flex-direction:column;float:left;padding:32px;text-decoration:none;width:25%}.dashboard__item *{pointer-events:none}.dashboard__item__title{font-size:2rem;height:1.2em;margin-top:1.5rem;max-width:24rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard__item__title:focus{border-bottom:1px solid rgba(0,0,0,.4);outline:none}.dashboard__item.context-open{color:#000!important;position:relative;z-index:30}@media(max-width:1160px){.dashboard__item{width:33.33%}}@media(max-width:880px){.dashboard__item{width:50%}}@media(max-width:540px){.dashboard__item{width:100%}}.dashboard__archived,.dashboard__tip{color:#a2a2a2;font-size:1.6rem;margin-top:auto;padding-top:8rem}.dashboard__tip{align-items:center;display:flex;justify-content:center}.dashboard__tip__icon{height:2rem;margin-right:.5rem;width:2rem}.dashboard__tip__icon svg{fill:#c4c4c4}.dashboard__teacher-login{color:#a2a2a2;font-size:1.6rem;margin-top:auto;padding-top:8rem}.docs{flex-direction:row!important;height:100vh}@media(max-width:1020px){.docs{flex-direction:column!important}}.docs .header{border-right:1px solid #efefef;display:block;height:100%;min-height:auto;min-width:25rem;overflow-y:auto;padding:32px}@media(max-width:1020px){.docs .header{border-right:none;height:auto;overflow-y:visible}}.docs main{display:block;overflow-y:auto;padding:8rem 4rem}.docs main h1{font-size:5.4rem;letter-spacing:-.02em;margin-bottom:3rem}.docs main h2{font-size:3rem;font-weight:900;margin-bottom:2rem}.docs main h3{color:#9984f4;font-size:2.4rem;font-weight:800;margin-bottom:1.6rem}.docs main p{font-size:2rem;line-height:1.6;margin-bottom:1.4rem}.docs main p code{display:inline;margin:0 .2rem;padding:.2rem;vertical-align:top;white-space:normal}.docs main .example+h2,.docs main code+h2,.docs main p+h2{margin-top:3.6rem}.docs main a{color:#9984f4}@media(max-width:1020px){.docs main{padding:32px}}@media print{.docs main{overflow-y:visible}}.docs code{margin-bottom:1.4rem}.docs__content{margin:0 auto;max-width:90rem}@media(max-width:1020px){.docs__content{max-width:none}}.docs--overlay{width:calc(1028px + 10rem)}.docs__nav{padding:16px 0;width:10rem}.docs__nav h2{font-size:14px;margin-bottom:.5rem}.docs__nav ul{list-style:none;margin-bottom:2rem}.docs__nav ul li a{cursor:pointer;display:inline-block;font-size:14px;padding:.5rem 0}.docs__nav ul li a.active{color:#009bdb}.docs__index{-moz-column-count:3;column-count:3;-moz-column-gap:2rem;column-gap:2rem;font-size:1.8rem;line-height:3rem;list-style:none}.docs__function{margin:3.6rem 0 4.6rem}.docs__function__details{border-left:1px solid #efefef;font-size:1.4rem;margin:2rem 0;padding-left:2rem}.docs__function__details h4{font-size:1.4rem;margin-bottom:.6rem}.docs__event,.docs__property{margin:3.6rem 0 4.6rem}.docs__parameters{font-size:1.4rem;line-height:2.4rem;margin-bottom:1.4rem;padding-left:3rem}.docs__parameters__parameter{background:#efefef;font-family:Source Code Pro,monospace;font-size:1.4rem}.docs__parameters__type{color:gray;display:inline-block;margin:0 1rem}.docs__return{color:gray;display:block;font-size:1.4rem;margin-bottom:2.4rem}.docs__examples{max-height:100%;overflow-y:scroll;padding:32px;position:absolute;right:0;top:0;width:1028px}.docs__examples__content{grid-column-gap:32px;grid-row-gap:32px;display:grid;grid-template-columns:1fr 1fr 1fr}.docs__examples__content .example{margin:0 auto}.docs__list{padding-left:2rem}.docs__list li{font-size:1.8rem;line-height:3.6rem;margin-bottom:1.4rem}.docs__list li code{display:inline;margin:0 .2rem;padding:.2rem;vertical-align:top;white-space:normal}code{background:#efefef;display:block;font-family:Source Code Pro,monospace;font-size:1.6rem;overflow-x:auto;padding:32px;position:relative;white-space:pre}.docs .example{border:1px solid #efefef;box-shadow:none;margin:2rem 0;width:100%}.docs .example__iframe-wrapper{aspect-ratio:2/1;height:auto;position:relative;width:100%}.docs .example__iframe-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.docs .example__code{background:#efefef;color:#000;font-family:Source Code Pro,monospace;font-size:1.6rem;padding:32px}body{transition:transform .2s}body.drawer-open{overflow:hidden}.drawer{visibility:hidden}.drawer__title{align-items:center;color:#fff;display:flex;font-size:3rem;font-weight:700;height:5.6rem;margin-bottom:16px}.drawer__title h2{font-size:inherit;font-weight:inherit;margin-right:auto}.drawer__title button{background:transparent;border:none;cursor:pointer;height:2.5rem;margin-left:1rem;width:2.5rem}.drawer__title button svg{fill:#fff;height:100%;width:100%}.drawer__content{background:#434343;color:#fff;display:flex;flex-direction:column;height:100%;left:100vw;min-width:30rem;overflow:hidden;overflow-y:auto;padding:16px 32px;position:fixed;top:0;transition:width .6s;z-index:100}.drawer--expanded{visibility:visible}.drawer--expanded .drawer__backdrop{height:100%;left:0;position:fixed;top:0;width:100%;z-index:50}.drawer--left .drawer__content{left:0;transform:translateX(-100%)}.drawer .button,.drawer .form button,.drawer .form input[type=submit],.form .drawer button,.form .drawer input[type=submit]{background:rgba(0,0,0,.15);border:0;color:#fff;width:100%}.drawer .form label{color:hsla(0,0%,100%,.6)}.drawer .form input[type=text]{border-radius:4px}:root{--comment:#ccc;--number:#67b4f0;--string:#9984f4;--keyword:#bd93f9}.editor{background:#f7f7f7;display:flex;flex-direction:column;height:100vh}.editor__title{margin-right:auto;min-width:20rem;white-space:nowrap}.editor__title:focus{border-bottom:1px solid rgba(0,0,0,.4);outline:none}.editor__title *{display:inline}.editor__run{background:transparent;border:0;cursor:pointer;height:2.5rem;margin-left:2rem;transition:transform .3s cubic-bezier(.25,.25,.6,1.65),width .3s,margin-left .3s;width:2.2rem}.editor__run svg{height:100%;width:100%}.editor__run:focus{fill:#9984f4;outline:none}.editor__run:active{transform:scale(.95)}.editor__run.disabled{margin-left:0;opacity:0;transform:scale(0);transition:opacity .2s,transform .25s,width .1s ease .25s,margin-left .1s ease .25s;width:0}.editor__menu{margin-left:1rem!important}.editor__panes{background:#fff;border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 0 15px rgba(0,0,0,.1);display:flex;flex-direction:row;flex-grow:1;overflow:hidden;padding:8px;width:100%}.editor__output{border:1px solid rgba(0,0,0,.1);flex-grow:1}.editor__output iframe{background:#fff;border:0;flex-shrink:0;height:100%;transform-origin:left center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.editor__splitter{min-height:8px;min-width:8px;z-index:10}.editor__input{flex-basis:350px;overflow-y:auto}.editor__input .code{-webkit-font-smoothing:antialiased;font-family:Source Code Pro,monospace;font-size:2rem;height:100%;line-height:2.8rem;position:relative;width:100%}.editor__input .code .cm-editor{color:#434343;height:100%;position:absolute;width:100%}.editor__input .code .cm-editor .cm-scroller{padding:8px}.editor__input .code .cm-editor .cm-gutters{overflow:hidden;transition:width .2s;width:2.5rem}.editor__input .code .cm-editor .cm-lineNumbers{transition:opacity .2s;transition-delay:.15s}.editor__input .code .cm-editor .cm-content *{transition:color .2s}.editor__input .code--no-linenumbers .cm-editor .cm-gutters{width:0}.editor__input .code--no-linenumbers .cm-editor .cm-lineNumbers{opacity:0;transition:none}.editor__input .code--no-highlighting .cm-editor .cm-content *{color:inherit!important}.editor__input--dragging{pointer-events:none}.editor__cursor{transition:opacity .3s}.editor__cursor-container{background:transparent!important;border:none!important;pointer-events:none}.editor__cursor__avatar{background-color:#9984f4;background-position:50%;background-size:cover;border:2px solid #9984f4;border-radius:4rem;height:4rem;overflow:hidden;position:relative;transform:translateX(-50%);width:4rem}.editor__cursor:after{background:#9984f4;content:"";height:1.5rem;left:0;position:absolute;top:100%;transform:translateX(-50%) translateY(-60%) scaleX(.6) rotate(45deg);width:1.5rem;z-index:-1}.editor__cursor--fade-out{opacity:0}.editor__visualize{border:0;display:none}.editor__visualize iframe{background:#fff;border:0;flex-shrink:0;height:100%;transform-origin:left center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.editor__visualize__menu{display:none;position:absolute;right:16px;top:calc(.7rem + 16px)}.editor .orientation-row{flex-direction:row}.editor .orientation-row .editor__splitter{cursor:ew-resize}.editor .orientation-row-reverse{flex-direction:row-reverse}.editor .orientation-row-reverse .editor__splitter{cursor:ew-resize}.editor .orientation-column{flex-direction:column}.editor .orientation-column .editor__splitter{cursor:ns-resize}.editor--visualize .editor__input,.editor--visualize .editor__splitter,.editor--visualize .header{display:none}.editor--visualize .editor__panes{background-color:#f7f7f7;border-radius:0;flex-direction:row!important;gap:8px}.editor--visualize .editor__output,.editor--visualize .editor__visualize{align-items:center;border:0;display:flex;flex-basis:50%;flex-shrink:0;overflow:hidden}.editor--visualize .editor__visualize__menu{display:block}.educators .page__section{margin-top:10rem}@media(max-width:800px){.educators .page__section{margin-top:7rem}}.educators #classrooms .page__section__image img{padding-right:2rem}.educators #login-cards .page__section__image img{max-width:calc(100% + 8rem)}@media(max-width:1000px){.educators #login-cards .page__section__image img{max-width:100%}}.educators #collaboration .page__section__image img{padding-right:5rem}.educators #progress .page__section__image img{max-width:calc(100% + 5rem)}@media(max-width:1000px){.educators #progress .page__section__image img{max-width:100%}}.example{background:#fff;border:6px;box-shadow:0 0 4px rgba(0,0,0,.2);display:flex;flex-direction:column;position:relative;width:300px}.example__title{margin-bottom:.25rem!important;padding:2rem 2rem 0;text-align:center}.example__subtitle{padding:0 2rem;text-align:center}.example__iframe-wrapper{aspect-ratio:1;height:auto;position:relative;width:100%}.example__iframe-wrapper iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.example__code{align-items:flex-start;background:#efefef;color:#000;cursor:default;display:flex;flex-direction:column;flex-grow:1;font-family:Source Code Pro,monospace;font-size:1.6rem;justify-content:center;overflow-x:auto;padding:32px;white-space:pre}.example__code:focus{background:#f2e9ff;outline:none}.example:focus-within .example__code{background:#f2e9ff}.example__run{background:transparent;border:0;cursor:pointer;height:2.5rem;position:absolute;right:32px;top:calc(32px - .2rem);transition:transform .3s cubic-bezier(.25,.25,.6,1.65),width .3s,margin-left .3s;width:2.2rem}.example__run svg{height:100%;width:100%}.example__run:focus{fill:#9984f4;outline:none}.example__run:active{transform:scale(.95)}.example__run.disabled{margin-left:0;opacity:0;transform:scale(0);transition:opacity .2s,transform .25s,width .1s ease .25s,margin-left .1s ease .25s;width:0}.example[draggable]{cursor:grab}.example[draggable] iframe{pointer-events:none}.figure{margin-bottom:3rem}.figure,.figure__container{position:relative}.figure__start{align-items:center;cursor:pointer;display:flex;flex-direction:column;font-size:3rem;font-weight:900;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:100}.figure__start:before{aspect-ratio:1;background:url(/images/play-overlay.svg?a9513aa145530ce38d37367452b9cf2f);background-size:contain;content:"";height:auto;margin-bottom:2rem;max-width:20rem;opacity:.1;width:30%}.figure figcaption{color:#a2a2a2;font-family:STIX Two Text,serif;font-size:1.8rem;font-style:italic;font-weight:400;padding:2rem 0;text-align:center;width:100%}.figure canvas,.figure video{display:block;height:100%;width:100%}.figure video{opacity:0}.figure__formula{font-family:STIX Two Text,serif;font-size:4rem;font-style:italic;font-weight:400;left:5rem;line-height:6rem;position:absolute;top:50%;transform:translateY(-50%)}.figure__formula__overline{display:inline-block;position:relative}.figure__formula__overline:after{background:#000;content:"";display:block;height:1px;left:.2rem;position:absolute;top:.2rem;width:100%}@media(max-width:800px){.figure__formula{font-size:3.5rem;left:4rem;line-height:5.25rem}}@media(max-width:640px){.figure__formula{font-size:3rem;left:3rem;line-height:4.5rem}}@media(max-width:480px){.figure__formula{font-size:2.4rem;left:2rem;line-height:3.6rem}}.figure--pythagorean .figure__formula__line{opacity:0;transition:opacity .3s}.figure--pythagorean .figure__formula__line--3{transition-delay:2s}.figure--asteroids .figure__container{aspect-ratio:900/350;background:url(/images/figures/asteroids.png);background-size:cover;height:auto;width:100%}.figure--sine-wave .figure__tooltip{background:#fff;border-radius:.5rem;box-shadow:0 0 .5rem rgba(0,0,0,.2);display:inline-block;font-size:1.6rem;left:45%;padding:1rem;pointer-events:none;position:absolute;top:55%;transform:translateX(-50%);transition:opacity .3s}.figure--maze-grid{border-left:1px dotted #a2a2a2;border-top:1px dotted #a2a2a2;display:grid;grid-template-columns:repeat(8,1fr);height:100%;margin:7rem auto;max-width:60rem;width:100%}.figure--maze-grid__cell{align-items:center;aspect-ratio:1;border-bottom:1px dotted #a2a2a2;border-right:1px dotted #a2a2a2;display:flex;font-size:2rem;font-weight:700;justify-content:center}.figure--maze-grid__cell--wall{border:2px solid #000}.figure--maze-grid__cell--wall:nth-child(-n+8){border-top:none}.figure--maze-grid__cell--wall:nth-child(8n){border-right:1px dotted #a2a2a2}.figure--maze-grid__cell--wall:nth-child(8n+1){border-left:1px dotted #a2a2a2}.figure--maze-grid__cell--wall:nth-last-child(-n+8){border-bottom:1px dotted #a2a2a2}.folder .modal__content{aspect-ratio:1;border-radius:4rem;box-shadow:0 0 15px rgba(0,0,0,.1)!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(24rem,1fr));grid-template-rows:5rem 30rem;max-height:0;width:90%}@media(orientation:landscape){.folder .modal__content{height:90%;width:auto}}.folder h1{grid-column:1/-1;text-align:center}.folder__item{align-items:center;color:#000;cursor:pointer;display:flex;flex-direction:column;padding:32px;text-decoration:none}.folder__item *{pointer-events:none}.folder__item__title{font-size:1.8rem;margin-top:1.5rem;max-width:24rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer{color:#666;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:96rem;padding:64px 32px 48px;width:100%}.footer__group{flex-basis:15rem}.footer__group h2{font-size:1.6rem;margin-bottom:1rem}.footer__group nav{align-items:flex-start;display:flex;flex-direction:column}.footer__group nav a{font-size:1.4rem;margin:.5rem 0}@media(max-width:640px){.footer__group{flex-basis:50%;margin-bottom:32px}}.footer__copyright{font-size:1.4rem;padding-top:64px;width:100%}@media(max-width:640px){.footer__copyright{padding-top:0}}.form__error{align-items:center;color:#d71d3a;font-size:1.6rem;line-height:2.4rem;margin-bottom:32px}.form__error a{color:#d71d3a!important;font-weight:700}.form__error:before{background-image:url(/images/error.svg?50a8caa8b3befc2abb4065866c09ab98);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:2.4rem;margin-right:.25rem;vertical-align:top;width:2rem}.form__row{align-items:center;display:flex;justify-content:space-between;margin:16px 0}.form__row__group{display:flex;flex:1;flex-direction:column}.form__row__group+.form__row__group{margin-left:1rem}.form__row:first-child{margin-top:0}.form__row:last-child{margin-bottom:0}.form__row>a{cursor:pointer;font-size:1.6rem;font-weight:700;text-decoration:underline}.form__row--center{justify-content:center}.form__row--end{justify-content:flex-end}.form__row--gap-after{margin-bottom:8rem}.form__row--gap-before{margin-top:8rem}.form label{-webkit-font-smoothing:antialiased;display:block;font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700}.form input[type=email],.form input[type=password],.form input[type=text]{-webkit-font-smoothing:antialiased;border:1px solid #efefef;border-radius:7px;box-shadow:0 0 0 transparent;font-family:Public Sans,sans-serif;font-size:2rem;font-weight:500;height:calc(4.8rem + 6px);margin:5px 0;padding:16px;transition:box-shadow .15s;width:100%}.form input[type=email]:focus,.form input[type=password]:focus,.form input[type=text]:focus{border:3px solid #9984f4!important;box-shadow:0 0 10px rgba(0,0,0,.3);outline:none;padding:14px}.form input[type=email].is-invalid,.form input[type=password].is-invalid,.form input[type=text].is-invalid{border:3px solid #d71d3a;padding:14px}.form input[type=checkbox]+label{display:inline}.form button,.form input[type=submit],.form select{height:calc(4.8rem + 6px)}.form select{-webkit-font-smoothing:antialiased;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url(/images/select-icon.svg?a79bc40fbb9b892ae5ee9a1040803887);background-position:calc(100% - 16px);background-repeat:no-repeat;background-size:auto .75rem;border:1px solid #efefef;border-radius:7px;box-shadow:0 0 0 transparent;font-family:Public Sans,sans-serif;font-size:2rem;font-weight:500;margin:5px 0;padding:0 16px;transition:box-shadow .15s;width:100%}.form select:focus{background-position:calc(100% - 14px);border:3px solid #9984f4!important;box-shadow:0 0 10px rgba(0,0,0,.3);outline:none;padding:0 14px}.form select.is-invalid{border:3px solid #d71d3a;padding:0 14px}.form .invalid-feedback{color:#d71d3a;line-height:1.6}.form__checkbox{align-items:center;display:flex;margin:5px 0}.form__checkbox input{margin-right:.5rem}.form__radio{align-items:center;display:flex;margin-top:1.2rem}.form__radio input{margin-right:.5rem}.form__radio label{font-size:1.6rem;font-weight:500}.form__input-group{display:flex;margin:5px 0}.form__input-group input[type=email]:first-child,.form__input-group input[type=password]:first-child,.form__input-group input[type=text]:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin:0}.form__input-group input[type=email]:first-child:focus,.form__input-group input[type=password]:first-child:focus,.form__input-group input[type=text]:first-child:focus{border-bottom-right-radius:7px;border-top-right-radius:7px}.form__input-group button:last-child{background:#efefef;border-bottom-left-radius:0;border-color:#efefef;border-top-left-radius:0}.form__input-group button:last-child:focus{background:#9984f4;border-color:#9984f4;color:#fff}.form__description{color:#666}.form__description,.form__link{font-size:1.4rem;margin-bottom:1rem}.form__link{color:#9984f4;cursor:pointer;text-decoration:underline}.form--narrow{margin:0 auto;max-width:75rem;padding:6rem 32px 12rem;width:100%}.form--narrow h1{font-size:5.4rem;margin-bottom:6rem;text-align:center}.form__row+.toggle-switch,.toggle-switch+.form__row{margin-top:32px}.header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;min-height:calc(5.6rem + 32px);padding:16px}.header__logo{align-items:flex-end;display:flex;margin-left:16px;position:absolute;z-index:10}.header__logo svg{height:4rem}.header__logo__color-0{fill:#231f20}.header__logo__color-1{fill:#4797d5}.header__logo__color-2{fill:#e64871}.header__logo__color-3{fill:#9984f4}.header__logo:focus *{fill:var(--highlight)!important}.header .nav{align-items:center;display:flex;justify-content:center}.header .nav a{font-size:1.6rem;margin-right:2rem;text-decoration:none}.header .nav a:last-child{margin-right:0}.header .nav--user{justify-content:flex-end;margin-right:16px}.form .header .nav--user button,.form .header .nav--user input[type=submit],.header .nav--user .button,.header .nav--user .form button,.header .nav--user .form input[type=submit]{height:auto;padding:1.4rem 1.7rem}.header .popup-menu:last-child{flex-basis:auto;margin-left:auto}.header .icon{margin-right:1rem}.sticky-header .header{background:#fff;position:sticky;top:0;transition:box-shadow .5s;z-index:10}.scrolled .sticky-header .header{box-shadow:0 0 .5rem rgba(0,0,0,.2)}.hero{width:100%}.hero h1{font-size:6.5rem;font-weight:900;line-height:1.2;text-align:center}.hero h1 em{color:#9984f4;font-style:normal}@media(max-width:640px){.hero h1{font-size:5rem}}.hero__wrapper{height:110rem;margin-top:-15rem;position:relative;width:100%}@media(max-width:640px){.hero__wrapper{height:47rem;margin-top:0}}.hero__wrapper__example{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.hero__wrapper__example iframe{aspect-ratio:3/2;border:0;height:46.4%;transform:translateY(13.7%)}.hero__wrapper img{height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;position:absolute;width:100%}.hero__credit{align-items:center;display:flex;gap:32px;justify-content:center;margin:1rem auto 12rem;max-width:calc(105rem + 64px);opacity:.5;padding:0 32px;width:100%}.hero__credit__instructions{line-height:2rem}.hero__credit__instructions .key{align-items:center;background:#f1f1f1;border:1px solid #cfcfcf;border-radius:2px;box-shadow:0 2px 0 #cfcfcf;display:inline-flex;height:2rem;justify-content:center;margin:0 .125rem;min-width:2rem;padding:.25rem}@media(max-width:640px){.hero__credit{margin-bottom:8rem}}.home .header{background:#fff;position:sticky;top:0;transition:box-shadow .5s;z-index:10}.home main{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:10rem 0 12rem;width:100%}@media(max-width:640px){.home main{padding:5rem 0 0}}.home main section{max-width:96rem;padding-left:32px;padding-right:32px;width:100%}.home main section h2{font-size:3rem;font-weight:900;margin-bottom:2rem}.home main section p{-webkit-font-smoothing:antialiased;font-size:2rem;line-height:1.6;margin-bottom:2rem}.home__section{display:flex;flex-direction:column;margin-top:4rem}.home__section--highlight{background:#f2e9ff;margin-top:8rem;max-width:none!important;padding:12rem 0 0}.home__section__features{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin:0 auto;max-width:calc(96rem - 64px)}.home__section__features h2{flex:0 0 100%;text-align:center}.home__section__features h3{font-size:2rem;font-weight:800;line-height:1.6;margin-bottom:1rem}.home__section__features p{margin-bottom:0!important}.home__section__features__feature{flex:1 1 40%}@media(max-width:1280px){.home__section__features__feature{flex-basis:100%}}.scrolled .home .header{box-shadow:0 0 .5rem rgba(0,0,0,.2)}.browser-frame{margin:5rem auto 0;max-width:105rem;overflow:hidden;width:100%}.browser-frame__title-bar{align-items:center;background:#000;border-top-left-radius:1.25rem;border-top-right-radius:1.25rem;color:#747474;display:flex;height:4rem;justify-content:center;position:relative;text-align:center}.browser-frame__title-bar__button-1{background:#e64970;border-radius:2rem;height:1rem;left:2rem;position:absolute;top:1.5rem;width:1rem}.browser-frame__title-bar__button-2{background:#9984f4;border-radius:2rem;height:1rem;left:3.5rem;position:absolute;top:1.5rem;width:1rem}.browser-frame__title-bar__button-3{background:#4797d5;border-radius:2rem;height:1rem;left:5rem;position:absolute;top:1.5rem;width:1rem}.browser-frame video{background:#fff;border-left:4px solid #000;border-right:4px solid #000;display:block;height:auto;margin-bottom:-3rem;width:100%}.hour-of-code__intro{color:#19acbb;display:block;font-size:1.4rem;margin:0 auto 8rem;max-width:55rem}.hour-of-code__intro strong{font-weight:900;text-transform:uppercase}.hour-of-code__intro strong a{text-decoration:none}.hour-of-code__intro a{color:#19acbb}.hour-of-code__complete{align-items:center;background:#d0eff2;display:flex;margin-top:12rem;padding:32px}.hour-of-code__complete img{margin-right:32px;width:11rem}.hour-of-code__complete>div{flex-grow:1;text-align:center}.hour-of-code__complete p{font-size:1.8rem;margin-bottom:1rem}.form .hour-of-code__complete button,.form .hour-of-code__complete input[type=submit],.hour-of-code__complete .button--outline,.hour-of-code__complete .form button,.hour-of-code__complete .form input[type=submit]{color:#000}.form .hour-of-code__complete button:active,.form .hour-of-code__complete button:focus,.form .hour-of-code__complete input[type=submit]:active,.form .hour-of-code__complete input[type=submit]:focus,.hour-of-code__complete .button--outline:active,.hour-of-code__complete .button--outline:focus,.hour-of-code__complete .form button:active,.hour-of-code__complete .form button:focus,.hour-of-code__complete .form input[type=submit]:active,.hour-of-code__complete .form input[type=submit]:focus{border-color:#19acbb;color:#19acbb}@media(max-width:520px){.hour-of-code__complete{flex-direction:column}.hour-of-code__complete img{margin-bottom:2rem;margin-right:0}}.hour-of-code__fineprint{color:#19acbb;font-size:1.4rem;margin-top:2rem;text-align:center}.icon{background:#efefef;border-radius:15%;flex-shrink:0;overflow:hidden;position:relative}.icon img{height:100%;width:100%}.icon--small{height:5.6rem;width:5.6rem}.icon--medium{height:16rem;width:16rem}.icon--large{height:18rem;width:18rem}.icon--xlarge{border-radius:.84rem;height:24rem;width:24rem}.icon--placeholder{align-items:center;background:transparent;border:2px dashed #efefef;display:flex;justify-content:center}.icon--placeholder svg{height:50%;width:50%}.icon--placeholder__stroke{fill:none;stroke:#efefef;stroke-width:2;stroke-miterlimit:10}.icon__set,.icon__set svg{height:100%;left:0;position:absolute;top:0;width:100%}.icon__set svg{display:none}.layout--page main{margin:0 auto;max-width:90rem;padding:8rem 0 12rem;width:90%}.layout--page main h1{font-size:6.5rem;margin-bottom:10rem;text-align:center}.layout--page main h2{align-items:center;display:flex;font-size:3rem;font-weight:900;justify-content:space-between;margin-bottom:2rem}.layout--page main h2 small{color:#666;font-size:1.4rem;font-weight:400}.layout--page main h3{color:#9984f4;font-size:2.4rem;font-weight:800;line-height:1.6;margin-bottom:1.6rem}.layout--narrow main{align-items:center;justify-content:center;margin:0 auto;max-width:68rem}.layout--narrow main h1{font-size:5.4rem;margin-bottom:3rem;text-align:center}.layout--narrow main p{text-align:center}.layout--wide main{margin:0 auto;max-width:105rem;padding:10rem 32px 12rem}.legal{margin:0 auto;max-width:110rem;padding:6rem 0 12rem;width:90%}.legal h1{font-size:6.5rem;margin-bottom:2rem;text-align:center}.legal h2{font-size:2rem;line-height:1.6}.legal__updated{color:#666;font-size:1.4rem;margin-bottom:8rem;text-align:center}.legal ul{padding-left:3rem}.legal ul li{font-size:2rem;font-weight:400;line-height:1.6;margin-bottom:3rem}.legal ol{-webkit-font-smoothing:antialiased;font-family:Public Sans,sans-serif;font-size:2rem;font-weight:700;padding-left:3rem}.legal ol h2{margin-bottom:3rem}.legal ol li p{font-weight:400}.lesson main{margin:0 auto;max-width:90rem;padding:10rem 32px 12rem;width:100%}@media(max-width:768px){.lesson main{padding-bottom:8rem;padding-top:6rem}}.lesson__header{margin-bottom:8rem;text-align:center}.lesson__header h1{font-size:6rem}.lesson__header h1 small{color:#9984f4;display:block;font-size:1.6rem;font-weight:800;letter-spacing:normal;margin:1rem 0 3rem;text-transform:uppercase}@media(max-width:768px){.lesson__header h1{font-size:5rem}.lesson__header{margin-bottom:6rem}}.lesson__details{align-items:center;color:#666;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.lesson__details__duration,.lesson__details__guide,.lesson__details__level{align-items:center;display:flex;margin:0 1rem;white-space:nowrap}.lesson__details__duration svg,.lesson__details__guide svg,.lesson__details__level svg{fill:#9984f4;margin-right:.5rem;width:2.6rem}.lesson__details__guide--locked{position:relative}.lesson__details__guide--locked svg{margin-right:.8rem}.lesson__details__guide--locked:after{background:url(/images/lock.svg?9edfec70f7a895b7ae604c04a02a0547) no-repeat 50%;content:"";height:1.6rem;left:1.5rem;position:absolute;top:.9rem;width:1.6rem}.lesson__content h2{align-items:center;display:flex;font-size:3rem;font-weight:900;justify-content:space-between;margin-bottom:2rem}.lesson__content h2 small{color:#666;font-size:1.4rem;font-weight:400}.lesson__content h3{color:#9984f4;font-size:2.4rem;font-weight:800;line-height:1.6;margin-bottom:1.6rem}.lesson__content ul{margin-bottom:3rem;padding-left:2rem}.lesson__content ul li{font-size:2rem;line-height:1.6;margin-bottom:1.4rem}.lesson__content ul li:last-child{margin-bottom:0}.lesson__content section+section{margin-top:7rem}.lesson__content a:not(.button){color:#9984f4}.lesson__content code{background:#efefef;display:block;font-family:Source Code Pro,monospace;font-size:1.6rem;margin-bottom:2.4rem;overflow-x:auto;padding:32px;position:relative;white-space:pre}.lesson__content p code{display:inline;font-size:1.9rem;margin:0 .2rem;padding:.2rem;position:relative;top:-.1rem;vertical-align:middle;white-space:normal}.lesson .example{border:1px solid #efefef;box-shadow:none;margin:3rem 0;width:100%}.lesson .example__iframe-wrapper{aspect-ratio:2/1;height:auto;position:relative;width:100%}.lesson .example__iframe-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.lesson__figure{aspect-ratio:2/1;border:0;height:auto;margin:3rem 0;position:relative;width:100%}.lesson__figure--short{aspect-ratio:9/1}.lesson__footer{display:flex;margin-top:8rem}.lesson__footer__next{margin-left:auto}@media print{.lesson .header{display:none}.lesson__header{font-size:1rem}.lesson__header h1{font-size:4rem}.lesson__header h1 small{font-size:1.2rem}.lesson h2{font-size:2.3rem}.lesson h2 small{font-size:1rem}.lesson h3{font-size:1.8rem}.lesson p,.lesson ul li{font-size:1.5rem}.lesson p code{font-size:1.425rem}.lesson .footer__group,.lesson__footer{display:none}.lesson .footer__copyright{font-size:1rem}}.link--add{align-items:center;display:flex;font-size:1.6rem;text-decoration:none}.link--add:before{align-items:center;background-color:transparent;background-image:url(/images/add-small.svg?665d138898f80d202a6fefc06e2c1f79);background-position:50%;background-repeat:no-repeat;background-size:60%;border:2px dashed #efefef;border-radius:15%;box-sizing:border-box;content:"";display:inline-flex;height:4rem;justify-content:center;margin-right:1rem;width:4rem}.login main,.register main,.register-educator main,.register-individual main{align-items:stretch;display:flex;flex-direction:row;margin:0 auto;max-width:175rem;overflow:hidden;width:100%}.login__illustration{flex-grow:2;position:relative}.login__illustration img{left:57%;position:absolute;top:50%;transform:translate(-45%,-45%);width:163%;z-index:-1}@media(max-width:640px){.login__illustration{display:none}}.login__form{align-items:center;display:flex;flex-basis:38rem;flex-direction:column;flex-grow:1;justify-content:center}.login__form h1{font-size:5.4rem;font-weight:900;line-height:1.1;margin-bottom:3rem}.login__form h1+form{margin-top:5rem}.login__form__wrapper{margin:0 12rem;width:38rem}@media(max-width:640px){.login__form__wrapper{margin:0;padding:0 32px;width:100%}}.login__form input[type=email],.login__form input[type=password],.login__form input[type=text]{width:100%}.login__form .button-group{margin-bottom:6rem}.login__switch{font-size:1.6rem}.login__switch a{font-weight:700}.lottie{background:#fff;height:auto;width:100%}.lottie canvas{display:block}.mission__icon{height:4.6rem;margin:0 auto 1rem;width:4.6rem}.mission__title{font-family:Public Sans,sans-serif;font-size:3rem;font-weight:700}.mission__description,.mission__title{margin-bottom:3rem}.mission__description p,.mission__description ul{font-size:2rem;line-height:3rem;margin-bottom:2rem}.mission__description p:last-child,.mission__description ul:last-child{margin-bottom:0}.mission__description ul{list-style:none}.modal{position:fixed;z-index:300}.modal:before{background-color:transparent;content:"";transition:background-color .15s}.modal__content{background:#fff;border-radius:6px;box-shadow:0 0 0 rgba(0,0,0,.4);max-height:0;max-width:70%;overflow:hidden;padding:0;position:relative;transform:scale(.9);transition:transform .15s cubic-bezier(.25,.25,.6,1.65),box-shadow .15s cubic-bezier(.25,.25,.6,1.65);z-index:30}.modal--w-medium .modal__content{width:55rem}.modal--w-wide .modal__content{width:100rem}.modal__button-group{display:flex;margin-left:-8px;margin-right:-8px;margin-top:16px}.form .modal__button-group button,.form .modal__button-group input[type=submit],.modal__button-group .button,.modal__button-group .form button,.modal__button-group .form input[type=submit]{flex:1 1 100%;margin:0 8px}.modal--open{align-items:flex-start;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;padding-bottom:5rem;padding-top:5rem;position:fixed;top:0;width:100vw}.modal--open:before{background-color:rgba(0,0,0,.4);height:100%;left:0;position:fixed;top:0;width:100%;z-index:20}.modal--open .modal__content{box-shadow:0 0 15px rgba(0,0,0,.4);margin-bottom:auto;margin-top:auto;max-height:none!important;padding:4rem;transform:scale(1)}.modal--error{text-align:center}.modal--error__icon{height:7rem;margin:0 auto 1rem;width:7rem}.modal--error__icon .sign{fill:#ffd215;stroke:#ff8f00;stroke-width:5px}.modal--error__description{font-size:2rem;line-height:3rem;margin-bottom:3rem}.modal--error .button-group{justify-content:center}.form .modal--error .button-group button,.form .modal--error .button-group input[type=submit],.modal--error .button-group .button,.modal--error .button-group .form button,.modal--error .button-group .form input[type=submit]{min-width:9.5rem}.navigation{align-items:center;display:flex;height:4.8rem;justify-content:center;position:relative;width:100%}.navigation a{font-size:1.6rem;margin:0 1.25rem;text-decoration:none}.navigation__user{align-items:center;display:flex;position:absolute;right:0}.form .navigation__user button,.form .navigation__user input[type=submit],.navigation__user .button,.navigation__user .form button,.navigation__user .form input[type=submit]{height:auto;margin-left:0;padding:1.4rem 1.7rem}.navigation__trigger{display:none}@media(max-width:768px){.navigation .desktop{display:none}}@media(min-width:767px){.navigation .mobile,.navigation .mobile+.separator{display:none}}.notices{padding:16px}.notices__notice{background:#f2e9ff;border-radius:7px;color:#000;font-size:1.8rem;font-weight:700;line-height:1.6;margin-bottom:16px;padding:4rem 2rem;text-align:center}.notices__notice:last-child{margin-bottom:0}.overlay{visibility:hidden}.overlay__content{background:#fff;color:#000;height:100%;left:100vw;min-width:30rem;overflow-x:hidden;overflow-y:auto;padding:16px 32px;position:fixed;top:0;transition:transform .3s;z-index:100}.overlay--expanded{visibility:visible}.overlay--expanded .overlay__content{transform:translateX(-100%)}.overlay--expanded.overlay--bottom .overlay__content{transform:translateY(-100%)}.overlay--expanded .overlay__backdrop{background-color:rgba(0,0,0,.4);height:100%;left:0;position:fixed;top:0;width:100%;z-index:50}.overlay--left .overlay__content{left:0;transform:translateX(-100%)}.overlay--bottom .overlay__content{border-top-left-radius:12px;border-top-right-radius:12px;height:calc(100% - 6rem);left:0;top:100vh;transform:translateY(0);width:100%}.page main{margin:0 auto;max-width:90rem;padding:10rem 32px 12rem;width:100%}@media(max-width:768px){.page main{padding-bottom:8rem;padding-top:6rem}}.page section+section{margin-top:7rem}.page section h1{font-size:6rem;margin-bottom:8rem;text-align:center}@media(max-width:768px){.page section h1{font-size:5rem;margin-bottom:6rem}}.page section h2{font-size:3rem;font-weight:900;margin-bottom:2rem}.page section h3{color:#9984f4;font-size:2.4rem;font-weight:800;line-height:1.6;margin-bottom:1.6rem}.page section p:last-child{margin-bottom:0}.page__section{display:flex;flex-direction:column}.page__section--with-image{align-items:center;flex-direction:row;gap:6rem}.page__section__image{flex-basis:52rem}.page__section__image img{max-width:100%}.page__section__content{flex-basis:32rem}.page__section--image-right .page__section__image{order:1}.page__section--columns{display:flex;flex-direction:row;gap:6rem}.page__section--columns>div{flex-basis:50%}@media(max-width:800px){.page__section{align-items:flex-start;flex-direction:column}.page__section__image{flex-basis:auto;margin:0 auto;max-width:52rem;order:0!important}.page__section__content{flex-basis:auto}}.pill-nav{background:#efefef;border-radius:10rem;overflow:hidden;position:relative}.pill-nav ul{display:inline-flex;list-style:none;position:relative;z-index:10}.pill-nav ul li{overflow:hidden;position:relative;z-index:0}.pill-nav ul li a{color:#000;cursor:pointer;display:block;font-size:1.6rem;padding:16px 1.8em;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pill-nav ul li.active a{color:#fff}.pill-nav__active{background:#000;height:100%;left:0;position:absolute;top:0;transition:width .3s,left .3s}.pill-nav__active:before{border-bottom-left-radius:10rem;border-top-left-radius:10rem;left:-2.65rem;transform:scaleX(0);transform-origin:100% 50%}.pill-nav__active:after,.pill-nav__active:before{background:#000;content:"";display:block;height:100%;position:absolute;transition:transform .3s;width:2.65rem}.pill-nav__active:after{border-bottom-right-radius:10rem;border-top-right-radius:10rem;right:-2.65rem;transform:scaleX(0);transform-origin:0 50%}.pill-nav.first-active .pill-nav__active:before,.pill-nav.last-active .pill-nav__active:after{transform:scaleX(1)}.pill-nav a{color:#000;cursor:pointer;display:block;font-size:1.6rem;padding:16px 1.6em;text-decoration:none}.pill-nav a.active{background:#000;color:#fff}.popup-menu__trigger{fill:#000;background:transparent;border:0;cursor:pointer;display:block;position:relative;z-index:10}.popup-menu__trigger svg{display:block;height:4rem;width:4rem}.popup-menu__trigger:focus{fill:#9984f4;outline:none}.popup-menu__menu{background:#fff;border-radius:6px;box-shadow:0 0 0 rgba(0,0,0,.4);height:0;list-style:none;min-width:30rem;overflow:hidden;position:fixed;transform:scale(.9);transition:transform .15s cubic-bezier(.25,.25,.6,1.65),box-shadow .15s cubic-bezier(.25,.25,.6,1.65);z-index:30}.popup-menu__menu a{color:#000;cursor:pointer;display:block;font-size:2rem!important;margin:0!important;outline:none;padding:1rem 2rem;text-decoration:none}.popup-menu__menu a:focus{color:#9984f4}.popup-menu__menu a:hover{background:#f7f7f7}.popup-menu__menu a.disabled{color:#c3c3c3;pointer-events:none}.popup-menu__menu .separator{background:#efefef;display:block;height:1px;margin:1rem 0}.popup-menu:before{background-color:transparent;content:"";transition:background-color .15s}.popup-menu--expanded:before{background-color:rgba(0,0,0,.4);content:"";display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:20}.popup-menu--expanded .popup-menu__menu{box-shadow:0 0 15px rgba(0,0,0,.4);height:auto;padding:1rem 0;transform:scale(1)}.promo{background:#f2e9ff;border:3px solid #f2e9ff;border-radius:7px;color:#000;font-size:2rem;line-height:1.6;margin:16px;padding:4rem 2rem;text-align:center;text-decoration:none}.promo:active,.promo:focus{border-color:#9984f4;color:#000}.register-educator h1,.register-individual h1{font-size:5.4rem;margin-bottom:6rem;text-align:center}.form .register-educator .button-group button,.form .register-educator .button-group input[type=submit],.form .register-individual .button-group button,.form .register-individual .button-group input[type=submit],.register-educator .button-group .button,.register-educator .button-group .form button,.register-educator .button-group .form input[type=submit],.register-individual .button-group .button,.register-individual .button-group .form button,.register-individual .button-group .form input[type=submit]{min-width:17rem}.register #country{flex-grow:2}.register__promo{background:#f2e9ff;border:3px solid #f2e9ff;border-radius:7px;color:#000;font-size:1.6rem;line-height:1.6;margin-bottom:16px;padding:2rem;text-align:center;text-decoration:none;width:100%}.screen-size{margin-top:auto;padding-top:32px}.screen-size__buttons{display:flex;margin-left:-16px;margin-right:-16px}.screen-size__buttons>div{flex-basis:33.33%;margin:0 16px;text-align:center}.screen-size__button{align-items:center;aspect-ratio:1;background:rgba(0,0,0,.1);border-radius:6px;cursor:pointer;display:flex;font-size:1.4rem;justify-content:center;margin-bottom:1rem;width:100%}.screen-size__button.active{background:#9984f4;cursor:default}.screen-size__full .screen-size__icon{border:1px solid #fff;height:60%;width:60%}.screen-size__landscape .screen-size__icon{border:1px solid #fff;height:40%;width:60%}.screen-size__portrait .screen-size__icon{border:1px solid #fff;height:60%;width:40%}.screen-size__resolution{color:hsla(0,0%,100%,.6);font-size:1rem}@media(max-width:1020px){.side-nav nav{background-color:#9984f4;color:#fff;height:100vh;overflow-y:auto;padding:32px;position:fixed;right:-34rem;top:0;transition:right .15s;width:34rem;z-index:10}.side-nav nav.open{right:0}}.side-nav h2{cursor:pointer;font-size:1.6rem;line-height:2.4rem;margin-bottom:.9rem;padding-left:1.4rem;position:relative}.side-nav h2:before{content:"▶︎";font-size:1rem;left:0;position:absolute;top:0}@media(max-width:1020px){.side-nav h2{font-size:2.1rem;margin-bottom:1.8rem}}.side-nav ul{font-size:1.6rem;line-height:2.4rem;list-style:none;margin-bottom:1.8rem}.side-nav ul li{margin-bottom:.9rem}.side-nav ul ul{display:none;padding-left:1.4rem}@media(max-width:1020px){.side-nav ul{font-size:2.1rem;margin-bottom:3.6rem}.side-nav ul li{margin-bottom:1.8rem}}.side-nav .expanded h2:before{transform:rotate(90deg)}.side-nav .expanded ul{display:block}.side-nav a{text-decoration:none}.side-nav a.active,.side-nav a:focus{color:#9984f4}@media(max-width:1020px){.side-nav a.active,.side-nav a:focus{color:#000}}.side-nav__header{align-items:center;display:flex;justify-content:space-between}.side-nav__logo{height:3.4rem;margin-bottom:3rem}@media(max-width:1020px){.side-nav__logo{margin-bottom:0}}.side-nav__toggle{cursor:pointer;display:none;height:5rem;width:5rem}@media(max-width:1020px){.side-nav__toggle{display:flex}}@media print{.side-nav__toggle{display:none}}.slider{margin-top:1.2rem;padding-left:1.4rem;padding-right:1.4rem}.slider__values{display:flex;justify-content:space-between;margin-left:-1.4rem;margin-right:-1.4rem;margin-top:.5rem}.slider__values__value{color:#c8c8c8;font-size:1.1rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:2.8rem}.slider__well{background:#efefef;cursor:pointer;height:calc(2.8rem - 2px);position:relative;transition:background-color .15s,box-shadow .15s;width:100%}.slider__well:before{background:#9984f4;border-bottom-left-radius:2.8rem;border-top-left-radius:2.8rem;left:-1.4rem}.slider__well:after,.slider__well:before{content:"";display:block;height:calc(2.8rem - 2px);position:absolute;top:1;width:1.4rem}.slider__well:after{background:#efefef;border-bottom-right-radius:2.8rem;border-top-right-radius:2.8rem;right:-1.4rem}.slider__fill{background:#9984f4;box-sizing:content-box;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:width .15s;width:0}.slider__fill.dragging{transition:none}.slider__grip{background:#fff;border-radius:2.8rem;box-shadow:0 0 2px rgba(0,0,0,.3);cursor:grab;height:2.8rem;left:0;position:absolute;top:0;transform:translateX(-50%) translateY(-1px);transition:left .15s;width:2.8rem;z-index:10}.slider__grip.dragging{transition:none}.modal #payment-element{min-height:190px}.student-modal__remaining{color:#666;margin-left:8px;margin-right:auto}.table{width:100%}.table thead th{color:#666;font-size:1.4rem;font-weight:400;padding:.5rem 0;text-align:left}.table tbody tr td,.table tbody tr th{border-top:1px solid #efefef;font-size:1.6rem;padding:2.4rem 0}.table--lesson-plans thead th svg{fill:#666;margin-right:.3rem;vertical-align:top;width:1.8rem}.table--lesson-plans tbody td:first-child a{color:#9984f4;font-size:2.4rem;font-weight:800;text-decoration:none}.table--lesson-plans tbody td:nth-child(2),.table--lesson-plans tbody td:nth-child(3){width:17rem}.table--classrooms{margin-bottom:32px;width:47rem}.table--classrooms tbody td:first-child{cursor:pointer;font-size:2rem;position:relative;text-decoration:none}.table--classrooms tbody tr.active td:first-child{color:#9984f4;font-weight:800;padding-left:2rem}@supports((-webkit-mask-image:url("")) or (mask-image:url(""))){.table--classrooms tbody tr.active td:first-child:before{background:#9984f4;content:"";height:1.4rem;left:0;-webkit-mask-image:url(/images/checkmark.svg?21f65c9d4a0e7f795e3be6517bafccf9);mask-image:url(/images/checkmark.svg?21f65c9d4a0e7f795e3be6517bafccf9);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;position:absolute;top:50%;transform:translateY(-50%);width:1.4rem}}.table--classrooms tbody td:nth-child(2),.table--classrooms thead th:nth-child(2){text-align:center;width:10rem}.table--share{width:47rem}.table--share thead th:nth-child(2),.table--share thead th:nth-child(3){text-align:center}.table--share tbody th{font-weight:400;text-align:left;width:60%}.table--share tbody td{width:20%}.table--overview thead th:nth-child(2){text-align:center;width:10rem}.table--overview thead th:nth-child(3){width:43rem}.table--overview thead th:nth-child(4){width:12rem}.table--overview tbody td:nth-child(2){text-align:center}.toggle{align-items:center;cursor:pointer;display:flex;height:5.6rem;justify-content:center}.toggle svg{fill:transparent;stroke:#9984f4;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;height:1.75rem}.toggle--off:after{border:2px solid #efefef;border-radius:1rem;content:"";display:block;height:.8rem;width:.8rem}.toggle--off svg{display:none}.toggle-switch{align-items:center;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.toggle-switch+.toggle-switch{margin-top:32px}.toggle-switch__label{color:hsla(0,0%,100%,.6);font-size:2rem;margin-right:32px;white-space:nowrap}.toggle-switch__well{background:rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:3rem;box-shadow:inset 0 0 1rem rgba(0,0,0,.1);cursor:pointer;height:2.8rem;position:relative;transition:background-color .15s,box-shadow .15s;width:5.6rem}.toggle-switch__switch{background:#fff;border-radius:2.8rem;height:2.8rem;left:-1px;position:absolute;top:-1px;transition:left .15s;width:2.8rem}.toggle-switch--on .toggle-switch__label{color:#fff}.toggle-switch--on .toggle-switch__well{background:#9984f4;border-color:transparent;box-shadow:0 0 2px rgba(233,35,106,.9)}.toggle-switch--on .toggle-switch__switch{left:calc(2.8rem + 1px)}.toggle-switch[disabled=true]{opacity:.5;pointer-events:none}body{font-weight:500}body,h1{-webkit-font-smoothing:antialiased;font-family:Public Sans,sans-serif}h1{font-size:3rem;font-weight:800;letter-spacing:-.03em}p{-webkit-font-smoothing:antialiased;font-size:2rem;line-height:1.6;margin-bottom:3rem}small{font-size:1.4rem}.d-flex{display:flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.nobr{white-space:nowrap}body,html{font-size:10px;height:100%;margin:0}body{font-size:1.4rem;overflow-x:hidden}#app{min-height:100vh}#app,main{display:flex;flex-direction:column}main{flex-grow:1}a{color:inherit;outline:none}a:focus{color:#9984f4}.hidden,[v-cloak]{display:none!important}@media screen and (max-width:1280px){html{font-size:9px}}@media screen and (max-width:640px){html{font-size:8px}}