.content-slice__container{display:flex;flex-direction:column;gap:var(--space-8);align-items:center;padding:var(--space-2) var(--space-4);margin-top:var(--space-4);margin-bottom:var(--space-4)}@media screen and (width >= 768px){.content-slice__container{padding:var(--space-10) var(--space-8);gap:var(--space-10)}}.content-slice--purple{background-color:var(--rpf-purple-100)}.content-slice--raspberry{background-color:var(--rpf-raspberry-50)}@media screen and (width >= 1200px){.content-slice--raspberry{background-image:url("/assets/block_divider_raspberry-f3d3e545.svg");background-repeat:no-repeat;background-position:top;background-origin:content-box}}.content-slice__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%}@media screen and (width >= 768px){.content-slice__content{gap:var(--space-8)}}.content-slice__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.content-slice__title{font-size:var(--font-size-3);font-weight:var(--font-weight-bold);line-height:var(--line-height-2-5);max-width:50ch}@media screen and (width >= 768px){.content-slice__title{font-size:var(--font-size-4);font-weight:var(--font-weight-bold);line-height:var(--line-height-3-5)}}.content-slice__subtitle{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);max-width:50ch}@media screen and (width >= 768px){.content-slice__subtitle{font-size:var(--font-size-1-5);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}}.curriculum-hero{padding:var(--space-7) var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);background-color:var(--rpf-navy-100);border-top:1px solid var(--rpf-grey-150)}@media screen and (width >= 768px){.curriculum-hero{padding:var(--space-5);display:flex;flex-direction:row;justify-content:space-between}}@media screen and (width >= 1200px){.curriculum-hero{padding:var(--space-7) var(--space-10)}}.curriculum-hero__content{display:flex;flex-direction:column;gap:var(--space-3);flex:2 2 0}.curriculum-hero__title{font-size:var(--font-size-4);font-weight:var(--font-weight-bold);line-height:var(--line-height-3-5)}@media screen and (width >= 768px){.curriculum-hero__title{font-size:var(--font-size-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-4)}}@media screen and (width >= 1200px){.curriculum-hero__title{font-size:var(--font-size-6);font-weight:var(--font-weight-bold);line-height:var(--line-height-4-5)}}.curriculum-hero__pretitle{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2);color:var(--rpf-text-secondary)}.curriculum-hero__description{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);max-width:62ch}@media screen and (width >= 768px){.curriculum-hero__description{font-size:var(--font-size-1-5);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}}.curriculum-hero__image{flex:1 1 0}.curriculum-hero__thumbnail{width:100%;border-radius:24px;aspect-ratio:3/2;object-fit:cover;display:block}.card-text{display:flex;flex-direction:column;gap:var(--space-3);align-self:flex-start}@media screen and (width >= 768px){.card-text{flex-direction:row}}.card-text__content{display:flex;flex-direction:column;gap:var(--space-0-5)}.card-text__title{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2)}.card-text--compact .card-text__title{font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5)}.card-text__body{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}.card-text__icon{height:64px;width:64px;min-width:64px;background-color:var(--rpf-yellow-400);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px}@media screen and (width < 768px){.card-text--compact .card-text__icon{display:none}}.image-text-card{width:100%;display:flex;flex-direction:column}@media screen and (width >= 768px)and (width < 1200px){.image-text-card{flex-direction:row;background-color:var(--rpf-yellow-100)}}.image-text-card__image{position:relative;overflow:hidden;border-top-left-radius:8px;border-top-right-radius:8px;aspect-ratio:2/1}@media screen and (width >= 768px)and (width < 1200px){.image-text-card__image{flex:1;border-radius:8px}}.image-text-card__image img{width:100%}@media screen and (width >= 768px)and (width < 1200px){.image-text-card__image img{height:100%;object-fit:cover}}.image-text-card__divider{position:absolute;bottom:-2px;left:-2px;width:calc(100% + 4px);height:auto}@media screen and (width >= 768px)and (width < 1200px){.image-text-card__divider{display:none}}.image-text-card__content{flex:1;background-color:var(--rpf-yellow-100);border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);line-height:var(--space-2)}.image-text-card__title{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2)}.image-text-card__body{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}.image-text-card__body a{text-decoration:underline}.key-info-card{background-color:var(--rpf-white);border:1px solid var(--rpf-grey-50);border-radius:8px;min-width:200px;max-width:240px;padding:var(--space-1);display:flex;gap:var(--space-1);align-items:center}.key-info-card__icon-container{background-color:var(--rpf-navy-100);width:36px;height:36px;border-radius:var(--space-1);display:flex;align-items:center;justify-content:center;color:var(--rpf-navy-900)}.key-info-card__content{display:flex;flex-direction:column}.key-info-card__title{font-size:var(--font-size-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5)}.key-info-card__text{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}.lesson-card{width:100%;border-radius:8px;border:1px solid var(--rpf-grey-150);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 8px 0 rgba(0,0,0,.08)}@media screen and (width >= 768px){.lesson-card{flex-direction:row}}.lesson-card__position{background-color:var(--rpf-navy-200);padding:var(--space-1) var(--space-3)}@media screen and (width >= 768px){.lesson-card__position{display:flex;align-items:center}}.lesson-card__position-number{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2)}@media screen and (width >= 768px){.lesson-card__position-number{font-size:var(--font-size-3);font-weight:var(--font-weight-bold);line-height:var(--line-height-2-5)}}.lesson-card__details{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);flex-grow:1}.lesson-card__title{font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5)}@media screen and (width >= 768px){.lesson-card__title{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2)}}.lesson-card__description{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}.lesson-card__button-container{padding:0 var(--space-3) var(--space-3)}@media screen and (width >= 768px){.lesson-card__button-container{padding-top:var(--space-3)}}.lesson-card__button-container .rpf-button{white-space:nowrap}.lesson-content-card{container-type:inline-size;display:flex;flex-direction:row;flex-grow:1;border-radius:16px;box-shadow:0 0 8px 0 rgba(0,0,0,.08);border:1px solid var(--rpf-grey-100);background-color:var(--rpf-white);padding:var(--space-2);gap:var(--space-3)}.lesson-content-card__icon{display:flex;align-items:center;justify-content:center;border-radius:var(--space-1);background-color:var(--rpf-teal-100);width:36px;height:36px}@container (min-width: 300px){.lesson-content-card__icon{width:60px;height:60px}}.lesson-content-card__icon--document{background-color:var(--rpf-yellow-100);color:var(--rpf-yellow-900)}.lesson-content-card__icon--document span{font-size:30px}.lesson-content-card__content{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.lesson-content-card__title{font-size:var(--font-size-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5)}@container (min-width: 300px){.lesson-content-card__title{font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5)}}.lesson-content-card__body{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);color:var(--rpf-text-secondary);max-width:60ch}.lesson-content-card__link{display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.lesson-content-card__link-label{font-size:var(--font-size-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5)}.lesson-content-card__link-icon{color:var(--rpf-navy-800)}.lesson-content-card--locked{flex-wrap:wrap;justify-content:center;align-items:center;background-color:var(--rpf-off-white);color:var(--rpf-text-secondary)}.lesson-content-card--locked .lesson-content-card__icon{background-color:var(--rpf-grey-100);color:var(--rpf-grey-500)}.lesson-content-card--locked .lesson-content-card__link-icon{color:var(--rpf-grey-500)}.lesson-content-card--locked .lesson-content-card__link-icon-label{color:var(--rpf-text-secondary)}.secondary-hero{width:100%;display:flex;flex-direction:row;justify-content:center;background:var(--rpf-white);padding:var(--space-5);gap:var(--space-10)}.secondary-hero__image-container{background-image:url("/assets/image_split_block_bg_purple_200-294b7951.svg");background-repeat:no-repeat;background-size:100%;border-bottom-left-radius:32px;border-bottom-right-radius:32px}@media screen and (width >= 1200px){.secondary-hero__image-container{width:25vw}}.secondary-hero__image{border-radius:16px;width:100%;aspect-ratio:3/2;margin-top:30px;margin-left:30px}@media screen and (width >= 1200px){.secondary-hero__image{margin-left:50px}}.secondary-hero--with-image{flex-direction:column;padding-right:var(--space-10)}@media screen and (width >= 1200px){.secondary-hero--with-image{flex-direction:row}}@media screen and (width >= 1200px){.secondary-hero--with-image .secondary-hero__body{align-items:flex-start}}.secondary-nav{border-top:1px solid var(--rpf-grey-150);background-color:var(--rpf-white);display:flex;flex-direction:column;gap:var(--space-2)}@media screen and (width >= 768px){.secondary-nav{flex-direction:row;align-items:baseline;gap:var(--space-5)}}.secondary-nav--light{background-color:var(--rpf-yellow-100)}.secondary-nav__header{padding:var(--space-1-5) 0 var(--space-1-5) var(--space-2);display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rpf-grey-150)}@media screen and (width >= 768px){.secondary-nav__header{padding:var(--space-1-5) 0 var(--space-1-5) var(--space-2);border-bottom:none}}.secondary-nav__menu-button{display:flex;color:var(--rpf-black)}@media screen and (width >= 768px){.secondary-nav__menu-button{display:none}}.secondary-nav__list{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;flex-direction:column;list-style-type:none;justify-content:flex-start;align-items:baseline;gap:var(--space-3)}@media screen and (width >= 768px){.secondary-nav__list{position:static;width:auto;height:auto;padding:initial;margin:initial;overflow:visible;clip:auto;white-space:normal;border:initial;display:flex;flex-direction:row;margin-left:0;gap:var(--space-2)}}.secondary-nav--open{height:100vh;width:100vw;position:absolute;z-index:2}.secondary-nav--open .secondary-nav__list{position:static;width:auto;height:auto;padding:initial;margin:initial;overflow:visible;clip:auto;white-space:normal;border:initial;margin-left:var(--space-3);display:flex}.secondary-nav__item{font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);display:flex;flex-direction:column;justify-content:center;height:2.5rem;border-bottom:3px solid rgba(0,0,0,0)}@media screen and (width >= 768px){.secondary-nav__item--mobile-only{display:none}}.secondary-nav__item:hover{border-bottom:3px solid var(--rpf-black)}.secondary-nav__item--current{border-bottom:3px solid var(--rpf-black)}.secondary-nav__home{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2)}.subtitle{display:flex;flex-direction:column;gap:var(--space-2)}@media screen and (width >= 768px){.subtitle{gap:var(--space-3)}}.subtitle--center{align-items:center;text-align:center}.subtitle__subtitle{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2)}@media screen and (width >= 768px){.subtitle__subtitle{font-size:var(--font-size-3);font-weight:var(--font-weight-bold);line-height:var(--line-height-2-5)}}@media screen and (width >= 1200px){.subtitle__subtitle{font-size:var(--font-size-4);font-weight:var(--font-weight-bold);line-height:var(--line-height-3-5)}}.subtitle__subcopy{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);max-width:50ch}@media screen and (width >= 768px){.subtitle__subcopy{font-size:var(--font-size-1-5);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}}.unit-card{width:100%;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 24px 0 rgba(0,0,0,.04)}.unit-card__image{width:100%}.unit-card__content{padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.unit-card__pretitle{font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);color:var(--rpf-text-secondary)}.unit-card__title{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2)}.unit-card__description{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}.unit-card__grade .rpf-tag{--tag-color: var(--rpf-white);--tag-text-color: var(--rpf-text);border:1px solid var(--rpf-navy-800)}.unit-card__subjects{display:flex;gap:var(--space-1)}.unit-card__subjects .rpf-tag{--tag-color: var(--rpf-navy-800);--tag-text-color: var(--rpf-white)}.unit-card__tags{padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}:root{--font-family-heading: "Roboto", sans-serif;--font-family-monospace: "Space Mono", monospace;--font-family-sans-serif: "Roboto", sans-serif;--font-family-serif: "Roboto", serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;min-height:500px;font-family:var(--font-family-sans-serif)}a[aria-disabled=true]{cursor:not-allowed;pointer-events:none;text-decoration:none}.u-hide-overflow{overflow:hidden}main{display:flex;flex-direction:column;background-color:var(--rpf-white)}main.projects{height:calc(100% - 2.875rem)}.projects .rpf-button--tertiary{font-size:var(--font-size-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);--rpf-button-background-color: var(--rpf-black)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading)}p{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}a{color:inherit;text-decoration:inherit}.rpf-global-navigation-container{min-height:2.875rem}.hero{width:100%;display:flex;flex-direction:row;justify-content:center;background:var(--rpf-white);padding:var(--space-5)}.hero--decorative{padding:var(--space-8) var(--space-3) var(--space-7) var(--space-3)}@media screen and (width >= 768px){.hero--decorative{padding:var(--space-8) 0 var(--space-7) 0;justify-content:space-between}}@media screen and (width >= 768px){.hero--decorative::before{content:"";width:33%;background-image:url("/assets/hero_left_tablet-1e2e1eb0.svg");background-size:contain;background-position:center;background-repeat:no-repeat}}@media screen and (width >= 1200px){.hero--decorative::before{width:25%;background-image:url("/assets/hero_left_desktop-e96d0ff5.svg")}}@media screen and (width >= 768px){.hero--decorative::after{content:"";width:33%;background-image:url("/assets/hero_right_tablet-ce991a83.svg");background-size:contain;background-position:center;background-repeat:no-repeat}}@media screen and (width >= 1200px){.hero--decorative::after{width:25%;background-image:url("/assets/hero_right_desktop-59724bf5.svg")}}.hero--light{background-color:var(--rpf-yellow-100);padding-top:var(--space-10);padding-bottom:var(--space-10)}.hero__body{display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.hero__text{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.hero__title{font-size:var(--font-size-3);font-weight:var(--font-weight-bold);line-height:var(--line-height-2-5);text-align:center;max-width:70rem}@media screen and (width >= 768px){.hero__title{font-size:var(--font-size-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-4)}}@media screen and (width >= 1200px){.hero__title{font-size:var(--font-size-7);font-weight:var(--font-weight-bold);line-height:var(--line-height-5)}}.hero__subtitle{font-size:var(--font-size-1-5);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);text-align:center;max-width:50rem}@media screen and (width >= 768px){.hero__subtitle{font-size:var(--font-size-1-5);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}}@media screen and (width >= 1200px){.hero__subtitle{font-size:var(--font-size-2);font-weight:var(--font-weight-regular);line-height:var(--line-height-2)}}.pill{font-size:var(--font-size-0-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-1);background:var(--rpf-white);padding:var(--space-1) var(--space-2);border-radius:var(--space-5);display:flex;align-items:center;gap:var(--space-1);width:max-content}@media screen and (width >= 768px){.pill{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}}.pill--border{border:1px solid var(--rpf-grey-100)}.pill--dark{background:none;border:1px solid var(--rpf-grey-100)}.pill img{max-height:var(--space-4);margin-top:2px}.register{align-self:center;display:flex;flex-direction:column;gap:var(--space-7);padding:var(--space-3) var(--space-3);background-color:var(--rpf-yellow-200);border-radius:var(--space-3);margin-left:var(--space-3);margin-right:var(--space-3)}@media screen and (width >= 768px){.register{margin-left:var(--space-8);margin-right:var(--space-8);padding:var(--space-3) var(--space-5)}}@media screen and (width >= 1200px){.register{flex-direction:row;max-width:1240px}}.register__header{display:flex;flex-direction:column;justify-content:center;gap:var(--space-1)}.register__title{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2)}@media screen and (width >= 768px){.register__title{font-size:var(--font-size-3);font-weight:var(--font-weight-bold);line-height:var(--line-height-2-5)}}.register__text{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);max-width:45ch;margin-bottom:var(--space-1)}@media screen and (width >= 768px){.register__text{font-size:var(--font-size-2);font-weight:var(--font-weight-regular);line-height:var(--line-height-2)}}.register__body{display:flex;flex-direction:column;gap:var(--space-3)}.project-wrapper{display:flex;flex-direction:column;height:100%}.project-navigation{font-size:var(--font-size-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);background-color:var(--rpf-white);display:flex;border-top:1px solid var(--rpf-grey-150);border-bottom:1px solid var(--rpf-grey-150)}.project-navigation__title{font-size:var(--font-size-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5)}.project-navigation__section{display:flex;gap:var(--space-1);justify-content:flex-start;align-items:center;padding:var(--space-1);border-right:1px solid var(--rpf-grey-150)}.project-navigation__spacer{flex-grow:1;border-right:1px solid var(--rpf-grey-150)}.project-navigation__file-input{display:none}.project-navigation .rpf-button{--rpf-button-background-color: var(--rpf-teal-800);--rpf-button-text-color: var(--rpf-black);--rpf-button-background-color-hover: var(--rpf-teal-900)}.project-navigation .add-to-class-button{--rpf-button-background-color: var(--rpf-white);--rpf-button-border-color: var(--rpf-teal-800);--rpf-button-border-color-hover: var(--rpf-teal-900);--rpf-button-background-color-hover: var(--rpf-white)}.project-navigation .rpf-button--tertiary{--rpf-button-background-color: var(--rpf-black)}.project-container{background-color:var(--rpf-teal-100);display:flex;gap:var(--space-1);padding:var(--space-1);height:100%;flex:1;min-height:0}.project-container__left-panel{max-width:50ch;border:1px solid var(--rpf-grey-150);border-radius:8px;display:flex;flex-direction:row;overflow:hidden}.project-container__right-panel{display:flex;min-width:945px;flex-grow:1;overflow:hidden}.project-container__scratch-editor{width:100%;border:none}.project-container__header{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2)}.project-container__tab-bar{background-color:var(--rpf-off-white);height:100%;width:50px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-right:1px solid var(--rpf-grey-150);padding-bottom:var(--space-1)}.project-container__tab-container{width:100%;display:flex;flex-direction:column;align-items:center}.project-container__left-panel--closed .project-container__tab-bar{border-right:none}.project-container__tab{padding:var(--space-1)}.project-container__tab--selected{background-color:var(--rpf-white);border-top:1px solid var(--rpf-grey-150);border-bottom:1px solid var(--rpf-grey-150);border-left:1px solid var(--rpf-grey-150);border-right:1px solid var(--rpf-white);border-top-left-radius:10px;border-bottom-left-radius:10px}.project-container__tab svg{width:40px;height:40px;margin-bottom:-2px}.project-container__tab img{width:100%}.project-container__action{width:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;padding:var(--space-2) var(--space-1)}.project-container__left-panel--closed .project-container__action{transform:scaleX(-1)}.project-container__action:hover{background-color:var(--rpf-grey-150)}.project-container__instructions{background-color:var(--rpf-white);padding:var(--space-2);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3)}.project-container__instructions h3{font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5)}.project-container__instructions h4{font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5)}.project-container__instructions ul{list-style-position:inside;margin-left:var(--space-1)}.project-container__instructions li{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}.project-container__instructions ol{list-style-position:inside}.project-container__instructions strong{font-weight:var(--font-weight-bold)}.project-container__instructions span.project-container__block-reference{padding:var(--space-0-5);margin:0 var(--space-0-5);border-radius:4px;font-weight:var(--font-weight-bold);text-wrap:nowrap}.project-container__instructions span.project-container__block-reference--looks{background-color:#9d68ff}.project-container__instructions span.project-container__block-reference--control{background-color:#f3b10a}.project-container__instructions span.project-container__block-reference--motion{background-color:#6a94ff}.project-container__instructions span.project-container__block-reference--sound{background-color:#cf63cf}.project-container__instructions span.project-container__block-reference--events{background-color:#ffbf00}.project-container__instructions span.project-container__block-reference--sensing{background-color:#5cb1d6}.project-container__instructions span.project-container__block-reference--operators{background-color:#59c059}.project-container__instructions span.project-container__block-reference--variables{background-color:#ff8c1a}.project-container__instructions span.project-container__block-reference--my-blocks{background-color:#ff6680}.project-container__left-panel--closed .project-container__instructions{display:none}.card-container{display:flex;flex-direction:column;gap:var(--space-6)}@media screen and (width >= 1200px){.card-container{flex-direction:row;gap:var(--space-3)}}.subscriptions{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;background-color:var(--rpf-yellow-100);padding:var(--space-3)}@media screen and (width >= 768px){.subscriptions{gap:var(--space-5)}}.subscriptions__content{display:flex;flex-direction:column-reverse;gap:var(--space-3)}@media screen and (width >= 768px){.subscriptions__content{flex-direction:row}}.subscriptions__title{font-size:var(--font-size-3);font-weight:var(--font-weight-bold);line-height:var(--line-height-2-5);text-align:center}@media screen and (width >= 768px){.subscriptions__title{font-size:var(--font-size-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-4)}}@media screen and (width >= 1200px){.subscriptions__title{font-size:var(--font-size-7);font-weight:var(--font-weight-bold);line-height:var(--line-height-5)}}.subscriptions__subtitle{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);max-width:50ch;text-align:center}@media screen and (width >= 768px){.subscriptions__subtitle{font-size:var(--font-size-1-5);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}}@media screen and (width >= 1200px){.subscriptions__subtitle{font-size:var(--font-size-2);font-weight:var(--font-weight-regular);line-height:var(--line-height-2)}}.subscriptions__box-title{font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5)}@media screen and (width >= 768px){.subscriptions__box-title{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2)}}.subscriptions__box{display:flex;flex-direction:column;gap:var(--space-3);border:2px solid var(--rpf-yellow-600);border-radius:var(--space-3);padding:var(--space-3);background-color:var(--rpf-white);flex-grow:1;flex-basis:70ch}@media screen and (width >= 768px){.subscriptions__box{padding:var(--space-5)}}.image-split-block{padding:var(--space-7) var(--space-3);display:flex;flex-direction:column;gap:var(--space-10)}@media screen and (width >= 768px){.image-split-block{padding:var(--space-10)}}@media screen and (width >= 1200px){.image-split-block{flex-direction:row}}@media screen and (width >= 1200px){.image-split-block>*{flex-grow:1;flex-basis:400px}}@media screen and (width >= 1200px){.image-split-block--reverse{flex-direction:row-reverse}}.image-split-block__content{display:flex;flex-direction:column;gap:var(--space-2)}.image-split-block__title{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2)}@media screen and (width >= 768px){.image-split-block__title{font-size:var(--font-size-4);font-weight:var(--font-weight-bold);line-height:var(--line-height-3-5)}}.image-split-block__body{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}@media screen and (width >= 768px){.image-split-block__body{font-size:var(--font-size-1-5);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}}.image-split-block__image-container{background-image:url("/assets/image_split_block_bg_orange_200-4a91372e.svg");background-repeat:no-repeat;background-size:100%;border-bottom-left-radius:32px;border-bottom-right-radius:32px;padding:var(--space-2);width:100%}@media screen and (width >= 768px){.image-split-block__image-container{width:90%}}.image-split-block--blue .image-split-block__image-container{background-image:url("/assets/image_split_block_bg_blue_200-d03bcfd9.svg")}.image-split-block--purple .image-split-block__image-container{background-image:url("/assets/image_split_block_bg_purple_200-294b7951.svg")}.image-split-block__image-container img{border-radius:var(--space-3);width:100%}@media screen and (width >= 768px){.image-split-block__image-container img{width:100%;margin-top:30px;margin-left:30px}}@media screen and (width >= 768px){.image-split-block--reverse .image-split-block__image-container img{margin-left:-30px}}.image-split-block__list{padding-left:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.image-split-block__list-item{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}@media screen and (width >= 768px){.image-split-block__list-item{font-size:var(--font-size-1-5);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}}.confirmation{background-color:var(--rpf-yellow-100);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4)}.confirmation>*{display:flex;flex-direction:column;align-items:center}.confirmation__icon{font-size:var(--font-size-3);font-weight:var(--font-weight-regular);line-height:var(--line-height-2-5);width:var(--space-8);height:var(--space-8);display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--rpf-green-200)}.confirmation__title{text-align:center}.confirmation__subtitle{text-align:center}.confirmation__body{max-width:70ch;text-align:center}.subscribe-footer{background-color:var(--rpf-yellow-200);display:flex;justify-content:center;margin-top:var(--space-5);background-image:url("/assets/block_divider_yellow-dc777cef.svg");background-repeat:no-repeat;background-position:top;background-origin:content-box}.subscribe-footer__container{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;text-align:center;padding:var(--space-8) var(--space-5);margin-top:var(--space-8)}@media screen and (width >= 768px){.subscribe-footer__container{gap:var(--space-5)}}.subscribe-footer__title{font-size:var(--font-size-3);font-weight:var(--font-weight-bold);line-height:var(--line-height-2-5)}@media screen and (width >= 768px){.subscribe-footer__title{font-size:var(--font-size-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-4)}}.subscribe-footer__text{font-size:var(--font-size-1-5);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);max-width:50rem}.footer{background-color:var(--rpf-grey-700);color:var(--rpf-white)}.footer__top{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6) var(--space-3);align-items:center}@media screen and (width >= 1200px){.footer__top{flex-direction:row;justify-content:space-between}}.footer__bottom{background-color:var(--rpf-grey-850);padding:var(--space-3);display:flex;gap:var(--space-2);align-items:center}.footer__title{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2)}@media screen and (width >= 768px){.footer__title{padding-right:var(--space-1-5);border-right:2px solid var(--rpf-white)}}@media screen and (width >= 768px){.footer__logo{padding-left:var(--space-1-5)}}.footer__text{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}.footer__logo-container{display:flex;flex-direction:column;gap:var(--space-4)}.footer__title-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}@media screen and (width >= 768px){.footer__title-container{flex-direction:row;gap:0}}.footer__link-list{font-size:var(--font-size-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);list-style-type:none;display:flex;flex-direction:column;gap:var(--space-3);align-items:center}@media screen and (width >= 768px){.footer__link-list{flex-direction:row}}@media screen and (width >= 1200px){.footer__link-list{align-self:flex-start}}.footer__link-list a{text-decoration:underline}.extended-hint{margin-top:calc(-1*var(--space-0-5))}.extended-hint__title{font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5)}.extended-hint__body{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}.units-section{padding:var(--space-7) var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}@media screen and (width >= 768px){.units-section{padding:var(--space-10)}}.units-section__header{font-size:var(--font-size-7);font-weight:var(--font-weight-bold);line-height:var(--line-height-5)}.units-section__description{font-size:var(--font-size-2);font-weight:var(--font-weight-regular);line-height:var(--line-height-2);max-width:60ch}.units-section__availability{font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5)}.units-section__grid{display:grid;grid-template-columns:1fr;gap:var(--space-3);flex-wrap:wrap}@media screen and (width >= 768px){.units-section__grid{grid-template-columns:repeat(2, 1fr)}}@media screen and (width >= 1200px){.units-section__grid{grid-template-columns:repeat(3, 40ch)}}.unit-content-container{width:100%;max-width:880px;padding:var(--space-3) var(--space-3) var(--space-8) var(--space-3);display:flex;gap:var(--space-3);flex-direction:column;align-self:center}@media screen and (width >= 768px){.unit-content-container{padding-top:var(--space-5);gap:var(--space-5)}}.unit-overview-documents{border:1px solid var(--rpf-grey-150);border-radius:16px;box-shadow:0 0 8px 0 rgba(0,0,0,.08);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) var(--space-2);width:100%}@media screen and (width >= 768px){.unit-overview-documents{padding:var(--space-3) var(--space-5);background-color:var(--rpf-navy-100);overflow:hidden}}.unit-overview-documents__items{display:flex;flex-direction:column;gap:var(--space-1)}@media screen and (width >= 768px){.unit-overview-documents__items{flex-direction:row;gap:var(--space-2)}}.lesson-card-container{display:flex;flex-direction:column;gap:var(--space-3)}.unit-coming-soon-card{width:100%;border-radius:16px;overflow:hidden;max-width:880px;display:flex;flex-direction:column;background-color:var(--rpf-yellow-200);padding:var(--space-3);gap:var(--space-3)}.unit-coming-soon-card__details{display:flex;flex-direction:column;gap:var(--space-1);flex-grow:1}.unit-coming-soon-card__title{font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5)}@media screen and (width >= 768px){.unit-coming-soon-card__title{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2)}}.unit-coming-soon-card__description{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}.lesson-content-login-card{display:flex;flex-flow:row wrap;padding:var(--space-2);width:100%;border:1px solid var(--rpf-raspberry-400);border-radius:8px;background:var(--rpf-raspberry-100);gap:var(--space-2)}@container (min-width: 300px){.lesson-content-login-card{gap:var(--space-3)}}.lesson-content-login-card__icon{flex-shrink:0;padding:var(--space-1);border-radius:8px;color:var(--rpf-raspberry-900);background-color:var(--rpf-raspberry-400);display:flex;align-items:center;justify-content:center;width:36px;height:36px}.lesson-content-login-card__content{flex-grow:1;display:flex;flex-direction:column;gap:var(--space-0-5)}.lesson-content-login-card__title{font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5)}.lesson-content-login-card__subtitle{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);max-width:60ch}.lesson-content-login-card__form{flex-shrink:0}.rpf-error-message{max-width:50ch}.key-info-wrapper{box-shadow:0 12px 24px 0 rgba(0,0,0,.04);border-width:1px 0;border-style:solid;border-color:var(--rpf-grey-150);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);align-items:center;justify-content:center}@media screen and (width >= 768px){.key-info-wrapper{flex-direction:row}}.lesson-overview{background-color:var(--rpf-off-white);padding:var(--space-7) var(--space-3);display:flex;justify-content:center;gap:var(--space-3);flex-direction:column}@media screen and (width >= 768px){.lesson-overview{padding:var(--space-7);flex-direction:row}}.lesson-content-container{container-type:inline-size;background-color:var(--rpf-white);border:1px solid var(--rpf-grey-150);border-radius:16px;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:880px}@media screen and (width >= 768px){.lesson-content-container{gap:var(--space-4)}}.lesson-content-container__section{display:flex;flex-direction:column;gap:var(--space-2)}.lesson-content-container__title{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2)}.lesson-content-container__section-title{font-size:var(--font-size-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5)}@media screen and (width >= 768px){.lesson-content-container__section-title{font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5)}}.lesson-content-container__section-subtitle{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}.lesson-content-container__section-list{list-style-position:inside;margin-left:var(--space-1)}.teaching-resources-container{display:grid;grid-template-columns:1fr;gap:var(--space-5);align-self:center;width:100%}@media screen and (width >= 1200px){.teaching-resources-container{grid-template-columns:repeat(2, 1fr);max-width:1200px}}.new-to-scratch{width:100%;display:flex;flex-direction:column;gap:var(--space-3)}@media screen and (width >= 1200px){.new-to-scratch{flex-direction:row;gap:var(--space-10)}}.new-to-scratch__image-container{width:100%;aspect-ratio:3/2;border:1px solid var(--rpf-raspberry-400);border-radius:var(--space-3);overflow:hidden;background-image:url("/assets/new_to_scratch-aa5e97be.png");background-size:cover;background-position:center;background-repeat:no-repeat}@media screen and (width >= 1200px){.new-to-scratch__image-container{width:50%;max-width:680px}}.new-to-scratch__content{display:flex;flex-direction:column;gap:var(--space-2)}@media screen and (width >= 1200px){.new-to-scratch__content{align-self:center}}.new-to-scratch__title{font-size:var(--font-size-3);font-weight:var(--font-weight-bold);line-height:var(--line-height-2-5)}@media screen and (width >= 768px){.new-to-scratch__title{font-size:var(--font-size-4);font-weight:var(--font-weight-bold);line-height:var(--line-height-3-5)}}.new-to-scratch__body{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);max-width:55ch}@media screen and (width >= 1200px){.new-to-scratch__body{font-size:var(--font-size-1-5);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}}.upcoming-webinar{align-self:center;width:100%;background-color:var(--rpf-blue-100);border-radius:var(--space-2)}@media screen and (width >= 1200px){.upcoming-webinar{background-image:url("/assets/webinar_background-1af43cc7.png");background-position:bottom right;background-repeat:no-repeat;background-size:40%}}.upcoming-webinar__content{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.upcoming-webinar__text{display:flex;flex-direction:column;gap:var(--space-1)}.upcoming-webinar__subtitle{color:var(--rpf-text-secondary);font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5)}@media screen and (width >= 768px){.upcoming-webinar__subtitle{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2)}}.upcoming-webinar__title{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2)}@media screen and (width >= 768px){.upcoming-webinar__title{font-size:var(--font-size-3);font-weight:var(--font-weight-bold);line-height:var(--line-height-2-5)}}.upcoming-webinar__datetime{font-size:var(--font-size-2);font-weight:var(--font-weight-regular);line-height:var(--line-height-2)}@media screen and (width >= 768px){.upcoming-webinar__datetime{font-size:var(--font-size-3);font-weight:var(--font-weight-regular);line-height:var(--line-height-2-5)}}.upcoming-webinar__body{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);max-width:50ch}@media screen and (width >= 768px){.upcoming-webinar__body{font-size:var(--font-size-1-5);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}}.upcoming-webinar-section{width:100%;display:flex;justify-content:center;padding:var(--space-4) var(--space-3)}@media screen and (width >= 768px){.upcoming-webinar-section{padding:var(--space-7)}}@media screen and (width >= 1200px){.upcoming-webinar-section{padding:var(--space-7) 11rem}}.add-lesson-to-class{width:100%;background-color:#e7f8f7;display:flex;padding:var(--space-10);justify-content:center}.add-lesson-to-class__form{border:1px solid var(--rpf-grey-150);padding:var(--space-3);max-width:600px;border-radius:8px;background-color:var(--rpf-white);display:flex;flex-direction:column;gap:var(--space-3)}.add-lesson-to-class__form p{font-size:var(--font-size-1-5);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}.add-lesson-to-class__title{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2)}.add-lesson-to-class__icon{align-self:center;font-size:64px}.add-lesson-to-class__classes{list-style-position:inside;font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5)}.add-lesson-to-class__form-button{display:flex;justify-content:end}.add-lesson-to-class__buttons{display:flex;gap:var(--space-2)}.two-column-slice{width:100%;display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-2) var(--space-4)}@media screen and (width >= 768px){.two-column-slice{padding:var(--space-10) var(--space-8);gap:var(--space-10)}}@media screen and (width >= 1200px){.two-column-slice{display:grid;grid-template-columns:1fr 1fr}}@media screen and (width >= 1200px){.two-column-slice__left{display:flex;align-items:center}}.two-column-slice__right{display:flex;flex-direction:column;gap:var(--space-5)}@media screen and (width >= 768px){.two-column-slice__right{gap:var(--space-8)}}.project-banner{display:flex;padding:var(--space-1) var(--space-2);gap:var(--space-2);align-items:center;background-color:var(--rpf-teal-200)}.project-banner__text{font-size:var(--font-size-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);color:var(--rpf-text)}.project-banner__button{color:var(--rpf-text);--rpf-button-background-color: var(--rpf-teal-800);--rpf-button-background-color-hover: var(--rpf-teal-800)}