gwchq-textjam 0.1.3 → 0.1.5

package/dist/style.css

@@ -806,307 +806,19 @@ body.react-confirm-alert-body-element {
 :root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}.files-list-item-wrapper{display:flex;position:relative}.files-list-item{inline-size:100%;display:flex;flex-direction:row !important;justify-content:flex-start;position:relative;align-items:center;border-radius:8px;border:3px solid rgba(0,0,0,0);box-sizing:border-box;white-space:nowrap;font-weight:400;min-block-size:44px;padding:calc(.5rem*var(--scale-factor, 1)) calc(2.5rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1));margin:0}.files-list-item span{font-weight:700;overflow-x:hidden;text-overflow:ellipsis}.files-list-item__menu{border-radius:8px;position:absolute;inset-inline-end:0}.files-list-item:hover,.files-list-item__menu:hover{background-color:var(--rpf-files-list-item-hover)}.files-list-item:hover::before,.files-list-item__menu:hover::before{background-color:rgba(0,0,0,0) !important}.files-list-item:active,.files-list-item__menu:active{background-color:var(--rpf-files-list-item-active)}
 :root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}.sidebar{display:flex;position:relative;scrollbar-width:none}.sidebar--mobile{block-size:100%;inline-size:100%;overflow-y:hidden}.sidebar--mobile .react-tabs .react-tabs__tab-list{flex:unset}.editor-logo{block-size:calc(2.5rem*var(--scale-factor, 1));inline-size:calc(2.5rem*var(--scale-factor, 1));padding:calc(.75rem*var(--scale-factor, 1))}.sidebar__bar{display:flex;flex-direction:column;justify-content:space-between;border-radius:8px;background-color:var(--sidebar-background)}.sidebar__bar--selected{border-radius:8px 0 0 8px;background-color:var(--sidebar-background-selected);border-inline-end:1px solid var(--sidebar-border)}.sidebar__bar-options--top,.sidebar__bar-options--bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(.5rem*var(--scale-factor, 1))}.sidebar__bar-option-wrapper{padding:calc(.75*.5rem*var(--scale-factor, 1));border:1px solid rgba(0,0,0,0)}.sidebar__bar-option-wrapper--selected{background-color:var(--sidebar-panel-background);border-radius:calc(.5rem*var(--scale-factor, 1)) 0 0 calc(.5rem*var(--scale-factor, 1));border-block:1px solid var(--sidebar-border);border-inline-start:1px solid var(--sidebar-border)}.sidebar__bar-option-wrapper--selected .sidebar__bar-option{border:2px solid var(--sidebar-option-selected-border)}.sidebar__bar-option{display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;border:2px solid rgba(0,0,0,0)}.sidebar__bar-option svg{margin:0}.sidebar__bar-option:hover{background-color:var(--sidebar-option-hover)}.sidebar__bar-option--selected{background-color:var(--sidebar-option-selected-background)}.sidebar__bar-option--selected svg{fill:var(--sidebar-option-selected-icon)}.sidebar__bar-option--selected:hover{background-color:var(--sidebar-option-selected-background-hover)}.sidebar__bar-close{border-block-start:1px solid var(--sidebar-border)}.sidebar__panel{display:flex;flex-direction:column;padding-block-start:calc(1rem*var(--scale-factor, 1));border-radius:0 8px 8px 0;inline-size:inherit;background:var(--sidebar-panel-background)}.sidebar__panel--with-footer{padding-block-end:calc(2rem*var(--scale-factor, 1))}.sidebar__panel-heading{margin:0;font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1))}.sidebar__panel-header{display:flex;flex-direction:column;gap:calc(1rem*var(--scale-factor, 1));padding-block-end:calc(1rem*var(--scale-factor, 1));margin-inline:calc(1rem*var(--scale-factor, 1));border-block-end:1px solid var(--sidebar-border)}.sidebar__panel-content{flex:1;padding:calc(1rem*var(--scale-factor, 1));overflow-y:auto;scrollbar-width:thin}.sidebar__panel-buttons{display:flex;flex-direction:column;gap:calc(1rem*var(--scale-factor, 1))}.sidebar__panel-footer{border-block-start:1px solid #d5d7dc;inset-block-end:0px;inline-size:100%;inline-size:-moz-available;inline-size:-webkit-stretch;inline-size:stretch;padding-inline:calc(1rem*var(--scale-factor, 1));background-color:#fff;border-end-end-radius:8px}
 .resizable-with-handle__handle--right div{inset-inline-end:3px !important}.resizable-with-handle__handle--right div svg{block-size:100%;min-inline-size:0}.resizable-with-handle__handle--bottom div{inset-block-end:3px !important}.resizable-with-handle__handle--bottom div svg{inline-size:100%}
-:root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}.info-panel{border-radius:calc(.5rem*var(--scale-factor, 1));padding:calc(1rem*var(--scale-factor, 1));margin-block-end:calc(.5rem*var(--scale-factor, 1))}.info-panel p{margin:0}.info-panel__links{display:flex;flex-direction:column}.info-panel__links a{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));font-weight:700;text-decoration:underline}.info-panel__link:last-of-type{margin-block-end:calc(1rem*var(--scale-factor, 1))}.--dark .info-panel{color:#fff;background-color:#4a4d59}.--dark .info-panel__links a{color:#fff}.--light .info-panel{color:#212121;background-color:#f1f2f3}.--light .info-panel__links a{color:#212121}
 :root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}.select-buttons{border:none;margin:0;padding:0}.select-buttons__legend{padding:0;margin-block-end:calc(1rem*var(--scale-factor, 1))}.select-buttons__options{display:flex;inline-size:100%;gap:calc(1rem*var(--scale-factor, 1));flex-wrap:wrap}.select-buttons__option{flex:1}.select-buttons__button{opacity:0;position:absolute}.select-buttons__label{display:flex;align-items:center;padding:calc(.75rem*var(--scale-factor, 1));gap:calc(.75rem*var(--scale-factor, 1));border-radius:8px;position:relative;box-sizing:border-box;font-weight:700;cursor:pointer}.select-buttons__tick{display:flex;align-items:center;margin-inline-start:auto;visibility:hidden}.select-buttons__tick--selected{visibility:visible}.select-buttons__tick--selected svg rect{fill:var(--editor-color-theme)}.select-buttons__tick--selected svg path{fill:var(--rpf-select-buttons-tick-color)}.--light .select-buttons__label{border:2px solid #d5d7dc}.--light .select-buttons__label--selected{border:2px solid #212121}.--dark .select-buttons__label{border:2px solid #636674}.--dark .select-buttons__label--selected{border:2px solid #babcc5}.select-buttons__button:focus-visible+.select-buttons__label{outline:3px solid #cd2356}
 :root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}.settings-panel{display:flex;flex-direction:column;gap:calc(1.25rem*var(--scale-factor, 1));padding:calc(.25rem*var(--scale-factor, 1))}.settings-panel .select-buttons__legend{font-size:calc(1.25rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));font-weight:700}.settings-panel .select-buttons__options{flex-direction:column}
 :root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}.projects-panel-wrapper .projects-panel__your-projects-button{display:flex;align-items:center;justify-content:center;inline-size:100%;box-sizing:border-box;margin:0}.projects-panel-wrapper .projects-panel__your-projects-button a{color:#000;text-decoration:none}.projects-panel-wrapper .projects-panel__download-button{inline-size:100%;margin:0;justify-content:center}.projects-panel-wrapper .project-name{block-size:auto;padding-inline-start:0}.projects-panel-wrapper .project-name__label{padding-inline-start:0}.projects-panel-wrapper .project-name__input{padding:0 calc(1rem*var(--scale-factor, 1))}.projects-panel-wrapper .projects-panel__item{margin-block-end:calc(1rem*var(--scale-factor, 1))}.projects-panel-wrapper .projects-panel__save,.projects-panel-wrapper .projects-panel__button{border-block-start:1px solid var(--sidebar-border);padding:calc(1rem*var(--scale-factor, 1)) 0;display:flex}.projects-panel-wrapper .projects-panel__save-button{inline-size:100%;margin-block-end:calc(1rem*var(--scale-factor, 1));justify-content:center}.projects-panel-wrapper .projects-panel__save-button .icon{display:none}.projects-panel-wrapper .projects-panel__save-button .content{margin:auto}.projects-panel-wrapper .projects-panel__save-button span{font-weight:bold}.projects-panel-wrapper .projects-panel__save-status{margin:auto;inline-size:fit-content}.--dark .projects-panel__save-button .content{color:#fff}
 :root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}.project-info{align-items:inline-start;display:flex;flex-direction:column;padding:calc(1rem*var(--scale-factor, 1));border-radius:calc(.5rem*var(--scale-factor, 1));border:none;background-color:inherit}.project-info .btn--primary{margin:0 calc(.5rem*var(--scale-factor, 1))}.project-type__label{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));font-weight:700;margin-block-end:calc(.5rem*var(--scale-factor, 1));display:block}.project-type__text{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));color:inherit;text-overflow:ellipsis}.--light .project-info{background-color:#f1f2f3}.--dark .project-info{background-color:#4a4d59}
-:root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}.project-images{display:grid;grid-template-columns:repeat(auto-fill, 135px);justify-content:center;gap:calc(1rem*var(--scale-factor, 1))}.project-images__block{display:flex;flex-direction:column;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word;text-align:center;vertical-align:block-start}.project-images__image-wrapper{display:flex;flex:1;align-items:center;justify-content:center}.project-images__image{inline-size:100%}.project-images p{margin:0}
 :root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}.download-panel__login-section{border-block-end:1px solid #d5d7dc;margin-block-end:calc(1.5rem*var(--scale-factor, 1));padding-block-end:calc(1.5rem*var(--scale-factor, 1))}.download-panel__subtitle{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));font-weight:700;margin-block-end:calc(.5rem*var(--scale-factor, 1))}.download-panel__hint{margin:0;margin-block-end:calc(1rem*var(--scale-factor, 1))}.download-panel__button-container{display:flex;flex-direction:column;justify-content:center;align-self:stretch;gap:calc(1rem*var(--scale-factor, 1));align-items:stretch}.download-panel__button{justify-content:center;inline-size:100%;box-sizing:border-box;margin:0}.download-panel__download-section{margin-block-end:calc(1rem*var(--scale-factor, 1))}
-.progress-bar{accent-color:var(--editor-color-theme);display:flex;align-items:center;justify-content:center;max-inline-size:300px;margin:auto}.progress-bar progress{flex:1;min-inline-size:0px}.progress-bar .btn-outer{padding:calc(.5rem*var(--scale-factor, 1))}
-:root,:host{--rpf-brand-black: hsla(60, 4%, 11%, 1);--rpf-brand-leaf: hsla(123, 43%, 48%, 1);--rpf-brand-raspberry: hsla(342, 71%, 47%, 1);--rpf-raspberry-50: hsla(338, 57%, 97%, 1);--rpf-raspberry-100: hsla(342, 62%, 96%, 1);--rpf-raspberry-200: hsla(344, 73%, 93%, 1);--rpf-raspberry-400: hsla(341, 63%, 84%, 1);--rpf-raspberry-500: hsla(343, 62%, 68%, 1);--rpf-raspberry-600: hsla(343, 64%, 58%, 1);--rpf-raspberry-800: hsla(342, 71%, 47%, 1);--rpf-raspberry-900: hsla(340, 78%, 36%, 1)}:root,:host{--space-0-125: 0.0625rem;--space-0-25: 0.125rem;--space-0-5: 0.25rem;--space-1: 0.5rem;--space-1-5: 0.75rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-7: 3.5rem;--space-8: 4rem;--space-9: 4.5rem;--space-10: 5rem}.rpf-squiggle-heading::after,.project-instructions .c-project-heading--task::after,.rpf-squiggle{--rpf-squiggle-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%22%20viewBox%3D%220%200%2029%2013%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M3%2011c7%200%207-8%2014-8%208%200%208%208%2015%208%22%20style%3D%22fill%3Anone%3Bfill-rule%3Anonzero%3Bstroke%3Awhite%3Bstroke-width%3A4px%22%20transform%3D%22translate%28-3%29%22%2F%3E%3C%2Fsvg%3E");--rpf-squiggle-end-cap-l-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%22%20viewBox%3D%220%200%202%2013%22%3E%3Ccircle%20cx%3D%220%22%20cy%3D%2211%22%20r%3D%222%22%20style%3D%22fill%3Awhite%22%2F%3E%3C%2Fsvg%3E");--rpf-squiggle-end-cap-r-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%22%20viewBox%3D%220%200%202%2013%22%3E%3Ccircle%20cx%3D%222%22%20cy%3D%2211%22%20r%3D%222%22%20style%3D%22fill%3Awhite%22%2F%3E%3C%2Fsvg%3E");background-color:var(--rpf-squiggle-color, var(--rpf-brand-raspberry));border:2px solid rgba(0,0,0,0);border-block:none;block-size:13px;mask-clip:content-box,border-box,border-box;mask-image:var(--rpf-squiggle-mask),var(--rpf-squiggle-end-cap-l-mask),var(--rpf-squiggle-end-cap-r-mask);mask-origin:content-box,border-box,border-box;mask-position:top left,top right,top left;mask-repeat:round,no-repeat,no-repeat;mask-size:29px 13px,2px 13px,2px 13px;-webkit-mask-clip:content-box,border-box,border-box;-webkit-mask-image:var(--rpf-squiggle-mask),var(--rpf-squiggle-end-cap-l-mask),var(--rpf-squiggle-end-cap-r-mask);-webkit-mask-origin:content-box,border-box,border-box;-webkit-mask-position:top left,top right,top left;-webkit-mask-repeat:round,no-repeat,no-repeat;-webkit-mask-size:29px 13px,2px 13px,2px 13px}.rpf-squiggle-heading,.project-instructions .c-project-heading--task{display:inline-block;position:relative;padding-block-end:calc(13px + var(--space-1))}.rpf-squiggle-heading::after,.project-instructions .c-project-heading--task::after{content:"";display:block;position:absolute;inset-inline:0;margin-block-start:var(--space-1)}:root,:host{--font-size-0-5: 0.5rem;--font-size-0-75: 0.75rem;--font-size-1: 1rem;--font-size-1-5: 1.25rem;--font-size-2: 1.5rem;--font-size-3: 2rem;--font-size-4: 2.5rem;--font-size-5: 3rem;--font-size-6: 3.5rem;--font-size-7: 4rem;--font-size-8: 4.5rem;--font-size-9: 5rem}:root,:host{--font-weight-regular: 400;--font-weight-bold: 700}:root,:host{--line-height-0-75: 0.75rem;--line-height-1: 1rem;--line-height-1-5: 1.5rem;--line-height-2: 2rem;--line-height-2-5: 2.5rem;--line-height-3: 3rem;--line-height-3-5: 3.5rem;--line-height-4: 4rem;--line-height-4-5: 4.5rem;--line-height-5: 5rem;--line-height-5-5: 5.5rem;--line-height-6: 6rem;--line-height-6-5: 6.5rem}:root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}.project-instructions{block-size:100%}.project-instructions h2{font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);margin:0}.project-instructions p{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}.project-instructions a{color:var(--editor-color-theme-secondary)}.project-instructions strong{font-weight:var(--font-weight-bold)}.project-instructions img{max-inline-size:100%}.project-instructions table{border-collapse:collapse;margin-block-end:calc(1.5rem*var(--scale-factor, 1));inline-size:100%}.project-instructions table tr{border-block-end:1px solid #000}.project-instructions table td{padding:calc(.5rem*var(--scale-factor, 1)) calc(1.5rem*var(--scale-factor, 1))}.project-instructions code{color:#fff;background-color:#33353d;border-radius:8px;padding:calc(.75*.125rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1))}.project-instructions pre{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);background-color:#33353d;border:1px solid #4a4d59;border-radius:8px;padding:calc(.5rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1));overflow:auto;margin:calc(1rem*var(--scale-factor, 1)) 0}.project-instructions pre code{padding-inline:0}.project-instructions .c-project-code{background-color:#33353d;border-radius:8px;margin:calc(1rem*var(--scale-factor, 1)) 0 calc(1.5rem*var(--scale-factor, 1)) 0}.project-instructions .c-project-code pre{border:none;margin:0}.project-instructions .c-project-code code{padding-inline-start:0}.project-instructions .c-code-filename{font-family:var(--wc-font-family-monospace);margin:0;padding:calc(.5rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1));color:#fff;background-color:#2a2b32;border-start-start-radius:8px;border-start-end-radius:8px;border-block-end:1px solid #4a4d59}.project-instructions .line-numbers{padding-inline-start:calc(3rem*var(--scale-factor, 1));padding-inline-end:calc(1rem*var(--scale-factor, 1))}.project-instructions .line-numbers-rows{border-color:#ccc}.project-instructions .line-numbers-rows span::before{padding-inline-end:calc(.5rem*var(--scale-factor, 1));color:#ccc}.project-instructions .line-highlight{margin-block-start:.5rem;background-color:#fff;mix-blend-mode:difference;min-inline-size:100%}.project-instructions .language-python .number,.project-instructions .language-python .boolean,.project-instructions .language-python .function{color:#9ee8ff}.project-instructions .language-python .keyword{color:#ecf}.project-instructions .language-python .string,.project-instructions .language-python .char{color:#94f9af}.project-instructions .language-python .comment{color:#ffca99}.project-instructions .language-python .keyword-print{color:#fff}.project-instructions .language-javascript .number,.project-instructions .language-javascript .boolean{color:#9ee8ff}.project-instructions .language-javascript .keyword{color:#ecf}.project-instructions .language-javascript .string,.project-instructions .language-javascript .char{color:#94f9af}.project-instructions .language-javascript .comment{color:#ffca99}.project-instructions .language-javascript .keyword-print{color:#fff}.project-instructions .language-css{color:#9ee8ff}.project-instructions .language-css .comment{color:#ffca99}.project-instructions .language-css .selector{color:#ecf}.project-instructions .language-css .function{color:#ecf}.project-instructions .language-css .property,.project-instructions .language-css .punctuation{color:#fff}.project-instructions .language-html .tag{color:#ecf}.project-instructions .language-html .tag .punctuation,.project-instructions .language-html .tag .attr-name{color:#fff}.project-instructions .language-html .tag .attr-value{color:#94f9af}.project-instructions .language-html .tag .attr-value .punctuation{color:inherit}.project-instructions .language-html .tag .attr-value .attr-equals{color:#fff}.project-instructions .language-html .comment{color:#ffca99}.project-instructions .c-project-heading--task{--rpf-squiggle-color: var(--rpf-blue-800);background-color:#e5f4fd;padding:calc(1rem*var(--scale-factor, 1));inline-size:100%;box-sizing:border-box;border-start-start-radius:8px;border-start-end-radius:8px}.project-instructions .c-project-heading--task::after{margin-inline:calc(1rem*var(--scale-factor, 1));margin-block-start:calc(.25rem*var(--scale-factor, 1))}.project-instructions .c-project-task{background-color:#e5f4fd;padding:calc(1rem*var(--scale-factor, 1));display:flex;flex-direction:column;gap:calc(1rem*var(--scale-factor, 1));border-end-start-radius:8px;border-end-end-radius:8px;margin-block-end:calc(1.5rem*var(--scale-factor, 1))}.project-instructions .c-project-task p{margin:0}.project-instructions .c-project-task__checkbox{display:none}.project-instructions .c-project-callout{background-color:#e5f4fd;border-inline-start:4px solid #0090f0;padding:calc(.5rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1));display:flex;flex-direction:column;gap:calc(.5rem*var(--scale-factor, 1));margin:calc(1.5rem*var(--scale-factor, 1)) 0}.project-instructions .c-project-callout h3{font-size:var(--font-size-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);margin:0;padding-inline-start:calc(2rem*var(--scale-factor, 1));background-repeat:no-repeat;background-position:inline-start calc(.5rem*var(--scale-factor, 1)) center}.project-instructions .c-project-callout p{margin:0}.project-instructions .c-project-callout--tip{background-color:#ecf7ed;border-inline-start:4px solid #46af4b}.project-instructions .c-project-callout--tip h3{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTIgMjJDMTEuNDUgMjIgMTAuOTc5MyAyMS44MDQzIDEwLjU4OCAyMS40MTNDMTAuMTk2IDIxLjAyMSAxMCAyMC41NSAxMCAyMEgxNEMxNCAyMC41NSAxMy44MDQzIDIxLjAyMSAxMy40MTMgMjEuNDEzQzEzLjAyMSAyMS44MDQzIDEyLjU1IDIyIDEyIDIyWk04IDE5VjE3SDE2VjE5SDhaTTguMjUgMTZDNy4xIDE1LjMxNjcgNi4xODc2NyAxNC40IDUuNTEzIDEzLjI1QzQuODM3NjcgMTIuMSA0LjUgMTAuODUgNC41IDkuNUM0LjUgNy40MTY2NyA1LjIyOTMzIDUuNjQ2IDYuNjg4IDQuMTg4QzguMTQ2IDIuNzI5MzMgOS45MTY2NyAyIDEyIDJDMTQuMDgzMyAyIDE1Ljg1NCAyLjcyOTMzIDE3LjMxMiA0LjE4OEMxOC43NzA3IDUuNjQ2IDE5LjUgNy40MTY2NyAxOS41IDkuNUMxOS41IDEwLjg1IDE5LjE2MjcgMTIuMSAxOC40ODggMTMuMjVDMTcuODEyNyAxNC40IDE2LjkgMTUuMzE2NyAxNS43NSAxNkg4LjI1Wk04Ljg1IDE0SDE1LjE1QzE1LjkgMTMuNDY2NyAxNi40NzkzIDEyLjgwODMgMTYuODg4IDEyLjAyNUMxNy4yOTYgMTEuMjQxNyAxNy41IDEwLjQgMTcuNSA5LjVDMTcuNSA3Ljk2NjY3IDE2Ljk2NjcgNi42NjY2NyAxNS45IDUuNkMxNC44MzMzIDQuNTMzMzMgMTMuNTMzMyA0IDEyIDRDMTAuNDY2NyA0IDkuMTY2NjcgNC41MzMzMyA4LjEgNS42QzcuMDMzMzMgNi42NjY2NyA2LjUgNy45NjY2NyA2LjUgOS41QzYuNSAxMC40IDYuNzA0MzMgMTEuMjQxNyA3LjExMyAxMi4wMjVDNy41MjEgMTIuODA4MyA4LjEgMTMuNDY2NyA4Ljg1IDE0WiIgZmlsbD0iIzQ2QUY0QiIvPgo8L3N2Zz4K)}.project-instructions .c-project-callout--debug{background-color:#feeeed;border-inline-start:4px solid #f3514f}.project-instructions .c-project-callout--debug h3{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTIgMjFDMTAuOTE2NyAyMSA5LjkxMjUgMjAuNzMzMyA4Ljk4NzUgMjAuMkM4LjA2MjUgMTkuNjY2NyA3LjMzMzMzIDE4LjkzMzMgNi44IDE4SDRWMTZINi4xQzYuMDUgMTUuNjY2NyA2LjAyMDgzIDE1LjMzMzMgNi4wMTI1IDE1QzYuMDA0MTcgMTQuNjY2NyA2IDE0LjMzMzMgNiAxNEg0VjEySDZDNiAxMS42NjY3IDYuMDA0MTcgMTEuMzMzMyA2LjAxMjUgMTFDNi4wMjA4MyAxMC42NjY3IDYuMDUgMTAuMzMzMyA2LjEgMTBINFY4SDYuOEM3LjAzMzMzIDcuNjE2NjcgNy4yOTU4MyA3LjI1ODMzIDcuNTg3NSA2LjkyNUM3Ljg3OTE3IDYuNTkxNjcgOC4yMTY2NyA2LjMgOC42IDYuMDVMNyA0LjRMOC40IDNMMTAuNTUgNS4xNUMxMS4wMTY3IDUgMTEuNDkxNyA0LjkyNSAxMS45NzUgNC45MjVDMTIuNDU4MyA0LjkyNSAxMi45MzMzIDUgMTMuNCA1LjE1TDE1LjYgM0wxNyA0LjRMMTUuMzUgNi4wNUMxNS43MzMzIDYuMyAxNi4wNzkyIDYuNTg3NSAxNi4zODc1IDYuOTEyNUMxNi42OTU4IDcuMjM3NSAxNi45NjY3IDcuNiAxNy4yIDhIMjBWMTBIMTcuOUMxNy45NSAxMC4zMzMzIDE3Ljk3OTIgMTAuNjY2NyAxNy45ODc1IDExQzE3Ljk5NTggMTEuMzMzMyAxOCAxMS42NjY3IDE4IDEySDIwVjE0SDE4QzE4IDE0LjMzMzMgMTcuOTk1OCAxNC42NjY3IDE3Ljk4NzUgMTVDMTcuOTc5MiAxNS4zMzMzIDE3Ljk1IDE1LjY2NjcgMTcuOSAxNkgyMFYxOEgxNy4yQzE2LjY2NjcgMTguOTMzMyAxNS45Mzc1IDE5LjY2NjcgMTUuMDEyNSAyMC4yQzE0LjA4NzUgMjAuNzMzMyAxMy4wODMzIDIxIDEyIDIxWk0xMiAxOUMxMy4xIDE5IDE0LjA0MTcgMTguNjA4MyAxNC44MjUgMTcuODI1QzE1LjYwODMgMTcuMDQxNyAxNiAxNi4xIDE2IDE1VjExQzE2IDkuOSAxNS42MDgzIDguOTU4MzMgMTQuODI1IDguMTc1QzE0LjA0MTcgNy4zOTE2NyAxMy4xIDcgMTIgN0MxMC45IDcgOS45NTgzMyA3LjM5MTY3IDkuMTc1IDguMTc1QzguMzkxNjcgOC45NTgzMyA4IDkuOSA4IDExVjE1QzggMTYuMSA4LjM5MTY3IDE3LjA0MTcgOS4xNzUgMTcuODI1QzkuOTU4MzMgMTguNjA4MyAxMC45IDE5IDEyIDE5Wk0xMCAxNkgxNFYxNEgxMFYxNlpNMTAgMTJIMTRWMTBIMTBWMTJaIiBmaWxsPSIjRjM1MTRGIi8+Cjwvc3ZnPgo=)}.project-instructions .c-project-output{display:flex;align-items:flex-start;align-self:stretch;padding:calc(1rem*var(--scale-factor, 1));border-radius:8px;border:1px solid var(--rpf-grey-150);margin-block-end:calc(1.5rem*var(--scale-factor, 1))}.project-instructions .c-project-output pre{background-color:#fff;border:none;inline-size:100%;margin:0;padding:0}.project-instructions .c-project-output code{background-color:#fff;color:#212121;padding:0;white-space:pre-wrap}.project-instructions .project-instructions__empty{background-color:var(--editor-color-layer-1);border-radius:calc(.5rem*var(--scale-factor, 1));display:flex;flex-direction:column;gap:calc(1.5rem*var(--scale-factor, 1));padding:calc(1rem*var(--scale-factor, 1))}.project-instructions .project-instructions__empty-text{margin:0}.--dark .project-instructions pre{background-color:#23242a}.--dark .project-instructions code{background-color:#23242a}.editor-shell .c-instruction-tabs{display:flex;flex-direction:column;block-size:100%}.editor-shell .c-instruction-tabs .react-tabs{border:1px solid var(--editor-color-outline)}.editor-shell .c-instruction-tabs .react-tabs .react-tabs__tab-list{border-block-end:1px solid var(--editor-color-outline)}.editor-shell .c-instruction-tabs .react-tabs__tab{background:var(--editor-color-tab-background);padding-inline:var(--space-1-5)}.editor-shell .c-instruction-tabs .react-tabs__tab--selected{background:var(--editor-color-layer-3)}.editor-shell .c-instruction-tabs .react-tabs__tab-panel .project-instructions{padding-inline:var(--space-1)}.editor-shell .c-instruction-tabs textarea{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);background:var(--editor-color-layer-3);color:var(--editor-color-text);border:none;block-size:100%;overflow-block:scroll;padding:var(--space-1)}
-:root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}.modal-overlay{display:flex;align-items:center;justify-content:center;padding:calc(5rem*var(--scale-factor, 1));z-index:1000;position:fixed;inset:0px}@media screen and (max-width: 480px){.modal-overlay{padding:calc(2rem*var(--scale-factor, 1))}}.modal-content{inline-size:560px;max-block-size:100%;border:0;border-radius:10px;display:flex;flex-direction:column}.modal-content label,.modal-content legend{font-weight:700}.modal-content input[type=text]{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));inline-size:100%;box-sizing:border-box;border:2px solid rgba(0,0,0,0);border-radius:12px;padding:calc(.5rem*var(--scale-factor, 1));display:block}.modal-content:focus-visible{border:3px solid #cd2356;outline:none}.modal-content__header{display:flex;align-items:center;min-block-size:fit-content;padding:calc(1rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1))}.modal-content__header button{margin-inline-start:auto;block-size:fit-content}.modal-content__heading{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1));margin-block:calc(.5rem*var(--scale-factor, 1));margin-inline:calc(.5rem*var(--scale-factor, 1)) 0}.modal-content__body{padding:calc(1.5rem*var(--scale-factor, 1));display:flex;flex-direction:column;row-gap:calc(.5rem*var(--scale-factor, 1));overflow-y:auto}.modal-content__subheading{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));margin:0;font-weight:700}.modal-content__text{margin:0;line-height:1.4}.modal-content__help-text{margin:calc(.25rem*var(--scale-factor, 1)) 0;font-weight:400}.modal-content__inputs{display:flex;flex-direction:column;gap:calc(2rem*var(--scale-factor, 1))}.modal-content__input-section{display:flex;flex-direction:column;gap:calc(.5rem*var(--scale-factor, 1))}.modal-content__buttons{padding:calc(1rem*var(--scale-factor, 1));display:flex;flex-wrap:wrap;flex-direction:row-reverse;gap:calc(1rem*var(--scale-factor, 1));justify-content:flex-start}@media screen and (max-width: 480px){.modal-content__buttons{display:flex;flex-direction:column}}.modal-content__buttons button,.modal-content__buttons a{margin:0}.modal-content__buttons button span,.modal-content__buttons a span{inline-size:100%}@media screen and (max-width: 480px){.modal-content__buttons button,.modal-content__buttons a{inline-size:100%}}.modal-content__links{text-align:center;margin-block:calc(.5rem*var(--scale-factor, 1)) calc(.25rem*var(--scale-factor, 1));margin-inline:0}.modal-content__links button{text-decoration:underline}.--dark .modal-overlay{background-color:rgba(0,0,0,.5)}.--dark .modal-overlay input{border:2px solid #fff;background-color:#33353d;color:inherit}.--dark .modal-overlay input:focus-visible{border:2px solid var(--rpf-input-active-border);outline:none}.--dark .modal-content{background-color:#33353d}.--dark .modal-content__header{border-block-end:1px solid #636674}.--dark .modal-content__help-text{color:#ccc}.--dark .modal-content__buttons{border-block-start:1px solid #636674}.--light .modal-overlay{background-color:rgba(67,69,76,.5)}.--light .modal-overlay input{border:2px solid #e3e4e8}.--light .modal-overlay input:focus-visible{border:2px solid var(--rpf-input-active-border);outline:none}.--light .modal-content{background-color:#fff}.--light .modal-content__header{border-block-end:1px solid #d5d7dc}.--light .modal-content__help-text{color:#4d575b}.--light .modal-content__buttons{border-block-start:1px solid #d5d7dc}
-pre[class*="language-"].line-numbers {
-	position: relative;
-	padding-left: 3.8em;
-	counter-reset: linenumber;
-}
-
-pre[class*="language-"].line-numbers > code {
-	position: relative;
-	white-space: inherit;
-}
-
-.line-numbers .line-numbers-rows {
-	position: absolute;
-	pointer-events: none;
-	top: 0;
-	font-size: 100%;
-	left: -3.8em;
-	width: 3em; /* works for line-numbers below 1000 lines */
-	letter-spacing: -1px;
-	border-right: 1px solid #999;
-
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
-	user-select: none;
-
-}
-
-	.line-numbers-rows > span {
-		display: block;
-		counter-increment: linenumber;
-	}
-
-		.line-numbers-rows > span:before {
-			content: counter(linenumber);
-			color: #999;
-			display: block;
-			padding-right: 0.8em;
-			text-align: right;
-		}
-
-pre[data-line] {
-	position: relative;
-	padding: 1em 0 1em 3em;
-}
-
-.line-highlight {
-	position: absolute;
-	left: 0;
-	right: 0;
-	padding: inherit 0;
-	margin-top: 1em; /* Same as .prism’s padding-top */
-
-	background: hsla(24, 20%, 50%,.08);
-	background: linear-gradient(to right, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
-
-	pointer-events: none;
-
-	line-height: inherit;
-	white-space: pre;
-}
-
-@media print {
-	.line-highlight {
-		/*
-		 * This will prevent browsers from replacing the background color with white.
-		 * It's necessary because the element is layered on top of the displayed code.
-		 */
-		-webkit-print-color-adjust: exact;
-		color-adjust: exact;
-	}
-}
-
-	.line-highlight:before,
-	.line-highlight[data-end]:after {
-		content: attr(data-start);
-		position: absolute;
-		top: .4em;
-		left: .6em;
-		min-width: 1em;
-		padding: 0 .5em;
-		background-color: hsla(24, 20%, 50%,.4);
-		color: hsl(24, 20%, 95%);
-		font: bold 65%/1.5 sans-serif;
-		text-align: center;
-		vertical-align: .3em;
-		border-radius: 999px;
-		text-shadow: none;
-		box-shadow: 0 1px white;
-	}
-
-	.line-highlight[data-end]:after {
-		content: attr(data-end);
-		top: auto;
-		bottom: .4em;
-	}
-
-.line-numbers .line-highlight:before,
-.line-numbers .line-highlight:after {
-	content: none;
-}
-
-pre[id].linkable-line-numbers span.line-numbers-rows {
-	pointer-events: all;
-}
-pre[id].linkable-line-numbers span.line-numbers-rows > span:before {
-	cursor: pointer;
-}
-pre[id].linkable-line-numbers span.line-numbers-rows > span:hover:before {
-	background-color: rgba(128, 128, 128, .2);
-}
-
-/**
- * prism.js Twilight theme
- * Based (more or less) on the Twilight theme originally of Textmate fame.
- * @author Remy Bach
- */
-code[class*="language-"],
-pre[class*="language-"] {
-	color: white;
-	background: none;
-	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-	font-size: 1em;
-	text-align: left;
-	text-shadow: 0 -.1em .2em black;
-	white-space: pre;
-	word-spacing: normal;
-	word-break: normal;
-	word-wrap: normal;
-	line-height: 1.5;
-
-	-moz-tab-size: 4;
-	-o-tab-size: 4;
-	tab-size: 4;
-
-	-webkit-hyphens: none;
-	-moz-hyphens: none;
-	-ms-hyphens: none;
-	hyphens: none;
-}
-
-pre[class*="language-"],
-:not(pre) > code[class*="language-"] {
-	background: hsl(0, 0%, 8%); /* #141414 */
-}
-
-/* Code blocks */
-pre[class*="language-"] {
-	border-radius: .5em;
-	border: .3em solid hsl(0, 0%, 33%); /* #282A2B */
-	box-shadow: 1px 1px .5em black inset;
-	margin: .5em 0;
-	overflow: auto;
-	padding: 1em;
-}
-
-pre[class*="language-"]::-moz-selection {
-	/* Firefox */
-	background: hsl(200, 4%, 16%); /* #282A2B */
-}
-
-pre[class*="language-"]::selection {
-	/* Safari */
-	background: hsl(200, 4%, 16%); /* #282A2B */
-}
-
-/* Text Selection colour */
-pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
-code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
-	text-shadow: none;
-	background: hsla(0, 0%, 93%, 0.15); /* #EDEDED */
-}
-
-pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
-code[class*="language-"]::selection, code[class*="language-"] ::selection {
-	text-shadow: none;
-	background: hsla(0, 0%, 93%, 0.15); /* #EDEDED */
-}
-
-/* Inline code */
-:not(pre) > code[class*="language-"] {
-	border-radius: .3em;
-	border: .13em solid hsl(0, 0%, 33%); /* #545454 */
-	box-shadow: 1px 1px .3em -.1em black inset;
-	padding: .15em .2em .05em;
-	white-space: normal;
-}
-
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
-	color: hsl(0, 0%, 47%); /* #777777 */
-}
-
-.token.punctuation {
-	opacity: .7;
-}
-
-.token.namespace {
-	opacity: .7;
-}
-
-.token.tag,
-.token.boolean,
-.token.number,
-.token.deleted {
-	color: hsl(14, 58%, 55%); /* #CF6A4C */
-}
-
-.token.keyword,
-.token.property,
-.token.selector,
-.token.constant,
-.token.symbol,
-.token.builtin {
-	color: hsl(53, 89%, 79%); /* #F9EE98 */
-}
-
-.token.attr-name,
-.token.attr-value,
-.token.string,
-.token.char,
-.token.operator,
-.token.entity,
-.token.url,
-.language-css .token.string,
-.style .token.string,
-.token.variable,
-.token.inserted {
-	color: hsl(76, 21%, 52%); /* #8F9D6A */
-}
-
-.token.atrule {
-	color: hsl(218, 22%, 55%); /* #7587A6 */
-}
-
-.token.regex,
-.token.important {
-	color: hsl(42, 75%, 65%); /* #E9C062 */
-}
-
-.token.important,
-.token.bold {
-	font-weight: bold;
-}
-.token.italic {
-	font-style: italic;
-}
-
-.token.entity {
-	cursor: help;
-}
-
-/* Markup */
-.language-markup .token.tag,
-.language-markup .token.attr-name,
-.language-markup .token.punctuation {
-	color: hsl(33, 33%, 52%); /* #AC885B */
-}
-
-/* Make the tokens sit above the line highlight so the colours don't look faded. */
-.token {
-	position: relative;
-	z-index: 1;
-}
-
-.line-highlight.line-highlight {
-	background: hsla(0, 0%, 33%, 0.25); /* #545454 */
-	background: linear-gradient(to right, hsla(0, 0%, 33%, .1) 70%, hsla(0, 0%, 33%, 0)); /* #545454 */
-	border-bottom: 1px dashed hsl(0, 0%, 33%); /* #545454 */
-	border-top: 1px dashed hsl(0, 0%, 33%); /* #545454 */
-	margin-top: 0.75em; /* Same as .prism’s padding-top */
-	z-index: 0;
-}
-
-.line-highlight.line-highlight:before,
-.line-highlight.line-highlight[data-end]:after {
-	background-color: hsl(215, 15%, 59%); /* #8794A6 */
-	color: hsl(24, 20%, 95%); /* #F5F2F0 */
-}
-
 :root,:host{--font-size-0-5: 0.5rem;--font-size-0-75: 0.75rem;--font-size-1: 1rem;--font-size-1-5: 1.25rem;--font-size-2: 1.5rem;--font-size-3: 2rem;--font-size-4: 2.5rem;--font-size-5: 3rem;--font-size-6: 3.5rem;--font-size-7: 4rem;--font-size-8: 4.5rem;--font-size-9: 5rem}:root,:host{--font-weight-regular: 400;--font-weight-bold: 700}:root,:host{--line-height-0-75: 0.75rem;--line-height-1: 1rem;--line-height-1-5: 1.5rem;--line-height-2: 2rem;--line-height-2-5: 2.5rem;--line-height-3: 3rem;--line-height-3-5: 3.5rem;--line-height-4: 4rem;--line-height-4-5: 4.5rem;--line-height-5: 5rem;--line-height-5-5: 5.5rem;--line-height-6: 6rem;--line-height-6-5: 6.5rem}.editor-wrapper{overflow:auto;scrollbar-width:thin;height:100%}.editor{display:flex;flex-flow:column;flex:1;overflow:hidden;height:100%}.editor .cm-editor{flex:1;overflow:hidden}.editor .cm-editor:focus{outline:none}.editor .cm-editor .cm-scroller{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);overflow:auto;scrollbar-width:thin;overscroll-behavior-x:none;font-family:var(--wc-font-family-monospace)}.editor .cm-editor .cm-scroller .cm-content{flex:1;padding-block-start:calc(.5rem*var(--scale-factor, 1));margin-inline-end:calc(.5rem*var(--scale-factor, 1))}.editor--small{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1))}.editor--medium{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1))}.editor--large{font-size:calc(2rem*var(--scale-factor, 1));line-height:calc(2.5rem*var(--scale-factor, 1))}.rpf-alert{margin:0}
 
 
 
 :root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}.draggable-tab{user-select:none}.draggable-tab:focus-visible{outline:none}.--dark .draggable-tab:focus-visible .react-tabs__tab{outline:2px auto #fff;outline-offset:-1px}.--light .draggable-tab:focus-visible .react-tabs__tab{outline:2px auto Highlight;outline:2px auto -webkit-focus-ring-color;outline-offset:-1px}.droppable-tab-list{display:flex;inline-size:100%}
 :root{--rpf-white: #ffffff}.styles-module__editorInput--Vba81{display:flex;flex-direction:column;block-size:100%;inline-size:100%}.styles-module__editorInput--Vba81 .styles-module__viewOnlyBanner--vSOaw{font-weight:700;padding:var(--space-0-5) var(--space-1);border-bottom:1px solid var(--editor-color-outline)}.--light .styles-module__viewOnlyBanner--vSOaw{background-color:#e3e4e8}.--dark .styles-module__viewOnlyBanner--vSOaw{background-color:#babcc5;color:#000}
-:root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}.mobile-project-bar{background-color:#fff;border-block-start:1px solid #d5d7dc;display:flex;justify-content:space-between;padding:calc(.5rem*var(--scale-factor, 1));gap:var(--space-1)}.mobile-project-bar__name{font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));font-weight:700;margin:auto 0}.--dark .mobile-project-bar{background-color:#2a2b32;border-block-start:1px solid #4a4d59}.--dark .mobile-project-bar__name{color:#fff}.--light .mobile-project-bar{background-color:#fff;border-block-start:1px solid #d5d7dc}.--light .mobile-project-bar__name{color:#4d575b}
-:root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}.proj-container--mobile{margin:0;gap:0}.editor-shell .proj-container--mobile .react-tabs{border-radius:0}.editor-shell .proj-container--mobile{border-radius:8px}.editor-shell .mobile-nav{display:flex;inline-size:100%}.editor-shell .mobile-nav .react-tabs__tab-list{padding:0}.editor-shell .mobile-nav .react-tabs__tab{flex:1;display:flex;block-size:calc(4rem*var(--scale-factor, 1))}.editor-shell .mobile-nav .react-tabs__tab:last-of-type{border-inline-end:none}.mobile-nav__menu{margin:0;border-radius:0;border:none;display:flex;align-items:center;justify-content:center;inline-size:calc(4rem*var(--scale-factor, 1))}.--dark .proj-container--mobile .runner-controls{border-inline-start:1px solid #4a4d59}.--dark .proj-container--mobile .mobile-nav{background-color:#2a2b32;border-block-start:1px solid #4a4d59}.--dark .proj-container--mobile .mobile-nav__menu{border-inline-end:1px solid #4a4d59}.--light .proj-container--mobile .runner-controls{border-inline-start:1px solid #d5d7dc}.--light .proj-container--mobile .mobile-nav{background-color:#f5f6f9;border-block-start:1px solid #d5d7dc}.--light .proj-container--mobile .mobile-nav__menu{border-inline-end:1px solid #d5d7dc}.editor-shell.--light .mobile-nav,.editor-shell.--dark .mobile-nav{border-block-end:none}.editor-shell.--light .mobile-nav .react-tabs__tab--selected,.editor-shell.--dark .mobile-nav .react-tabs__tab--selected{background-color:inherit}.editor-shell.--light .proj-container--mobile{border:1px solid #d5d7dc}.editor-shell.--dark .proj-container--mobile{border:1px solid #4a4d59}
+:root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}.modal-overlay{display:flex;align-items:center;justify-content:center;padding:calc(5rem*var(--scale-factor, 1));z-index:1000;position:fixed;inset:0px}@media screen and (max-width: 480px){.modal-overlay{padding:calc(2rem*var(--scale-factor, 1))}}.modal-content{inline-size:560px;max-block-size:100%;border:0;border-radius:10px;display:flex;flex-direction:column}.modal-content label,.modal-content legend{font-weight:700}.modal-content input[type=text]{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));inline-size:100%;box-sizing:border-box;border:2px solid rgba(0,0,0,0);border-radius:12px;padding:calc(.5rem*var(--scale-factor, 1));display:block}.modal-content:focus-visible{border:3px solid #cd2356;outline:none}.modal-content__header{display:flex;align-items:center;min-block-size:fit-content;padding:calc(1rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1))}.modal-content__header button{margin-inline-start:auto;block-size:fit-content}.modal-content__heading{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1));margin-block:calc(.5rem*var(--scale-factor, 1));margin-inline:calc(.5rem*var(--scale-factor, 1)) 0}.modal-content__body{padding:calc(1.5rem*var(--scale-factor, 1));display:flex;flex-direction:column;row-gap:calc(.5rem*var(--scale-factor, 1));overflow-y:auto}.modal-content__subheading{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));margin:0;font-weight:700}.modal-content__text{margin:0;line-height:1.4}.modal-content__help-text{margin:calc(.25rem*var(--scale-factor, 1)) 0;font-weight:400}.modal-content__inputs{display:flex;flex-direction:column;gap:calc(2rem*var(--scale-factor, 1))}.modal-content__input-section{display:flex;flex-direction:column;gap:calc(.5rem*var(--scale-factor, 1))}.modal-content__buttons{padding:calc(1rem*var(--scale-factor, 1));display:flex;flex-wrap:wrap;flex-direction:row-reverse;gap:calc(1rem*var(--scale-factor, 1));justify-content:flex-start}@media screen and (max-width: 480px){.modal-content__buttons{display:flex;flex-direction:column}}.modal-content__buttons button,.modal-content__buttons a{margin:0}.modal-content__buttons button span,.modal-content__buttons a span{inline-size:100%}@media screen and (max-width: 480px){.modal-content__buttons button,.modal-content__buttons a{inline-size:100%}}.modal-content__links{text-align:center;margin-block:calc(.5rem*var(--scale-factor, 1)) calc(.25rem*var(--scale-factor, 1));margin-inline:0}.modal-content__links button{text-decoration:underline}.--dark .modal-overlay{background-color:rgba(0,0,0,.5)}.--dark .modal-overlay input{border:2px solid #fff;background-color:#33353d;color:inherit}.--dark .modal-overlay input:focus-visible{border:2px solid var(--rpf-input-active-border);outline:none}.--dark .modal-content{background-color:#33353d}.--dark .modal-content__header{border-block-end:1px solid #636674}.--dark .modal-content__help-text{color:#ccc}.--dark .modal-content__buttons{border-block-start:1px solid #636674}.--light .modal-overlay{background-color:rgba(67,69,76,.5)}.--light .modal-overlay input{border:2px solid #e3e4e8}.--light .modal-overlay input:focus-visible{border:2px solid var(--rpf-input-active-border);outline:none}.--light .modal-content{background-color:#fff}.--light .modal-content__header{border-block-end:1px solid #d5d7dc}.--light .modal-content__help-text{color:#4d575b}.--light .modal-content__buttons{border-block-start:1px solid #d5d7dc}
 :root,:host{--border-radius: var(--space-1);--border-radius-sm: var(--space-0-5);--border-width-sm: 1px;--border-width-md: 2px;--border-width-lg: 3px;--alert-border-width: var(--border-width-md);--fieldset-border-width: var(--border-width-md);--input-border-width: var(--border-width-md);--table-border-width: var(--border-width-sm)}:root,:host{--font-size-0-5: 0.5rem;--font-size-0-75: 0.75rem;--font-size-1: 1rem;--font-size-1-5: 1.25rem;--font-size-2: 1.5rem;--font-size-3: 2rem;--font-size-4: 2.5rem;--font-size-5: 3rem;--font-size-6: 3.5rem;--font-size-7: 4rem;--font-size-8: 4.5rem;--font-size-9: 5rem}:root,:host{--font-weight-regular: 400;--font-weight-bold: 700}:root,:host{--line-height-0-75: 0.75rem;--line-height-1: 1rem;--line-height-1-5: 1.5rem;--line-height-2: 2rem;--line-height-2-5: 2.5rem;--line-height-3: 3rem;--line-height-3-5: 3.5rem;--line-height-4: 4rem;--line-height-4-5: 4.5rem;--line-height-5: 5rem;--line-height-5-5: 5.5rem;--line-height-6: 6rem;--line-height-6-5: 6.5rem}:root,:host{--space-0-125: 0.0625rem;--space-0-25: 0.125rem;--space-0-5: 0.25rem;--space-1: 0.5rem;--space-1-5: 0.75rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-7: 3.5rem;--space-8: 4rem;--space-9: 4.5rem;--space-10: 5rem}:root,:host{--rpf-shadow-top: 0px -12px 24px 0px rgba(0, 0, 0, 0.04);--rpf-shadow-centre: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);--rpf-shadow-bottom: 0px 12px 24px 0px rgba(0, 0, 0, 0.04)}:root,:host{--rpf-alert-error-highlight: hsla(0, 88%, 99%, 1);--rpf-alert-error: hsla(0, 88%, 33%, 1);--rpf-alert-information-highlight: hsla(225, 64%, 99%, 1);--rpf-alert-information: hsla(225, 64%, 33%, 1);--rpf-alert-success-highlight: hsla(136, 90%, 99%, 1);--rpf-alert-success: hsla(136, 90%, 20%, 1);--rpf-alert-warning-highlight: hsla(26, 70%, 99%, 1);--rpf-alert-warning: hsla(26, 70%, 29%, 1)}:root,:host{--rpf-brand-black: hsla(60, 4%, 11%, 1);--rpf-brand-leaf: hsla(123, 43%, 48%, 1);--rpf-brand-raspberry: hsla(342, 71%, 47%, 1);--rpf-raspberry-50: hsla(338, 57%, 97%, 1);--rpf-raspberry-100: hsla(342, 62%, 96%, 1);--rpf-raspberry-200: hsla(344, 73%, 93%, 1);--rpf-raspberry-400: hsla(341, 63%, 84%, 1);--rpf-raspberry-500: hsla(343, 62%, 68%, 1);--rpf-raspberry-600: hsla(343, 64%, 58%, 1);--rpf-raspberry-800: hsla(342, 71%, 47%, 1);--rpf-raspberry-900: hsla(340, 78%, 36%, 1)}:root,:host{--rpf-red-100: hsla(4, 89%, 96%, 1);--rpf-red-200: hsla(1, 87%, 91%, 1);--rpf-red-400: hsla(1, 87%, 82%, 1);--rpf-red-600: hsla(1, 87%, 72%, 1);--rpf-red-800: hsla(1, 87%, 63%, 1);--rpf-red-900: hsla(1, 52%, 50%, 1);--rpf-green-100: hsla(125, 41%, 95%, 1);--rpf-green-200: hsla(122, 39%, 87%, 1);--rpf-green-400: hsla(123, 40%, 74%, 1);--rpf-green-600: hsla(123, 40%, 61%, 1);--rpf-green-800: hsla(123, 43%, 48%, 1);--rpf-green-900: hsla(123, 43%, 34%, 1);--rpf-teal-100: hsla(176, 55%, 94%, 1);--rpf-teal-200: hsla(174, 55%, 85%, 1);--rpf-teal-400: hsla(174, 55%, 70%, 1);--rpf-teal-600: hsla(174, 56%, 56%, 1);--rpf-teal-800: hsla(174, 81%, 41%, 1);--rpf-teal-900: hsla(174, 81%, 27%, 1);--rpf-teal-950: hsla(174, 80%, 20%, 1);--rpf-orange-100: hsla(31, 100%, 95%, 1);--rpf-orange-200: hsla(32, 100%, 88%, 1);--rpf-orange-400: hsla(31, 100%, 77%, 1);--rpf-orange-600: hsla(31, 99%, 65%, 1);--rpf-orange-800: hsla(31, 99%, 54%, 1);--rpf-orange-900: hsla(31, 85%, 35%, 1);--rpf-yellow-100: hsla(51, 100%, 95%, 1);--rpf-yellow-200: hsla(52, 100%, 87%, 1);--rpf-yellow-400: hsla(51, 100%, 75%, 1);--rpf-yellow-600: hsla(52, 100%, 63%, 1);--rpf-yellow-800: hsla(52, 100%, 50%, 1);--rpf-yellow-900: hsla(52, 100%, 26%, 1);--rpf-purple-100: hsla(282, 36%, 95%, 1);--rpf-purple-200: hsla(279, 38%, 87%, 1);--rpf-purple-400: hsla(279, 38%, 73%, 1);--rpf-purple-600: hsla(279, 37%, 60%, 1);--rpf-purple-800: hsla(279, 43%, 47%, 1);--rpf-purple-900: hsla(280, 43%, 37%, 1);--rpf-navy-100: hsla(235, 38%, 94%, 1);--rpf-navy-200: hsla(234, 38%, 84%, 1);--rpf-navy-400: hsla(235, 38%, 69%, 1);--rpf-navy-600: hsla(235, 38%, 53%, 1);--rpf-navy-800: hsla(235, 63%, 37%, 1);--rpf-navy-900: hsla(234, 63%, 30%, 1);--rpf-blue-100: hsla(203, 86%, 95%, 1);--rpf-blue-200: hsla(204, 88%, 87%, 1);--rpf-blue-400: hsla(204, 88%, 74%, 1);--rpf-blue-600: hsla(204, 89%, 60%, 1);--rpf-blue-800: hsla(204, 100%, 47%, 1);--rpf-blue-900: hsla(204, 99%, 37%, 1)}:root,:host{--rpf-white: hsla(0, 0%, 100%, 1);--rpf-off-white: hsla(225, 25%, 97%, 1);--rpf-grey-50: hsla(210, 8%, 95%, 1);--rpf-grey-100: hsla(228, 10%, 90%, 1);--rpf-grey-150: hsla(223, 9%, 85%, 1);--rpf-grey-200: hsla(228, 10%, 80%, 1);--rpf-grey-300: hsla(229, 9%, 75%, 1);--rpf-grey-400: hsla(229, 8%, 61%, 1);--rpf-grey-500: hsla(229, 9%, 42%, 1);--rpf-grey-600: hsla(228, 9%, 32%, 1);--rpf-grey-700: hsla(228, 9%, 22%, 1);--rpf-grey-800: hsla(232, 9%, 18%, 1);--rpf-grey-850: hsla(228, 9%, 15%, 1);--rpf-grey-900: hsla(228, 9%, 10%, 1);--rpf-grey-950: hsla(228, 8%, 5%, 1);--rpf-black: hsla(0, 0%, 0%, 1)}:root,:host{--rpf-text-primary: hsla(0, 0%, 13%, 1);--rpf-text-primary-darkmode: var(--rpf-white);--rpf-text-secondary: hsla(200, 9%, 33%, 1);--rpf-text-secondary-darkmode: hsla(0, 0%, 80%, 1);--rpf-link-text: var(--rpf-navy-800)}:root,:host{--rpf-input-background-color: var(--rpf-white);--rpf-input-background-color-disabled: var(--rpf-grey-50);--rpf-input-background-color-readonly: var(--rpf-grey-50);--rpf-input-color-error: var(--rpf-alert-error);--rpf-input-color: var(--rpf-text-primary);--rpf-input-outline-color: var(--rpf-blue-800)}:root,:host{--rpf-overlay: hsla(0, 0%, 0%, 0.5)}:root,:host{--rpf-alert-body-font-size: var(--font-size-1);--rpf-alert-body-line-height: var(--font-size-1-5);--rpf-alert-title-font-size: var(--font-size-1);--rpf-alert-title-line-height: var(--font-size-1-5);--rpf-alert-information-background-color: var(--rpf-alert-information-highlight);--rpf-alert-information-accent-color: var(--rpf-alert-information);--rpf-alert-information-icon: "info";--rpf-alert-error-background-color: var(--rpf-alert-error-highlight);--rpf-alert-error-accent-color: var(--rpf-alert-error);--rpf-alert-error-icon: "error_outline";--rpf-alert-warning-background-color: var(--rpf-alert-warning-highlight);--rpf-alert-warning-accent-color: var(--rpf-alert-warning);--rpf-alert-warning-icon: "warning_amber";--rpf-alert-success-background-color: var(--rpf-alert-success-highlight);--rpf-alert-success-accent-color: var(--rpf-alert-success);--rpf-alert-success-icon: "check_circle"}.rpf-alert{align-items:center;background-color:var(--rpf-alert-background-color);border-color:var(--rpf-alert-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--alert-border-width);color:var(--rpf-text-primary);display:flex;flex-direction:column;margin-block-end:var(--space-2);position:relative;text-align:center}.rpf-alert__header{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--space-1);align-items:center;justify-content:space-between;min-block-size:var(--space-6);inline-size:100%;padding-inline:var(--space-2) var(--space-1)}.rpf-alert__icon{color:var(--rpf-alert-color);font-size:var(--font-size-2)}.rpf-alert__body{align-self:stretch;display:flex;flex-direction:column;font-size:var(--rpf-alert-body-font-size);font-weight:var(--font-weight-regular);gap:var(--space-2);line-height:var(--rpf-alert-body-line-height);padding-block-end:var(--space-2);padding-inline:var(--space-2);text-align:start}.rpf-alert__body *{margin:0;padding:0}.rpf-alert__title{font-size:var(--rpf-alert-title-font-size);font-weight:var(--font-weight-bold);inline-size:100%;line-height:var(--rpf-alert-title-line-height);margin-block:var(--space-2);margin-inline:0;text-align:start}.rpf-alert__actions{display:flex;flex-direction:row;gap:var(--space-2)}.rpf-alert__close{background:none;border:none;color:inherit;cursor:pointer;font-size:var(--font-size-2);margin-inline-start:auto;inset-inline-end:var(--space-0-5);inset-block-start:var(--space-0-5)}.rpf-alert__close .rpf-button__icon{color:var(--rpf-text-primary)}.rpf-alert--hidden{display:none}.rpf-alert--error{--rpf-alert-background-color: var(--rpf-alert-error-background-color);--rpf-alert-color: var(--rpf-alert-error-accent-color)}.rpf-alert--error .rpf-alert__icon::after{content:var(--rpf-alert-error-icon)}.rpf-alert--information{--rpf-alert-background-color: var(--rpf-alert-information-background-color);--rpf-alert-color: var(--rpf-alert-information-accent-color)}.rpf-alert--information .rpf-alert__icon::after{content:var(--rpf-alert-information-icon)}.rpf-alert--warning{--rpf-alert-background-color: var(--rpf-alert-warning-background-color);--rpf-alert-color: var(--rpf-alert-warning-accent-color)}.rpf-alert--warning .rpf-alert__icon::after{content:var(--rpf-alert-warning-icon)}.rpf-alert--success{--rpf-alert-background-color: var(--rpf-alert-success-background-color);--rpf-alert-color: var(--rpf-alert-success-accent-color)}.rpf-alert--success .rpf-alert__icon::after{content:var(--rpf-alert-success-icon)}.rpf-accordion{--background-color: var(--rpf-white);--border-color: var(--rpf-grey-50);--border-width: var(--border-width-sm);--text-color: var(--rpf-text-primary);--icon-color: var(--rpf-navy-800);background:var(--background-color);border-block-start:var(--border-width) solid var(--border-color)}.rpf-accordion:last-of-type{border-block-end:var(--border-width) solid var(--border-color)}.rpf-accordion__container{border-block-start:var(--border-width) solid var(--border-color)}.rpf-accordion__container:first-of-type{border-block-start:none}.rpf-accordion__text{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);color:var(--text-color);margin:0;padding-block-end:var(--space-2);padding-block-start:var(--space-1);padding-inline:var(--space-2)}.rpf-accordion__title{font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);align-items:center;color:var(--text-color);cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding-block:var(--space-2);padding-inline:var(--space-2)}.rpf-accordion__title::marker{display:none}.rpf-accordion__title:focus-visible{outline:var(--border-width-lg) solid var(--rpf-brand-raspberry)}.rpf-accordion__icon{background:rgba(0,0,0,0);display:block;block-size:var(--space-0-25);margin-block-start:0;margin-inline-start:var(--space-2);position:relative;inline-size:var(--space-2)}.rpf-accordion__icon::before,.rpf-accordion__icon::after{background:var(--icon-color);border-radius:var(--border-radius);content:"";block-size:var(--space-0-25);position:absolute;transition:all .3s;inline-size:var(--space-2)}.rpf-accordion__icon::before{transform:rotate(90deg)}.rpf-accordion[open] .rpf-accordion__icon::before,.rpf-accordion__container[open] .rpf-accordion__icon::before{transform:rotate(180deg)}:root,:host{--min-target-size: 44px;--sm-target-size: 32px;--lg-target-size: 48px}.rpf-button{--rpf-button-background-color: var(--rpf-navy-800);--rpf-button-background-color-hover: var(--rpf-navy-900);--rpf-button-background-color-active: var(--rpf-navy-600);--rpf-button-background-color-disabled: var(--rpf-grey-600);--rpf-button-text-color: var(--rpf-white);--rpf-button-border-color: var(--rpf-button-background-color);--rpf-button-border-color-hover: var(--rpf-button-background-color-hover);--rpf-button-border-color-active: var(--rpf-button-background-color-active);--rpf-button-border-color-disabled: var(--rpf-button-background-color-disabled);--rpf-button-danger-background-color: var(--rpf-alert-error);--rpf-button-danger-background-color-hover: var(--rpf-alert-error);--rpf-button-danger-background-color-active: var(--rpf-red-900);--rpf-button-danger-background-color-disabled: var(--rpf-grey-600);--rpf-button-danger-text-color: var(--rpf-white);--rpf-button-danger-border-color: var(--rpf-button-danger-background-color);--rpf-button-danger-border-color-hover: var(--rpf-button-danger-background-color-hover);--rpf-button-danger-border-color-active: var(--rpf-button-danger-background-color-active);--rpf-button-danger-border-color-disabled: var(--rpf-button-danger-background-color-disabled);--rpf-button-border-radius: var(--border-radius);--rpf-button-border-width: var(--border-width-md);--rpf-button-lg-height: var(--lg-target-size);--rpf-button-sm-height: var(--sm-target-size);--rpf-button-min-target-size: var(--min-target-size);all:unset;align-items:center;box-sizing:border-box;color:var(--rpf-button-text-color);cursor:pointer;display:flex;font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);gap:var(--space-1);min-block-size:var(--rpf-button-lg-height);padding:var(--space-1) var(--space-2);position:relative;text-align:center;text-decoration:none;transform:scale(1);inline-size:fit-content}.rpf-button::before{background-color:var(--rpf-button-background-color);border-color:var(--rpf-button-border-color);border-radius:var(--rpf-button-border-radius);border-style:solid;border-width:var(--rpf-button-border-width);content:"";display:block;inset:0;position:absolute;z-index:-1}.rpf-button:hover::before{background-color:var(--rpf-button-background-color-hover);border-color:var(--rpf-button-border-color-hover)}.rpf-button:active::before{background-color:var(--rpf-button-background-color-active);border-color:var(--rpf-button-border-color-active)}.rpf-button:focus-visible::before{outline:var(--border-width-md) solid var(--rpf-button-background-color);outline-offset:3px}.rpf-button:disabled,.rpf-button--disabled{cursor:default}.rpf-button:disabled::before,.rpf-button:disabled:hover::before,.rpf-button--disabled::before,.rpf-button--disabled:hover::before{border-color:var(--rpf-button-border-color-disabled);background-color:var(--rpf-button-background-color-disabled)}.rpf-button--secondary{color:var(--rpf-button-background-color)}.rpf-button--secondary::before{background-color:var(--rpf-button-text-color)}.rpf-button--secondary:hover{color:var(--rpf-button-background-color-hover)}.rpf-button--secondary:hover::before{background-color:var(--rpf-button-text-color);border-color:var(--rpf-button-border-color-hover)}.rpf-button--secondary:active{color:var(--rpf-button-background-color-active)}.rpf-button--secondary:active::before{background-color:var(--rpf-button-text-color);border-color:var(--rpf-button-border-color-active)}.rpf-button--secondary:disabled,.rpf-button--secondary.rpf-button--disabled{color:var(--rpf-button-background-color-disabled)}.rpf-button--secondary:disabled:hover::before,.rpf-button--secondary:disabled:before,.rpf-button--secondary.rpf-button--disabled:hover::before,.rpf-button--secondary.rpf-button--disabled:before{background-color:var(--rpf-button-text-color);border-color:var(--rpf-button-border-color-disabled)}.rpf-button--secondary.rpf-button--danger{color:var(--rpf-button-danger-background-color)}.rpf-button--secondary.rpf-button--danger::before{background-color:var(--rpf-button-danger-text-color)}.rpf-button--secondary.rpf-button--danger:hover{color:var(--rpf-button-danger-background-color-hover)}.rpf-button--secondary.rpf-button--danger:hover::before{background-color:var(--rpf-button-danger-text-color);border-color:var(--rpf-button-danger-border-color-hover)}.rpf-button--secondary.rpf-button--danger:active{color:var(--rpf-button-danger-background-color-active)}.rpf-button--secondary.rpf-button--danger:active::before{background-color:var(--rpf-button-danger-text-color);border-color:var(--rpf-button-danger-border-color-active)}.rpf-button--secondary.rpf-button--danger:disabled,.rpf-button--secondary.rpf-button--danger.rpf-button--disabled{color:var(--rpf-button-danger-background-color-disabled)}.rpf-button--secondary.rpf-button--danger:disabled:hover::before,.rpf-button--secondary.rpf-button--danger:disabled:before,.rpf-button--secondary.rpf-button--danger.rpf-button--disabled:hover::before,.rpf-button--secondary.rpf-button--danger.rpf-button--disabled:before{background-color:var(--rpf-button-danger-text-color);border-color:var(--rpf-button-danger-border-color-disabled)}.rpf-button--tertiary{color:var(--rpf-button-background-color)}.rpf-button--tertiary::before{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.rpf-button--tertiary:hover{color:var(--rpf-button-background-color-hover)}.rpf-button--tertiary:hover::before{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.rpf-button--tertiary:active{color:var(--rpf-button-background-color-active)}.rpf-button--tertiary:active::before{background-color:rgba(0,0,0,0)}.rpf-button--tertiary:disabled,.rpf-button--tertiary.rpf-button--disabled{color:var(--rpf-button-background-color-disabled)}.rpf-button--tertiary:disabled::before,.rpf-button--tertiary:disabled:hover::before,.rpf-button--tertiary.rpf-button--disabled::before,.rpf-button--tertiary.rpf-button--disabled:hover::before{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.rpf-button--tertiary.rpf-button--danger{color:var(--rpf-button-danger-background-color)}.rpf-button--tertiary.rpf-button--danger::before{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.rpf-button--tertiary.rpf-button--danger:hover{color:var(--rpf-button-danger-background-color-hover)}.rpf-button--tertiary.rpf-button--danger:hover::before{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.rpf-button--tertiary.rpf-button--danger:active{color:var(--rpf-button-danger-background-color-active)}.rpf-button--tertiary.rpf-button--danger:active::before{background-color:rgba(0,0,0,0)}.rpf-button--tertiary.rpf-button--danger:disabled,.rpf-button--tertiary.rpf-button--danger.rpf-button--disabled{color:var(--rpf-button-danger-background-color-disabled)}.rpf-button--tertiary.rpf-button--danger:disabled::before,.rpf-button--tertiary.rpf-button--danger:disabled:hover::before,.rpf-button--tertiary.rpf-button--danger.rpf-button--disabled::before,.rpf-button--tertiary.rpf-button--danger.rpf-button--disabled:hover::before{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.rpf-button--danger{color:var(--rpf-button-danger-text-color)}.rpf-button--danger::before{background-color:var(--rpf-button-danger-background-color);border-color:var(--rpf-button-danger-border-color)}.rpf-button--danger:hover::before{background-color:var(--rpf-button-danger-background-color-hover);border-color:var(--rpf-button-danger-border-color-hover)}.rpf-button--danger:active::before{background-color:var(--rpf-button-danger-background-color-active);border-color:var(--rpf-button-danger-border-color-active)}.rpf-button--danger:focus-visible::before{outline:var(--border-width-md) solid var(--rpf-button-danger-background-color)}.rpf-button--icon-only{block-size:var(--rpf-button-lg-height);line-height:var(--rpf-button-lg-height);padding:0;text-align:center;inline-size:var(--rpf-button-lg-height)}.rpf-button--icon-only .rpf-button__icon{margin:0 auto}.rpf-button--sm{font-size:var(--font-size-1);min-block-size:var(--rpf-button-min-target-size);padding:var(--space-1) var(--space-1)}.rpf-button--sm::before{inset:calc((var(--rpf-button-min-target-size) - var(--rpf-button-sm-height))/2) 0}.rpf-button--sm.rpf-button--icon-only{block-size:var(--rpf-button-min-target-size);line-height:var(--rpf-button-min-target-size);padding:0;inline-size:var(--rpf-button-min-target-size)}.rpf-button--sm.rpf-button--icon-only::before{inset:calc((var(--rpf-button-min-target-size) - var(--rpf-button-sm-height))/2)}.rpf-button--sm .material-symbols-sharp{font-size:20px;font-variation-settings:"OPSZ" 20}.rpf-button--full-width{justify-content:center;inline-size:100%}:root,:host{--color-progress-bar-complete: var(--rpf-navy-800);--color-progress-bar-incomplete: var(--rpf-grey-150);--rpf-progress-bar-background-color: var(--color-progress-bar-incomplete);--rpf-progress-bar-accent-color: var(--color-progress-bar-complete);--rpf-progress-bar-block-size: var(--space-1);--rpf-progress-bar-border-radius: var(--space-1);--rpf-progress-bar-gap: var(--space-3);--rpf-progress-bar-font-size: var(--font-size-1);--rpf-progress-bar-font-weight: var(--font-weight-regular);--rpf-progress-bar-complete-color: var(--rpf-alert-success);--rpf-progress-bar-complete-icon: url('data:image/svg+xml,<svg height="24" viewBox="0 -960 960 960" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m424-296 282-282-56-56-226 226-114-114-56 56zm56 216q-83 0-156-31.5t-127-85.5q-54-54-85.5-127t-31.5-156q0-83 31.5-156t85.5-127q54-54 127-85.5t156-31.5q83 0 156 31.5t127 85.5q54 54 85.5 127t31.5 156q0 83-31.5 156t-85.5 127q-54 54-127 85.5t-156 31.5z"/></svg>')}.rpf-progress-bar__label{font-size:var(--rpf-progress-bar-font-size);line-height:1.5em;font-weight:var(--rpf-progress-bar-font-weight);align-items:center;display:grid;gap:var(--rpf-progress-bar-gap);grid-template-columns:max-content 1fr}.rpf-progress-bar__bar{background:var(--rpf-progress-bar-background-color);block-size:var(--rpf-progress-bar-block-size);border-radius:var(--rpf-progress-bar-border-radius);inline-size:100%;border:none}.rpf-progress-bar__bar::-webkit-progress-bar{background:var(--rpf-progress-bar-background-color);border-radius:var(--rpf-progress-bar-border-radius)}.rpf-progress-bar__bar::-webkit-progress-value{background:var(--rpf-progress-bar-accent-color);border-radius:var(--rpf-progress-bar-border-radius)}.rpf-progress-bar__bar::-moz-progress-bar{background:var(--rpf-progress-bar-accent-color);border-radius:var(--rpf-progress-bar-border-radius)}.rpf-progress-bar--complete{--rpf-progress-bar-accent-color: var(--rpf-progress-bar-complete-color)}.rpf-progress-bar--complete .rpf-progress-bar__label span{display:flex}.rpf-progress-bar--complete .rpf-progress-bar__label span::before{content:"";display:inline-block;block-size:1.5em;aspect-ratio:1/1;margin-inline-end:var(--space-1);vertical-align:middle;background-color:var(--rpf-progress-bar-complete-color);mask-image:var(--rpf-progress-bar-complete-icon);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:var(--rpf-progress-bar-complete-icon);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.rpf-squiggle-heading::after,.rpf-squiggle{--rpf-squiggle-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%22%20viewBox%3D%220%200%2029%2013%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M3%2011c7%200%207-8%2014-8%208%200%208%208%2015%208%22%20style%3D%22fill%3Anone%3Bfill-rule%3Anonzero%3Bstroke%3Awhite%3Bstroke-width%3A4px%22%20transform%3D%22translate%28-3%29%22%2F%3E%3C%2Fsvg%3E");--rpf-squiggle-end-cap-l-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%22%20viewBox%3D%220%200%202%2013%22%3E%3Ccircle%20cx%3D%220%22%20cy%3D%2211%22%20r%3D%222%22%20style%3D%22fill%3Awhite%22%2F%3E%3C%2Fsvg%3E");--rpf-squiggle-end-cap-r-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%22%20viewBox%3D%220%200%202%2013%22%3E%3Ccircle%20cx%3D%222%22%20cy%3D%2211%22%20r%3D%222%22%20style%3D%22fill%3Awhite%22%2F%3E%3C%2Fsvg%3E");background-color:var(--rpf-squiggle-color, var(--rpf-brand-raspberry));border:2px solid rgba(0,0,0,0);border-block:none;block-size:13px;mask-clip:content-box,border-box,border-box;mask-image:var(--rpf-squiggle-mask),var(--rpf-squiggle-end-cap-l-mask),var(--rpf-squiggle-end-cap-r-mask);mask-origin:content-box,border-box,border-box;mask-position:top left,top right,top left;mask-repeat:round,no-repeat,no-repeat;mask-size:29px 13px,2px 13px,2px 13px;-webkit-mask-clip:content-box,border-box,border-box;-webkit-mask-image:var(--rpf-squiggle-mask),var(--rpf-squiggle-end-cap-l-mask),var(--rpf-squiggle-end-cap-r-mask);-webkit-mask-origin:content-box,border-box,border-box;-webkit-mask-position:top left,top right,top left;-webkit-mask-repeat:round,no-repeat,no-repeat;-webkit-mask-size:29px 13px,2px 13px,2px 13px}.rpf-squiggle-heading{display:inline-block;position:relative;padding-block-end:calc(13px + var(--space-1))}.rpf-squiggle-heading::after{content:"";display:block;position:absolute;inset-inline:0;margin-block-start:var(--space-1)}.rpf-tag{--tag-color: var(--rpf-text-primary);--tag-color-secondary: color-mix(in srgb, var(--tag-color), white 95%);--tag-text-color: var(--rpf-white);--tag-text-color-secondary: var(--tag-color);align-items:center;border:solid 1px var(--tag-color);background-color:var(--tag-color);border-radius:2rem;color:var(--tag-text-color);display:flex;font-weight:var(--font-weight-bold);gap:var(--space-0-5);line-height:1.5rem;padding:var(--space-0-5) var(--space-1);inline-size:max-content}.rpf-tag--information{background-color:var(--rpf-alert-information);border-color:var(--rpf-alert-information)}.rpf-tag--success{background-color:var(--rpf-alert-success);border-color:var(--rpf-alert-success)}.rpf-tag--warning{background-color:var(--rpf-alert-warning);border-color:var(--rpf-alert-warning)}.rpf-tag--error{background-color:var(--rpf-alert-error);border-color:var(--rpf-alert-error)}.rpf-tag--secondary{background-color:var(--tag-color-secondary);color:var(--tag-text-color-secondary)}.rpf-tag--secondary.rpf-tag--information{border-color:var(--rpf-alert-information);color:var(--rpf-alert-information)}.rpf-tag--secondary.rpf-tag--success{border-color:var(--rpf-alert-success);color:var(--rpf-alert-success)}.rpf-tag--secondary.rpf-tag--warning{border-color:var(--rpf-alert-warning);color:var(--rpf-alert-warning)}.rpf-tag--secondary.rpf-tag--error{border-color:var(--rpf-alert-error);color:var(--rpf-alert-error)}:root,:host{--rpf-menu-item-text-color: var(--rpf-text-primary);--rpf-menu-item-text-color-danger: var(--rpf-alert-error);--rpf-menu-item-background-color: transparent;--rpf-menu-item-background-color-hover: var(--rpf-grey-50);--rpf-menu-item-background-color-active: var(--rpf-grey-100);--rpf-menu-item-focus: var(--rpf-raspberry-800)}.rpf-menu__item{list-style:none;margin:0;padding:0;color:var(--rpf-menu-item-text-color)}.rpf-menu__item button,.rpf-menu__item a{border:none;margin:0;box-sizing:border-box;background-color:rgba(0,0,0,0);user-select:none;text-decoration:none;cursor:pointer;font-family:inherit;text-align:start;min-inline-size:7.5rem;inline-size:100%;display:inline-flex;align-items:center;gap:.5rem;border-radius:var(--space-1);font-size:var(--font-size-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);color:inherit;padding:var(--space-1-5) var(--space-1)}.rpf-menu__item button:hover,.rpf-menu__item a:hover{background-color:var(--rpf-menu-item-background-color-hover)}.rpf-menu__item button:active,.rpf-menu__item a:active{background-color:var(--rpf-menu-item-background-color-active)}.rpf-menu__item button:focus-visible,.rpf-menu__item a:focus-visible{outline:2px solid var(--rpf-menu-item-focus)}.rpf-menu__item--danger{color:var(--rpf-menu-item-text-color-danger)}:root,:host{--rpf-menu-title-color: var(--rpf-text-secondary)}.rpf-menu__title{list-style:none;margin:0;padding:0;color:var(--rpf-menu-title-color);font-size:var(--font-size-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);margin-block:var(--space-0-25);border-block-end:1px solid var(--rpf-menu-divider-color)}.rpf-menu__title span{display:inline-block;margin-inline:var(--space-1);margin-block-end:var(--space-0-5)}:root,:host{--rpf-menu-background-color: var(--rpf-white);--rpf-menu-border-color: var(--rpf-grey-50);--rpf-menu-divider-color: var(--rpf-grey-100)}.rpf-menu{margin:0;display:inline-flex;flex-direction:column;padding:var(--space-1-5);gap:var(--space-0-5);border-radius:var(--space-1);border:2px solid var(--rpf-menu-border-color);background:var(--rpf-menu-background-color);box-shadow:var(--rpf-shadow-centre);list-style:none}.rpf-menu hr{inline-size:100%;border:none;border-block-start:1px solid var(--rpf-menu-divider-color);margin-block:var(--space-0-25)}:root,:host{--link-color: var(--rpf-link-text);--link-color-active: var(--rpf-navy-600);--link-color-hover: var(--link-color)}.rpf-link{border-radius:var(--border-radius);color:var(--link-color);cursor:pointer;font-weight:var(--font-weight-bold);max-inline-size:fit-content}.rpf-link:active{color:var(--link-color-active)}.rpf-link:hover{color:var(--link-color-hover)}.rpf-link:focus-visible{outline:3px solid var(--link-color)}.rpf-link--block{align-items:center;display:flex;min-block-size:var(--min-target-size)}.rpf-link--external{display:inline-flex;text-decoration:none}.rpf-link--external span{text-decoration:underline}.rpf-link--external::after{content:"";display:inline-flex;font-family:"Material Symbols Sharp",sans-serif;padding-inline-end:var(--space-0-5);padding-inline-start:var(--space-0-25)}.rpf-burger-menu{--rpf-burger-menu-background-color: var(--rpf-brand-black);--rpf-burger-menu-thickness: 3px;--rpf-burger-menu-inline-size: var(--space-3);--rpf-burger-menu-border-radius: 0;--rpf-burger-animation-speed: 150ms}.rpf-burger-menu__button{align-items:center;background:rgba(0,0,0,0);block-size:var(--min-target-size);border:none;cursor:pointer;display:flex;flex-direction:column;inline-size:var(--min-target-size);justify-content:center;padding-block:0;padding-inline:0;position:relative}.rpf-burger-menu__button:focus-visible{border-radius:var(--border-radius-sm);outline:var(--border-width-md) solid var(--rpf-burger-menu-background-color);outline-offset:3px}.rpf-burger-menu__icon,.rpf-burger-menu__icon::before{background:var(--rpf-burger-menu-background-color);border-radius:var(--rpf-burger-menu-border-radius);display:block;block-size:var(--rpf-burger-menu-thickness);margin-block-start:calc(var(--rpf-burger-menu-thickness)*1.5);inline-size:var(--rpf-burger-menu-inline-size);transition:opacity var(--rpf-burger-animation-speed) cubic-bezier(0, -0.55, 0.265, 1.55) 0ms,transform var(--rpf-burger-animation-speed) cubic-bezier(0, 0, 0.58, 1) 50ms,margin-inline-start var(--rpf-burger-animation-speed) cubic-bezier(0, 0, 0.58, 1) 50ms;will-change:opacity,transform,margin-inline-start}.rpf-burger-menu__icon:first-child{margin-block-start:0;transform-origin:top left}.rpf-burger-menu__icon:last-child{transform-origin:bottom left}.rpf-burger-menu__icon:nth-child(2)::before{content:"";margin-block-start:0}.open .rpf-burger-menu__icon{opacity:1}.open .rpf-burger-menu__icon:first-child,.open .rpf-burger-menu__icon:last-child{opacity:0}.open .rpf-burger-menu__icon:nth-child(2){transform:rotate(45deg)}.open .rpf-burger-menu__icon:nth-child(2)::before{transform:rotate(-90deg)}@media(prefers-reduced-motion: reduce){.rpf-burger-menu__icon:first-child,.rpf-burger-menu__icon:last-child,.rpf-burger-menu__icon:nth-child(2),.rpf-burger-menu__icon:nth-child(2)::before{transition:none}}:root,:host{--rpf-modal-background-color: var(--rpf-white);--rpf-modal-border-color: var(--rpf-grey-150);--rpf-modal-max-block-size: calc(100vh - 2 * var(--space-10));--rpf-modal-mobile-max-block-size: calc(100dvh - 2 * var(--space-2));--rpf-modal-max-inline-size: calc(100vw - 2 * var(--space-10));--rpf-modal-mobile-max-inline-size: calc(100vw - 2 * var(--space-2));--rpf-modal-border-radius: var(--space-1);--rpf-modal-content-padding: var(--space-3);--rpf-modal-backdrop-color: var(--rpf-overlay);--rpf-modal-buttons-flex-direction: row-reverse;--rpf-modal-buttons-justify-content: flex-start}.rpf-modal{background-color:var(--rpf-modal-background-color);border:none;border-radius:var(--rpf-modal-border-radius);margin-inline:auto;min-inline-size:15rem;inline-size:100%;padding:0;max-inline-size:var(--rpf-modal-mobile-max-inline-size);max-block-size:var(--rpf-modal-mobile-max-block-size)}@media(min-width: 30rem){.rpf-modal{max-inline-size:var(--rpf-modal-max-inline-size);max-block-size:var(--rpf-modal-max-block-size)}}.rpf-modal__wrapper{display:grid;grid-template-rows:auto minmax(0, 1fr) auto;block-size:100%;max-block-size:inherit;overflow:hidden}.rpf-modal__header{display:flex;align-items:center;align-self:stretch;border-block-end:1px solid var(--rpf-modal-border-color);gap:var(--space-1);padding:var(--space-1);padding-inline-start:var(--space-2)}.rpf-modal__title{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2);flex:1 0 0;margin:0}.rpf-modal__content{overflow-y:auto;align-items:center;border-block-end:1px solid var(--rpf-modal-border-color);display:flex;flex-direction:column;padding:var(--rpf-modal-content-padding)}.rpf-modal__buttons{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}.rpf-modal__buttons .rpf-button{justify-content:center;inline-size:100%}@media(width > 34rem){.rpf-modal__buttons{flex-direction:var(--rpf-modal-buttons-flex-direction);gap:var(--space-2);justify-content:var(--rpf-modal-buttons-justify-content)}.rpf-modal__buttons .rpf-button{inline-size:auto}}.rpf-modal::backdrop{background-color:var(--rpf-modal-backdrop-color);backdrop-filter:blur(2px)}:root,:host{--rpf-message-text-color: var(--rpf-alert-error)}.rpf-error-message{all:unset;align-items:center;color:var(--rpf-message-text-color);display:flex;font-weight:var(--font-weight-bold);max-width:50ch;padding-block:var(--space-1)}.rpf-error-message__icon{margin-inline-end:var(--space-1)}.rpf-fieldset{all:unset;background-color:var(--rpf-input-background-color);box-sizing:border-box;display:block;color:var(--rpf-input-color);margin-block-end:var(--space-3);max-inline-size:fit-content}.rpf-fieldset--full-width,.rpf-fieldset--full-width .rpf-fieldset__inputs *{max-inline-size:none}.rpf-fieldset__inputs *:last-child{margin-block-end:0}.rpf-fieldset--error .rpf-input-checkbox,.rpf-fieldset--error .rpf-input-radio{--rpf-input-border-colour: var(--rpf-input-color-error)}.rpf-fieldset--error .rpf-input-checkbox input[type=checkbox]:checked,.rpf-fieldset--error .rpf-input-radio input[type=checkbox]:checked{background-color:var(--rpf-input-color-error)}.rpf-fieldset--error .rpf-input-checkbox input[type=radio]:checked,.rpf-fieldset--error .rpf-input-radio input[type=radio]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(0, 88%, 33%, 1)"/></svg>')}.rpf-input-field{margin-block-end:var(--space-3)}.rpf-input{all:unset;background-color:var(--rpf-input-background-color);border:var(--input-border-width) solid var(--rpf-input-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--rpf-input-color);display:flex;font-size:var(--font-size-1);line-height:var(--line-height-2);padding-block:calc(var(--space-1) - 2px);padding-inline:var(--space-1-5);max-width:50ch;min-width:240px;width:100%}.rpf-input:disabled,.rpf-input--disabled{border-color:var(--rpf-input-background-color-disabled);background-color:var(--rpf-input-background-color-disabled)}.rpf-input:focus-visible{outline:3px solid var(--rpf-input-outline-color)}.rpf-input--error{border-color:var(--rpf-input-color-error)}.rpf-input--full-width{max-width:none}.rpf-input-checkbox{--rpf-input-checkbox-hit-target: var(--min-target-size);--rpf-input-checkbox-size: var(--space-3);--rpf-input-border-colour: var(--rpf-grey-850);align-items:center;border-radius:var(--space-1);box-sizing:border-box;display:flex;gap:var(--space-1-5);max-width:50ch;min-height:var(--rpf-input-checkbox-hit-target);min-width:240px;padding-block:calc((var(--rpf-input-checkbox-hit-target) - var(--rpf-input-checkbox-size))/2);width:100%}.rpf-input-checkbox input[type=checkbox]{align-self:flex-start;appearance:none;background:var(--rpf-white);border:var(--space-0-25) solid var(--rpf-input-border-colour);border-radius:var(--space-0-5);flex-shrink:0;height:var(--rpf-input-checkbox-size);margin:0;width:var(--rpf-input-checkbox-size)}.rpf-input-checkbox input[type=checkbox]:checked{background:var(--rpf-grey-850);background-image:url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.95834 15.0003L3.20834 10.2503L4.39584 9.06283L7.95834 12.6253L15.6042 4.97949L16.7917 6.16699L7.95834 15.0003Z" fill="white"/></svg>')}.rpf-input-checkbox input[type=checkbox]:disabled{border-color:var(--rpf-input-background-color-disabled);background-color:var(--rpf-input-background-color-disabled)}.rpf-input-checkbox input[type=checkbox]:disabled:checked{background-color:var(--rpf-grey-600)}.rpf-input-checkbox--error input[type=checkbox]{border-color:var(--rpf-input-color-error)}.rpf-input-checkbox--error input[type=checkbox]:checked{background-color:var(--rpf-input-color-error)}.rpf-input-checkbox.rpf-input--full-width{max-width:none}.rpf-input-checkbox:has(>input[type=checkbox]:disabled),.rpf-input-checkbox--disabled{color:var(--rpf-label-text-color-disabled)}.rpf-input-checkbox input[type=checkbox]:focus-visible{outline:3px solid var(--rpf-input-outline-color);outline-offset:0}:root,:host{--rpf-label-hint-color: var(--rpf-text-secondary);--rpf-label-text-color: var(--rpf-text-primary);--rpf-label-text-color-disabled: var(--rpf-grey-500)}.rpf-label{all:unset;color:var(--rpf-label-text-color);display:flex;flex-direction:column;font-weight:var(--font-weight-bold);padding-block-end:var(--space-1);font-size:var(--font-size-1);line-height:var(--line-height-1-5)}.rpf-label__hint{color:var(--rpf-label-hint-color);font-size:var(--font-size-1);font-weight:var(--font-weight-regular)}.rpf-label--disabled{color:var(--rpf-label-text-color-disabled)}.rpf-label--disabled .rpf-label__hint{color:var(--rpf-label-text-color-disabled)}.rpf-input-radio{--rpf-input-radio-hit-target: var(--min-target-size);--rpf-input-radio-size: var(--space-3);--rpf-input-border-colour: var(--rpf-grey-850);align-items:center;border-radius:var(--space-1);box-sizing:border-box;display:flex;gap:var(--space-1-5);max-width:50ch;min-height:var(--rpf-input-radio-hit-target);min-width:240px;padding-block:calc((var(--rpf-input-radio-hit-target) - var(--rpf-input-radio-size))/2);width:100%}.rpf-input-radio input[type=radio]{align-self:flex-start;appearance:none;background:var(--rpf-white);border:var(--space-0-25) solid var(--rpf-input-border-colour);border-radius:var(--rpf-input-radio-size);flex-shrink:0;height:var(--rpf-input-radio-size);margin:0;width:var(--rpf-input-radio-size)}.rpf-input-radio input[type=radio]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(228, 9%, 15%, 1)"/></svg>');background-position:center center;background-repeat:no-repeat}.rpf-input-radio input[type=radio]:disabled{border-color:var(--rpf-input-background-color-disabled);background-color:var(--rpf-input-background-color-disabled)}.rpf-input-radio input[type=radio]:disabled:checked{background-image:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(229, 8%, 61%, 1)"/></svg>')}.rpf-input-radio--error input[type=radio]{border-color:var(--rpf-input-color-error)}.rpf-input-radio--error input[type=radio]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(0, 88%, 33%, 1)"/></svg>')}.rpf-input-radio.rpf-input--full-width{max-width:none}.rpf-input-radio:has(>input[type=radio]:disabled),.rpf-input-radio--disabled{color:var(--rpf-label-text-color-disabled)}.rpf-input-radio input[type=radio]:focus-visible{outline:3px solid var(--rpf-input-outline-color);outline-offset:0}.rpf-input.rpf-input-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'><path fill='%23212121' d='m12 15.375-6-6 1.4-1.4 4.6 4.6 4.6-4.6 1.4 1.4-6 6Z'/></svg>");background-repeat:no-repeat;background-position:center right var(--space-1-5)}html[dir=rtl] .rpf-input.rpf-input-select{background-position:center left var(--space-1-5)}.rpf-input.rpf-input-select:disabled,.rpf-input.rpf-input-select--disabled{background-image:none}.rpf-input.rpf-input-text:read-only,.rpf-input.rpf-input-text--read-only,.rpf-input.rpf-input-text--readonly{border-color:var(--rpf-input-background-color-readonly);background-color:var(--rpf-input-background-color-readonly)}.rpf-input.rpf-input-textarea{resize:vertical;min-height:120px;height:auto;max-height:240px;overflow:auto;white-space:pre-wrap}.rpf-input.rpf-input-textarea:read-only,.rpf-input.rpf-input-textarea--read-only,.rpf-input.rpf-input-textarea--readonly{border-color:var(--rpf-input-background-color-readonly);background-color:var(--rpf-input-background-color-readonly)}.rpf-input-search-container{display:flex;max-width:50ch;min-width:240px;width:100%}.rpf-input-search-container input[type=search]::-webkit-search-decoration,.rpf-input-search-container input[type=search]::-webkit-search-cancel-button{appearance:none}.rpf-input-search-container .rpf-input-search{border-end-end-radius:0;border-inline-end:0;border-start-end-radius:0}.rpf-input-search-container .rpf-button{flex-shrink:0;border-end-end-radius:var(--border-radius);border-end-start-radius:0;border-start-end-radius:var(--border-radius);border-start-start-radius:0;box-sizing:border-box;justify-content:center;max-width:var(--space-6)}.rpf-input-search-container .rpf-button::before{border:var(--input-border-width) solid var(--rpf-input-color);border-end-end-radius:var(--border-radius);border-end-start-radius:0;border-start-end-radius:var(--border-radius);border-start-start-radius:0}.rpf-input-search-container .rpf-button:disabled .rpf-button__icon,.rpf-input-search-container .rpf-button--disabled .rpf-button__icon{color:var(--rpf-input-color)}.rpf-input-search-container .rpf-button:disabled::before,.rpf-input-search-container .rpf-button--disabled::before{background-color:var(--rpf-input-background-color-disabled);border-color:var(--rpf-input-background-color-disabled)}.rpf-input-search-container .rpf-button--error::before{border-color:var(--rpf-alert-error)}.rpf-input-search-container .rpf-input-search:focus-visible,.rpf-input-search-container .rpf-button:focus-visible{outline:3px solid var(--rpf-input-outline-color);z-index:1}.rpf-input-search-container .rpf-input-search:focus-visible::before,.rpf-input-search-container .rpf-button:focus-visible::before{outline:0}.rpf-input-password.rpf-input{border-inline-end:0;border-end-start-radius:var(--border-radius);border-end-end-radius:0;border-start-end-radius:0;border-start-start-radius:var(--border-radius);min-block-size:calc(var(--lg-target-size) - var(--input-border-width)*2);min-inline-size:0}.rpf-input-password.rpf-input:disabled,.rpf-input-password.rpf-input--disabled{border-color:var(--rpf-input-background-color-disabled);background-color:var(--rpf-input-background-color-disabled)}.rpf-input-password.rpf-input:read-only,.rpf-input-password.rpf-input--read-only,.rpf-input-password.rpf-input--readonly{border-color:var(--rpf-input-background-color-readonly);background-color:var(--rpf-input-background-color-readonly)}.rpf-input-password[type=password]{font-family:caption;font-size:var(--font-size-2);letter-spacing:var(--space-0-125)}.rpf-input-password--readonly,.rpf-input-password--read-only,.rpf-input-password:read-only{border-radius:var(--border-radius);border-right:none}.rpf-input-password:focus-visible{z-index:1}.rpf-input-password__button{background-color:var(--rpf-input-background-color);border-end-end-radius:var(--border-radius);border-end-start-radius:0;border-start-end-radius:var(--border-radius);border-start-start-radius:0;font-size:var(--font-size-1);justify-content:center;min-block-size:calc(var(--lg-target-size) - var(--input-border-width)*2);min-inline-size:var(--space-9);text-decoration:underline}.rpf-input-password__button::before{border:var(--input-border-width) solid var(--rpf-input-color);border-end-end-radius:var(--border-radius);border-end-start-radius:0;border-start-end-radius:var(--border-radius);border-start-start-radius:0}.rpf-input-password__button--error::before{border:var(--input-border-width) solid var(--rpf-input-color-error)}.rpf-input-password__button:active::before{border-color:rgba(0,0,0,0)}.rpf-input-password__button:focus-visible{outline:3px solid var(--rpf-input-outline-color)}.rpf-input-password__button:focus-visible::before{outline:none}.rpf-input-password__button:active::before,.rpf-input-password__button:hover::before{border:var(--input-border-width) solid var(--rpf-input-color)}.rpf-input-password__container{display:flex;max-width:50ch}.rpf-input-password__container--full-width{max-width:none}.rpf-input-password__container--error{border-color:var(--rpf-input-color-error)}.rpf-input-password__container--readonly button,.rpf-input-password__container--read-only button,.rpf-input-password__container--disabled button{display:none}.rpf-table{border:1px solid var(--rpf-grey-100);border-radius:var(--border-radius);overflow:auto;top:0;width:fit-content}.rpf-table--full-width{width:100%}.rpf-table__table{border-collapse:collapse;width:max-content}.rpf-table__table--full-width{width:100%}.rpf-table__table thead th,.rpf-table__table thead td{position:sticky;top:0;z-index:1}.rpf-table-cell{border-bottom:var(--table-border-width) solid var(--rpf-grey-100)}.rpf-table-cell>*{align-items:center;box-sizing:border-box;display:flex;gap:var(--space-1);line-height:var(--line-height-1-5);padding-block:var(--space-1);padding-inline:var(--space-2)}.rpf-table-cell--header,.rpf-table-cell--sortable-header{background-color:var(--rpf-grey-50)}.rpf-table-cell--header>*,.rpf-table-cell--sortable-header>*{min-height:var(--space-7);min-width:var(--space-7)}.rpf-table-cell--sortable-header .rpf-table-cell__sort-header{display:flex;width:100%;gap:var(--space-1);min-height:var(--min-target-size);align-items:center;border-radius:var(--border-radius)}.rpf-table-cell--sortable-header .rpf-table-cell__sort-header:focus-visible{outline:2px solid var(--rpf-raspberry-800);outline-offset:3px}.rpf-table-cell--sortable-header button{all:unset;cursor:pointer}.rpf-table-cell--sortable-header a{color:inherit;text-decoration:none}.rpf-table-cell--body{background-color:var(--rpf-white)}.rpf-table-cell--body .rpf-table-cell__content{min-height:var(--space-8);min-width:var(--space-8)}.rpf-table-cell--body .rpf-table-cell__content>*{margin-block:auto}.rpf-table-cell--body .rpf-table-cell__content a{color:var(--rpf-brand-500);font-weight:var(--font-weight-bold)}.rpf-table-cell--body .rpf-table-cell__content:has(>.rpf-button){justify-content:end;padding:var(--space-1)}.rpf-table-cell--body .rpf-table-cell__content--truncated{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, 0.7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index) px);position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);display:flex;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:pointer;direction:ltr}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{margin:auto 0;flex:1 1 auto;padding:6px;display:flex;align-items:center}.Toastify__toast-body>div:last-child{flex:1}.Toastify__toast-icon{margin-inline-end:10px;width:20px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:rgba(0,0,0,0);outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(3000px, 0, 0)}60%{opacity:1;transform:translate3d(-25px, 0, 0)}75%{transform:translate3d(10px, 0, 0)}90%{transform:translate3d(-5px, 0, 0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0)}to{opacity:0;transform:translate3d(2000px, 0, 0)}}@keyframes Toastify__bounceInLeft{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0)}60%{opacity:1;transform:translate3d(25px, 0, 0)}75%{transform:translate3d(-10px, 0, 0)}90%{transform:translate3d(5px, 0, 0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0)}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}@keyframes Toastify__bounceInUp{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(0, 3000px, 0)}60%{opacity:1;transform:translate3d(0, -20px, 0)}75%{transform:translate3d(0, 10px, 0)}90%{transform:translate3d(0, -5px, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0)}to{opacity:0;transform:translate3d(0, -2000px, 0)}}@keyframes Toastify__bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, 10px, 0)}40%,45%{opacity:1;transform:translate3d(0, -20px, 0)}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{from{transform:translate3d(110%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInLeft{from{transform:translate3d(-110%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInUp{from{transform:translate3d(0, 110%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInDown{from{transform:translate3d(0, -110%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideOutRight{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(110%, 0, 0)}}@keyframes Toastify__slideOutLeft{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(-110%, 0, 0)}}@keyframes Toastify__slideOutDown{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, 500px, 0)}}@keyframes Toastify__slideOutUp{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, -500px, 0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}:root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}.editor-shell .react-tabs{flex:1;display:flex;flex-flow:column;overflow:hidden;position:relative;border-radius:8px}.editor-shell .react-tabs__tab{border:none;background-color:rgba(0,0,0,0);padding:0;margin:0;inset-block-start:0;inset-block-end:0;min-block-size:var(--min-target-size);box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-weight:700}.editor-shell .react-tabs__tab svg{padding:0 0 0 calc(.75rem*var(--scale-factor, 1))}.editor-shell .react-tabs__tab:hover{text-decoration:underline}.editor-shell .react-tabs__tab--selected{border-radius:0;padding-block-start:calc(.25rem*var(--scale-factor, 1))}.editor-shell .react-tabs__tab--selected:hover{text-decoration:none}.editor-shell .react-tabs__tab--selected:focus-visible{padding-block-start:7px}.editor-shell .react-tabs__tab:focus{box-shadow:none}.editor-shell .react-tabs__tab:focus-visible{outline-offset:-3px;outline:3px solid #cd2356}.editor-shell .react-tabs__tab:focus:after{display:none}.editor-shell .react-tabs__tab-text{block-size:fit-content;inline-size:fit-content;margin:0;padding:0 calc(.75rem*var(--scale-factor, 1));white-space:nowrap}.editor-shell .react-tabs__tab-text--split{padding-inline-end:0}.editor-shell .react-tabs__tab-close-btn{block-size:100%;padding:calc(.25rem*var(--scale-factor, 1));background-color:rgba(0,0,0,0)}.editor-shell .react-tabs__tab-close-btn svg{padding:calc(.5rem*var(--scale-factor, 1));border-radius:8px}.editor-shell .react-tabs__tab-close-btn:focus-visible{border:0}.editor-shell .react-tabs__tab-close-btn:focus-visible svg{border:3px solid #cd2356}.editor-shell .react-tabs__tab-container{display:flex;block-size:fit-content}.editor-shell .react-tabs__tab-list{border-block-end:none;box-sizing:border-box;display:flex;overflow-y:hidden;margin:0;padding:0 calc(.25rem*var(--scale-factor, 1)) 0 0}.editor-shell .react-tabs__tab-container--hidden{display:none}.editor-shell .react-tabs__tab-panel--selected{flex:1;display:flex;flex-direction:column;overflow-y:auto}.editor-shell .react-tabs__tab-container{border-block-end:1px solid var(--editor-color-outline)}.editor-shell .react-tabs__tab{background-color:var(--rpf-tab-button-background);border-inline-end:1px solid var(--editor-color-outline)}.editor-shell .react-tabs__tab--selected{color:var(--editor-color-text);background-color:var(--editor-color-layer-3);border-block-end:4px solid var(--rpf-tab-border-bottom-selected)}.editor-shell .react-tabs__tab--selected:focus-visible{border-block-end:7px solid var(--rpf-tab-border-bottom-selected)}.editor-shell .react-tabs__tab-close-btn:hover svg{background-color:var(--rpf-tab-button-hover)}a,button{border:3px solid rgba(0,0,0,0)}a:focus-visible,button:focus-visible{border:3px solid #cd2356;outline:none}button{all:initial;border:3px solid rgba(0,0,0,0);cursor:pointer}input{font-family:var(--wc-font-family-sans-serif)}.--light{background-color:#e7f8f7;color:#212121;caret-color:#000;color-scheme:light}.--light .pythonrunner-input{color:#2467ec}.--light svg{fill:var(--editor-color-text)}.--dark{background-color:#17181c;color:#fff;caret-color:#fff;color-scheme:dark}.--dark .pythonrunner-input{color:#24baec}.--dark svg{fill:var(--editor-color-text)}#textjam-editor{display:flex;flex-flow:column;font-family:var(--wc-font-family-sans-serif);font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1))}html,body,#textjam-editor{overflow:auto;block-size:100%;block-size:-moz-available;block-size:-webkit-stretch;block-size:stretch;block-size:100dvh;-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}.editor-shell .toast--bottom-center__message,.editor-shell .toast--top-center__message{min-block-size:fit-content;padding:calc(.25rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1));margin:0}.editor-shell .toast--bottom-center{font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));inline-size:fit-content;max-inline-size:100%;inset-block-end:1em;padding:4px;inset-inline-start:50%;transform:translateX(-50%);white-space:nowrap}.editor-shell .toast--bottom-center .Toastify__toast-icon{margin-block:0;margin-inline:calc(.25rem*var(--scale-factor, 1)) 0}.editor-shell .toast--bottom-center__message{border-radius:20px}.editor-shell .toast--top-center{max-inline-size:fit-content;inline-size:100%;font-weight:700;inset-block-start:20%;z-index:1}.editor-shell .toast--top-center .Toastify__toast-icon{inline-size:fit-content}.editor-shell .toast--top-center__message{background-color:#fff;border-radius:25px}.editor-shell .toast--info{color:#1e398a;border:2px solid #1e398a}.editor-shell .toast--info svg{fill:#17181c}.editor-shell .toast--info .Toastify__toast-icon svg{fill:#1e398a}.editor-shell.--dark .toast--bottom-center__message{background-color:#fff;color:#17181c}.editor-shell.--dark .toast--bottom-center__message svg{fill:#17181c}.editor-shell.--light .toast--bottom-center__message{background-color:#17181c;color:#fff}.editor-shell.--light .toast--bottom-center__message svg{fill:#fff}.proj{display:flex;flex-flow:column;overflow:hidden;block-size:100%;block-size:-moz-available;block-size:-webkit-stretch;block-size:stretch}.proj-header{display:flex;flex:1 0 auto;justify-content:space-between;padding-inline:5px}.editor-controls{display:flex}.proj-controls{padding-block-start:20px}.proj-share-link{padding-inline:5px}.proj-container{display:flex;flex-direction:row;overflow-y:hidden;grid-gap:calc(1rem*var(--scale-factor, 1));margin:calc(1rem*var(--scale-factor, 1));block-size:100%}.proj-container .project-wrapper{container-type:inline-size;display:flex;flex-direction:column;grid-gap:calc(.5rem*var(--scale-factor, 1));flex:1 1 auto;overflow:hidden}.proj-container .proj-editor-wrapper{display:flex;flex:0 1 auto;flex-flow:column;grid-gap:calc(1rem*var(--scale-factor, 1));overflow:hidden;block-size:100%;inline-size:100%}@container (min-width: 720px){.proj-container .proj-editor-wrapper{flex-flow:row}.proj-container .proj-editor-container{max-block-size:100% !important}.proj-container--wc .proj-runner-container,.proj-container--wc .proj-editor-container{inline-size:50%}}.proj-container .sidebar,.proj-container .proj-editor-container,.proj-container .proj-runner-container{border-radius:8px}.proj-container .proj-editor-container{display:flex;box-sizing:border-box;min-block-size:30%;max-block-size:70%}.proj-container .proj-editor-container .react-tabs__tab-panel--selected{overflow-y:hidden}.proj-container .proj-runner-container{display:flex;box-sizing:border-box;flex:5;overflow:hidden}.proj-container .proj-runner-container .react-tabs__tab-panel--selected{overflow-y:auto}.proj-container--wc{min-block-size:200px}.proj-container--wc .proj-runner-container,.proj-container--wc .proj-editor-container{inline-size:100%}.proj-editor-container .react-tabs__tab-list,.proj-runner-container .react-tabs__tab-list{flex:1}.proj-editor-container .react-tabs__tab-container .btn--run,.proj-editor-container .react-tabs__tab-container .btn--stop,.proj-runner-container .react-tabs__tab-container .btn--run,.proj-runner-container .react-tabs__tab-container .btn--stop{margin-block-start:0;margin-block-end:0}.--light .proj-runner-container,.--light .proj-editor-container,.--light .sidebar{background-color:#fff}@media screen and (min-width: 601px){.--light .proj-runner-container,.--light .proj-editor-container,.--light .sidebar{border:1px solid #d5d7dc}}.--dark .proj-runner-container,.--dark .proj-editor-container,.--dark .sidebar{background-color:#2a2b32}@media screen and (min-width: 601px){.--dark .proj-runner-container,.--dark .proj-editor-container,.--dark .sidebar{border:1px solid #4a4d59}}.project-bar{border-radius:calc(.5rem*var(--scale-factor, 1));display:flex;align-items:center;z-index:1;container-type:inline-size;background-color:var(--editor-color-layer-3);border:1px solid var(--editor-color-outline)}@container (max-width: 367px){.project-bar{flex-direction:column;block-size:fit-content;justify-content:left}}.project-bar .project-name{border-inline-end:1px solid var(--editor-color-outline);margin-inline-end:-1px;min-inline-size:0px}@container (max-width: 365px){.project-bar .project-name{inline-size:100%;box-sizing:border-box;border-inline-end:none}}.project-bar .btn--save{border-radius:calc(.5rem*var(--scale-factor, 1))}@container (min-width: 560px){.project-bar .btn--save .icon{display:none}}.project-bar .project-bar__btn-wrapper{display:flex;block-size:100%}.project-bar .project-bar__btn-wrapper:not(:last-child){border-inline-end:1px solid var(--editor-color-outline)}.project-bar__right{border-inline-start:1px solid var(--editor-color-outline);margin-inline-start:auto;display:flex;align-items:center;block-size:100%;flex-shrink:0;max-inline-size:55%}@container (max-width: 365px){.project-bar__right{margin-inline-start:0;border-inline-start:none;border-block-start:1px solid var(--editor-color-outline);block-size:fit-content;inline-size:100%;max-inline-size:100%}.project-bar__right .save-status{flex:1;justify-content:center}}.project-bar__btn{border-radius:calc(.5rem*var(--scale-factor, 1));justify-content:center;margin:calc(.5rem*var(--scale-factor, 1));gap:calc(.5rem*var(--scale-factor, 1))}.project-bar__btn .text{display:none}.project-bar__btn:hover .project-bar__btn{border-radius:inherit}@container (min-width: 560px){.project-bar__btn .text{min-inline-size:auto;display:block}}.proj-container--mobile{margin:0;gap:0}.editor-shell .proj-container--mobile .react-tabs{border-radius:0}.editor-shell .proj-container--mobile{border-radius:8px}.editor-shell .mobile-nav{display:flex;inline-size:100%}.editor-shell .mobile-nav .react-tabs__tab-list{padding:0}.editor-shell .mobile-nav .react-tabs__tab{flex:1;display:flex;block-size:calc(4rem*var(--scale-factor, 1))}.editor-shell .mobile-nav .react-tabs__tab:last-of-type{border-inline-end:none}.mobile-nav__menu{margin:0;border-radius:0;border:none;display:flex;align-items:center;justify-content:center;inline-size:calc(4rem*var(--scale-factor, 1))}.--dark .proj-container--mobile .runner-controls{border-inline-start:1px solid #4a4d59}.--dark .proj-container--mobile .mobile-nav{background-color:#2a2b32;border-block-start:1px solid #4a4d59}.--dark .proj-container--mobile .mobile-nav__menu{border-inline-end:1px solid #4a4d59}.--light .proj-container--mobile .runner-controls{border-inline-start:1px solid #d5d7dc}.--light .proj-container--mobile .mobile-nav{background-color:#f5f6f9;border-block-start:1px solid #d5d7dc}.--light .proj-container--mobile .mobile-nav__menu{border-inline-end:1px solid #d5d7dc}.editor-shell.--light .mobile-nav,.editor-shell.--dark .mobile-nav{border-block-end:none}.editor-shell.--light .mobile-nav .react-tabs__tab--selected,.editor-shell.--dark .mobile-nav .react-tabs__tab--selected{background-color:inherit}.editor-shell.--light .proj-container--mobile{border:1px solid #d5d7dc}.editor-shell.--dark .proj-container--mobile{border:1px solid #4a4d59}.draggable-tab{user-select:none}.draggable-tab:focus-visible{outline:none}.--dark .draggable-tab:focus-visible .react-tabs__tab{outline:2px auto #fff;outline-offset:-1px}.--light .draggable-tab:focus-visible .react-tabs__tab{outline:2px auto Highlight;outline:2px auto -webkit-focus-ring-color;outline-offset:-1px}.droppable-tab-list{display:flex;inline-size:100%}.resizable-with-handle__handle--right div{inset-inline-end:3px !important}.resizable-with-handle__handle--right div svg{block-size:100%;min-inline-size:0}.resizable-with-handle__handle--bottom div{inset-block-end:3px !important}.resizable-with-handle__handle--bottom div svg{inline-size:100%}.modal-overlay{display:flex;align-items:center;justify-content:center;padding:calc(5rem*var(--scale-factor, 1));z-index:1000;position:fixed;inset:0px}@media screen and (max-width: 480px){.modal-overlay{padding:calc(2rem*var(--scale-factor, 1))}}.modal-content{inline-size:560px;max-block-size:100%;border:0;border-radius:10px;display:flex;flex-direction:column}.modal-content label,.modal-content legend{font-weight:700}.modal-content input[type=text]{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));inline-size:100%;box-sizing:border-box;border:2px solid rgba(0,0,0,0);border-radius:12px;padding:calc(.5rem*var(--scale-factor, 1));display:block}.modal-content:focus-visible{border:3px solid #cd2356;outline:none}.modal-content__header{display:flex;align-items:center;min-block-size:fit-content;padding:calc(1rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1))}.modal-content__header button{margin-inline-start:auto;block-size:fit-content}.modal-content__heading{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1));margin-block:calc(.5rem*var(--scale-factor, 1));margin-inline:calc(.5rem*var(--scale-factor, 1)) 0}.modal-content__body{padding:calc(1.5rem*var(--scale-factor, 1));display:flex;flex-direction:column;row-gap:calc(.5rem*var(--scale-factor, 1));overflow-y:auto}.modal-content__subheading{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));margin:0;font-weight:700}.modal-content__text{margin:0;line-height:1.4}.modal-content__help-text{margin:calc(.25rem*var(--scale-factor, 1)) 0;font-weight:400}.modal-content__inputs{display:flex;flex-direction:column;gap:calc(2rem*var(--scale-factor, 1))}.modal-content__input-section{display:flex;flex-direction:column;gap:calc(.5rem*var(--scale-factor, 1))}.modal-content__buttons{padding:calc(1rem*var(--scale-factor, 1));display:flex;flex-wrap:wrap;flex-direction:row-reverse;gap:calc(1rem*var(--scale-factor, 1));justify-content:flex-start}@media screen and (max-width: 480px){.modal-content__buttons{display:flex;flex-direction:column}}.modal-content__buttons button,.modal-content__buttons a{margin:0}.modal-content__buttons button span,.modal-content__buttons a span{inline-size:100%}@media screen and (max-width: 480px){.modal-content__buttons button,.modal-content__buttons a{inline-size:100%}}.modal-content__links{text-align:center;margin-block:calc(.5rem*var(--scale-factor, 1)) calc(.25rem*var(--scale-factor, 1));margin-inline:0}.modal-content__links button{text-decoration:underline}.--dark .modal-overlay{background-color:rgba(0,0,0,.5)}.--dark .modal-overlay input{border:2px solid #fff;background-color:#33353d;color:inherit}.--dark .modal-overlay input:focus-visible{border:2px solid var(--rpf-input-active-border);outline:none}.--dark .modal-content{background-color:#33353d}.--dark .modal-content__header{border-block-end:1px solid #636674}.--dark .modal-content__help-text{color:#ccc}.--dark .modal-content__buttons{border-block-start:1px solid #636674}.--light .modal-overlay{background-color:rgba(67,69,76,.5)}.--light .modal-overlay input{border:2px solid #e3e4e8}.--light .modal-overlay input:focus-visible{border:2px solid var(--rpf-input-active-border);outline:none}.--light .modal-content{background-color:#fff}.--light .modal-content__header{border-block-end:1px solid #d5d7dc}.--light .modal-content__help-text{color:#4d575b}.--light .modal-content__buttons{border-block-start:1px solid #d5d7dc}:root,:host{--font-size-0-5: 0.5rem;--font-size-0-75: 0.75rem;--font-size-1: 1rem;--font-size-1-5: 1.25rem;--font-size-2: 1.5rem;--font-size-3: 2rem;--font-size-4: 2.5rem;--font-size-5: 3rem;--font-size-6: 3.5rem;--font-size-7: 4rem;--font-size-8: 4.5rem;--font-size-9: 5rem}:root,:host{--font-weight-regular: 400;--font-weight-bold: 700}:root,:host{--line-height-0-75: 0.75rem;--line-height-1: 1rem;--line-height-1-5: 1.5rem;--line-height-2: 2rem;--line-height-2-5: 2.5rem;--line-height-3: 3rem;--line-height-3-5: 3.5rem;--line-height-4: 4rem;--line-height-4-5: 4.5rem;--line-height-5: 5rem;--line-height-5-5: 5.5rem;--line-height-6: 6rem;--line-height-6-5: 6.5rem}.editor-wrapper{overflow:auto;scrollbar-width:thin;height:100%}.editor{display:flex;flex-flow:column;flex:1;overflow:hidden;height:100%}.editor .cm-editor{flex:1;overflow:hidden}.editor .cm-editor:focus{outline:none}.editor .cm-editor .cm-scroller{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);overflow:auto;scrollbar-width:thin;overscroll-behavior-x:none;font-family:var(--wc-font-family-monospace)}.editor .cm-editor .cm-scroller .cm-content{flex:1;padding-block-start:calc(.5rem*var(--scale-factor, 1));margin-inline-end:calc(.5rem*var(--scale-factor, 1))}.editor--small{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1))}.editor--medium{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1))}.editor--large{font-size:calc(2rem*var(--scale-factor, 1));line-height:calc(2.5rem*var(--scale-factor, 1))}.rpf-alert{margin:0}.sidebar{display:flex;position:relative;scrollbar-width:none}.sidebar--mobile{block-size:100%;inline-size:100%;overflow-y:hidden}.sidebar--mobile .react-tabs .react-tabs__tab-list{flex:unset}.editor-logo{block-size:calc(2.5rem*var(--scale-factor, 1));inline-size:calc(2.5rem*var(--scale-factor, 1));padding:calc(.75rem*var(--scale-factor, 1))}.sidebar__bar{display:flex;flex-direction:column;justify-content:space-between;border-radius:8px;background-color:var(--sidebar-background)}.sidebar__bar--selected{border-radius:8px 0 0 8px;background-color:var(--sidebar-background-selected);border-inline-end:1px solid var(--sidebar-border)}.sidebar__bar-options--top,.sidebar__bar-options--bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(.5rem*var(--scale-factor, 1))}.sidebar__bar-option-wrapper{padding:calc(.75*.5rem*var(--scale-factor, 1));border:1px solid rgba(0,0,0,0)}.sidebar__bar-option-wrapper--selected{background-color:var(--sidebar-panel-background);border-radius:calc(.5rem*var(--scale-factor, 1)) 0 0 calc(.5rem*var(--scale-factor, 1));border-block:1px solid var(--sidebar-border);border-inline-start:1px solid var(--sidebar-border)}.sidebar__bar-option-wrapper--selected .sidebar__bar-option{border:2px solid var(--sidebar-option-selected-border)}.sidebar__bar-option{display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;border:2px solid rgba(0,0,0,0)}.sidebar__bar-option svg{margin:0}.sidebar__bar-option:hover{background-color:var(--sidebar-option-hover)}.sidebar__bar-option--selected{background-color:var(--sidebar-option-selected-background)}.sidebar__bar-option--selected svg{fill:var(--sidebar-option-selected-icon)}.sidebar__bar-option--selected:hover{background-color:var(--sidebar-option-selected-background-hover)}.sidebar__bar-close{border-block-start:1px solid var(--sidebar-border)}.sidebar__panel{display:flex;flex-direction:column;padding-block-start:calc(1rem*var(--scale-factor, 1));border-radius:0 8px 8px 0;inline-size:inherit;background:var(--sidebar-panel-background)}.sidebar__panel--with-footer{padding-block-end:calc(2rem*var(--scale-factor, 1))}.sidebar__panel-heading{margin:0;font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1))}.sidebar__panel-header{display:flex;flex-direction:column;gap:calc(1rem*var(--scale-factor, 1));padding-block-end:calc(1rem*var(--scale-factor, 1));margin-inline:calc(1rem*var(--scale-factor, 1));border-block-end:1px solid var(--sidebar-border)}.sidebar__panel-content{flex:1;padding:calc(1rem*var(--scale-factor, 1));overflow-y:auto;scrollbar-width:thin}.sidebar__panel-buttons{display:flex;flex-direction:column;gap:calc(1rem*var(--scale-factor, 1))}.sidebar__panel-footer{border-block-start:1px solid #d5d7dc;inset-block-end:0px;inline-size:100%;inline-size:-moz-available;inline-size:-webkit-stretch;inline-size:stretch;padding-inline:calc(1rem*var(--scale-factor, 1));background-color:#fff;border-end-end-radius:8px}:root,:host{--rpf-brand-black: hsla(60, 4%, 11%, 1);--rpf-brand-leaf: hsla(123, 43%, 48%, 1);--rpf-brand-raspberry: hsla(342, 71%, 47%, 1);--rpf-raspberry-50: hsla(338, 57%, 97%, 1);--rpf-raspberry-100: hsla(342, 62%, 96%, 1);--rpf-raspberry-200: hsla(344, 73%, 93%, 1);--rpf-raspberry-400: hsla(341, 63%, 84%, 1);--rpf-raspberry-500: hsla(343, 62%, 68%, 1);--rpf-raspberry-600: hsla(343, 64%, 58%, 1);--rpf-raspberry-800: hsla(342, 71%, 47%, 1);--rpf-raspberry-900: hsla(340, 78%, 36%, 1)}:root,:host{--space-0-125: 0.0625rem;--space-0-25: 0.125rem;--space-0-5: 0.25rem;--space-1: 0.5rem;--space-1-5: 0.75rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-7: 3.5rem;--space-8: 4rem;--space-9: 4.5rem;--space-10: 5rem}.rpf-squiggle-heading::after,.project-instructions .c-project-heading--task::after,.rpf-squiggle{--rpf-squiggle-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%22%20viewBox%3D%220%200%2029%2013%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M3%2011c7%200%207-8%2014-8%208%200%208%208%2015%208%22%20style%3D%22fill%3Anone%3Bfill-rule%3Anonzero%3Bstroke%3Awhite%3Bstroke-width%3A4px%22%20transform%3D%22translate%28-3%29%22%2F%3E%3C%2Fsvg%3E");--rpf-squiggle-end-cap-l-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%22%20viewBox%3D%220%200%202%2013%22%3E%3Ccircle%20cx%3D%220%22%20cy%3D%2211%22%20r%3D%222%22%20style%3D%22fill%3Awhite%22%2F%3E%3C%2Fsvg%3E");--rpf-squiggle-end-cap-r-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%22%20viewBox%3D%220%200%202%2013%22%3E%3Ccircle%20cx%3D%222%22%20cy%3D%2211%22%20r%3D%222%22%20style%3D%22fill%3Awhite%22%2F%3E%3C%2Fsvg%3E");background-color:var(--rpf-squiggle-color, var(--rpf-brand-raspberry));border:2px solid rgba(0,0,0,0);border-block:none;block-size:13px;mask-clip:content-box,border-box,border-box;mask-image:var(--rpf-squiggle-mask),var(--rpf-squiggle-end-cap-l-mask),var(--rpf-squiggle-end-cap-r-mask);mask-origin:content-box,border-box,border-box;mask-position:top left,top right,top left;mask-repeat:round,no-repeat,no-repeat;mask-size:29px 13px,2px 13px,2px 13px;-webkit-mask-clip:content-box,border-box,border-box;-webkit-mask-image:var(--rpf-squiggle-mask),var(--rpf-squiggle-end-cap-l-mask),var(--rpf-squiggle-end-cap-r-mask);-webkit-mask-origin:content-box,border-box,border-box;-webkit-mask-position:top left,top right,top left;-webkit-mask-repeat:round,no-repeat,no-repeat;-webkit-mask-size:29px 13px,2px 13px,2px 13px}.rpf-squiggle-heading,.project-instructions .c-project-heading--task{display:inline-block;position:relative;padding-block-end:calc(13px + var(--space-1))}.rpf-squiggle-heading::after,.project-instructions .c-project-heading--task::after{content:"";display:block;position:absolute;inset-inline:0;margin-block-start:var(--space-1)}.project-instructions{block-size:100%}.project-instructions h2{font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);margin:0}.project-instructions p{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5)}.project-instructions a{color:var(--editor-color-theme-secondary)}.project-instructions strong{font-weight:var(--font-weight-bold)}.project-instructions img{max-inline-size:100%}.project-instructions table{border-collapse:collapse;margin-block-end:calc(1.5rem*var(--scale-factor, 1));inline-size:100%}.project-instructions table tr{border-block-end:1px solid #000}.project-instructions table td{padding:calc(.5rem*var(--scale-factor, 1)) calc(1.5rem*var(--scale-factor, 1))}.project-instructions code{color:#fff;background-color:#33353d;border-radius:8px;padding:calc(.75*.125rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1))}.project-instructions pre{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);background-color:#33353d;border:1px solid #4a4d59;border-radius:8px;padding:calc(.5rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1));overflow:auto;margin:calc(1rem*var(--scale-factor, 1)) 0}.project-instructions pre code{padding-inline:0}.project-instructions .c-project-code{background-color:#33353d;border-radius:8px;margin:calc(1rem*var(--scale-factor, 1)) 0 calc(1.5rem*var(--scale-factor, 1)) 0}.project-instructions .c-project-code pre{border:none;margin:0}.project-instructions .c-project-code code{padding-inline-start:0}.project-instructions .c-code-filename{font-family:var(--wc-font-family-monospace);margin:0;padding:calc(.5rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1));color:#fff;background-color:#2a2b32;border-start-start-radius:8px;border-start-end-radius:8px;border-block-end:1px solid #4a4d59}.project-instructions .line-numbers{padding-inline-start:calc(3rem*var(--scale-factor, 1));padding-inline-end:calc(1rem*var(--scale-factor, 1))}.project-instructions .line-numbers-rows{border-color:#ccc}.project-instructions .line-numbers-rows span::before{padding-inline-end:calc(.5rem*var(--scale-factor, 1));color:#ccc}.project-instructions .line-highlight{margin-block-start:.5rem;background-color:#fff;mix-blend-mode:difference;min-inline-size:100%}.project-instructions .language-python .number,.project-instructions .language-python .boolean,.project-instructions .language-python .function{color:#9ee8ff}.project-instructions .language-python .keyword{color:#ecf}.project-instructions .language-python .string,.project-instructions .language-python .char{color:#94f9af}.project-instructions .language-python .comment{color:#ffca99}.project-instructions .language-python .keyword-print{color:#fff}.project-instructions .language-javascript .number,.project-instructions .language-javascript .boolean{color:#9ee8ff}.project-instructions .language-javascript .keyword{color:#ecf}.project-instructions .language-javascript .string,.project-instructions .language-javascript .char{color:#94f9af}.project-instructions .language-javascript .comment{color:#ffca99}.project-instructions .language-javascript .keyword-print{color:#fff}.project-instructions .language-css{color:#9ee8ff}.project-instructions .language-css .comment{color:#ffca99}.project-instructions .language-css .selector{color:#ecf}.project-instructions .language-css .function{color:#ecf}.project-instructions .language-css .property,.project-instructions .language-css .punctuation{color:#fff}.project-instructions .language-html .tag{color:#ecf}.project-instructions .language-html .tag .punctuation,.project-instructions .language-html .tag .attr-name{color:#fff}.project-instructions .language-html .tag .attr-value{color:#94f9af}.project-instructions .language-html .tag .attr-value .punctuation{color:inherit}.project-instructions .language-html .tag .attr-value .attr-equals{color:#fff}.project-instructions .language-html .comment{color:#ffca99}.project-instructions .c-project-heading--task{--rpf-squiggle-color: var(--rpf-blue-800);background-color:#e5f4fd;padding:calc(1rem*var(--scale-factor, 1));inline-size:100%;box-sizing:border-box;border-start-start-radius:8px;border-start-end-radius:8px}.project-instructions .c-project-heading--task::after{margin-inline:calc(1rem*var(--scale-factor, 1));margin-block-start:calc(.25rem*var(--scale-factor, 1))}.project-instructions .c-project-task{background-color:#e5f4fd;padding:calc(1rem*var(--scale-factor, 1));display:flex;flex-direction:column;gap:calc(1rem*var(--scale-factor, 1));border-end-start-radius:8px;border-end-end-radius:8px;margin-block-end:calc(1.5rem*var(--scale-factor, 1))}.project-instructions .c-project-task p{margin:0}.project-instructions .c-project-task__checkbox{display:none}.project-instructions .c-project-callout{background-color:#e5f4fd;border-inline-start:4px solid #0090f0;padding:calc(.5rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1));display:flex;flex-direction:column;gap:calc(.5rem*var(--scale-factor, 1));margin:calc(1.5rem*var(--scale-factor, 1)) 0}.project-instructions .c-project-callout h3{font-size:var(--font-size-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);margin:0;padding-inline-start:calc(2rem*var(--scale-factor, 1));background-repeat:no-repeat;background-position:inline-start calc(.5rem*var(--scale-factor, 1)) center}.project-instructions .c-project-callout p{margin:0}.project-instructions .c-project-callout--tip{background-color:#ecf7ed;border-inline-start:4px solid #46af4b}.project-instructions .c-project-callout--tip h3{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTIgMjJDMTEuNDUgMjIgMTAuOTc5MyAyMS44MDQzIDEwLjU4OCAyMS40MTNDMTAuMTk2IDIxLjAyMSAxMCAyMC41NSAxMCAyMEgxNEMxNCAyMC41NSAxMy44MDQzIDIxLjAyMSAxMy40MTMgMjEuNDEzQzEzLjAyMSAyMS44MDQzIDEyLjU1IDIyIDEyIDIyWk04IDE5VjE3SDE2VjE5SDhaTTguMjUgMTZDNy4xIDE1LjMxNjcgNi4xODc2NyAxNC40IDUuNTEzIDEzLjI1QzQuODM3NjcgMTIuMSA0LjUgMTAuODUgNC41IDkuNUM0LjUgNy40MTY2NyA1LjIyOTMzIDUuNjQ2IDYuNjg4IDQuMTg4QzguMTQ2IDIuNzI5MzMgOS45MTY2NyAyIDEyIDJDMTQuMDgzMyAyIDE1Ljg1NCAyLjcyOTMzIDE3LjMxMiA0LjE4OEMxOC43NzA3IDUuNjQ2IDE5LjUgNy40MTY2NyAxOS41IDkuNUMxOS41IDEwLjg1IDE5LjE2MjcgMTIuMSAxOC40ODggMTMuMjVDMTcuODEyNyAxNC40IDE2LjkgMTUuMzE2NyAxNS43NSAxNkg4LjI1Wk04Ljg1IDE0SDE1LjE1QzE1LjkgMTMuNDY2NyAxNi40NzkzIDEyLjgwODMgMTYuODg4IDEyLjAyNUMxNy4yOTYgMTEuMjQxNyAxNy41IDEwLjQgMTcuNSA5LjVDMTcuNSA3Ljk2NjY3IDE2Ljk2NjcgNi42NjY2NyAxNS45IDUuNkMxNC44MzMzIDQuNTMzMzMgMTMuNTMzMyA0IDEyIDRDMTAuNDY2NyA0IDkuMTY2NjcgNC41MzMzMyA4LjEgNS42QzcuMDMzMzMgNi42NjY2NyA2LjUgNy45NjY2NyA2LjUgOS41QzYuNSAxMC40IDYuNzA0MzMgMTEuMjQxNyA3LjExMyAxMi4wMjVDNy41MjEgMTIuODA4MyA4LjEgMTMuNDY2NyA4Ljg1IDE0WiIgZmlsbD0iIzQ2QUY0QiIvPgo8L3N2Zz4K)}.project-instructions .c-project-callout--debug{background-color:#feeeed;border-inline-start:4px solid #f3514f}.project-instructions .c-project-callout--debug h3{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTIgMjFDMTAuOTE2NyAyMSA5LjkxMjUgMjAuNzMzMyA4Ljk4NzUgMjAuMkM4LjA2MjUgMTkuNjY2NyA3LjMzMzMzIDE4LjkzMzMgNi44IDE4SDRWMTZINi4xQzYuMDUgMTUuNjY2NyA2LjAyMDgzIDE1LjMzMzMgNi4wMTI1IDE1QzYuMDA0MTcgMTQuNjY2NyA2IDE0LjMzMzMgNiAxNEg0VjEySDZDNiAxMS42NjY3IDYuMDA0MTcgMTEuMzMzMyA2LjAxMjUgMTFDNi4wMjA4MyAxMC42NjY3IDYuMDUgMTAuMzMzMyA2LjEgMTBINFY4SDYuOEM3LjAzMzMzIDcuNjE2NjcgNy4yOTU4MyA3LjI1ODMzIDcuNTg3NSA2LjkyNUM3Ljg3OTE3IDYuNTkxNjcgOC4yMTY2NyA2LjMgOC42IDYuMDVMNyA0LjRMOC40IDNMMTAuNTUgNS4xNUMxMS4wMTY3IDUgMTEuNDkxNyA0LjkyNSAxMS45NzUgNC45MjVDMTIuNDU4MyA0LjkyNSAxMi45MzMzIDUgMTMuNCA1LjE1TDE1LjYgM0wxNyA0LjRMMTUuMzUgNi4wNUMxNS43MzMzIDYuMyAxNi4wNzkyIDYuNTg3NSAxNi4zODc1IDYuOTEyNUMxNi42OTU4IDcuMjM3NSAxNi45NjY3IDcuNiAxNy4yIDhIMjBWMTBIMTcuOUMxNy45NSAxMC4zMzMzIDE3Ljk3OTIgMTAuNjY2NyAxNy45ODc1IDExQzE3Ljk5NTggMTEuMzMzMyAxOCAxMS42NjY3IDE4IDEySDIwVjE0SDE4QzE4IDE0LjMzMzMgMTcuOTk1OCAxNC42NjY3IDE3Ljk4NzUgMTVDMTcuOTc5MiAxNS4zMzMzIDE3Ljk1IDE1LjY2NjcgMTcuOSAxNkgyMFYxOEgxNy4yQzE2LjY2NjcgMTguOTMzMyAxNS45Mzc1IDE5LjY2NjcgMTUuMDEyNSAyMC4yQzE0LjA4NzUgMjAuNzMzMyAxMy4wODMzIDIxIDEyIDIxWk0xMiAxOUMxMy4xIDE5IDE0LjA0MTcgMTguNjA4MyAxNC44MjUgMTcuODI1QzE1LjYwODMgMTcuMDQxNyAxNiAxNi4xIDE2IDE1VjExQzE2IDkuOSAxNS42MDgzIDguOTU4MzMgMTQuODI1IDguMTc1QzE0LjA0MTcgNy4zOTE2NyAxMy4xIDcgMTIgN0MxMC45IDcgOS45NTgzMyA3LjM5MTY3IDkuMTc1IDguMTc1QzguMzkxNjcgOC45NTgzMyA4IDkuOSA4IDExVjE1QzggMTYuMSA4LjM5MTY3IDE3LjA0MTcgOS4xNzUgMTcuODI1QzkuOTU4MzMgMTguNjA4MyAxMC45IDE5IDEyIDE5Wk0xMCAxNkgxNFYxNEgxMFYxNlpNMTAgMTJIMTRWMTBIMTBWMTJaIiBmaWxsPSIjRjM1MTRGIi8+Cjwvc3ZnPgo=)}.project-instructions .c-project-output{display:flex;align-items:flex-start;align-self:stretch;padding:calc(1rem*var(--scale-factor, 1));border-radius:8px;border:1px solid var(--rpf-grey-150);margin-block-end:calc(1.5rem*var(--scale-factor, 1))}.project-instructions .c-project-output pre{background-color:#fff;border:none;inline-size:100%;margin:0;padding:0}.project-instructions .c-project-output code{background-color:#fff;color:#212121;padding:0;white-space:pre-wrap}.project-instructions .project-instructions__empty{background-color:var(--editor-color-layer-1);border-radius:calc(.5rem*var(--scale-factor, 1));display:flex;flex-direction:column;gap:calc(1.5rem*var(--scale-factor, 1));padding:calc(1rem*var(--scale-factor, 1))}.project-instructions .project-instructions__empty-text{margin:0}.--dark .project-instructions pre{background-color:#23242a}.--dark .project-instructions code{background-color:#23242a}.editor-shell .c-instruction-tabs{display:flex;flex-direction:column;block-size:100%}.editor-shell .c-instruction-tabs .react-tabs{border:1px solid var(--editor-color-outline)}.editor-shell .c-instruction-tabs .react-tabs .react-tabs__tab-list{border-block-end:1px solid var(--editor-color-outline)}.editor-shell .c-instruction-tabs .react-tabs__tab{background:var(--editor-color-tab-background);padding-inline:var(--space-1-5)}.editor-shell .c-instruction-tabs .react-tabs__tab--selected{background:var(--editor-color-layer-3)}.editor-shell .c-instruction-tabs .react-tabs__tab-panel .project-instructions{padding-inline:var(--space-1)}.editor-shell .c-instruction-tabs textarea{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);background:var(--editor-color-layer-3);color:var(--editor-color-text);border:none;block-size:100%;overflow-block:scroll;padding:var(--space-1)}.projects-panel-wrapper .projects-panel__your-projects-button{display:flex;align-items:center;justify-content:center;inline-size:100%;box-sizing:border-box;margin:0}.projects-panel-wrapper .projects-panel__your-projects-button a{color:#000;text-decoration:none}.projects-panel-wrapper .projects-panel__download-button{inline-size:100%;margin:0;justify-content:center}.projects-panel-wrapper .project-name{block-size:auto;padding-inline-start:0}.projects-panel-wrapper .project-name__label{padding-inline-start:0}.projects-panel-wrapper .project-name__input{padding:0 calc(1rem*var(--scale-factor, 1))}.projects-panel-wrapper .projects-panel__item{margin-block-end:calc(1rem*var(--scale-factor, 1))}.projects-panel-wrapper .projects-panel__save,.projects-panel-wrapper .projects-panel__button{border-block-start:1px solid var(--sidebar-border);padding:calc(1rem*var(--scale-factor, 1)) 0;display:flex}.projects-panel-wrapper .projects-panel__save-button{inline-size:100%;margin-block-end:calc(1rem*var(--scale-factor, 1));justify-content:center}.projects-panel-wrapper .projects-panel__save-button .icon{display:none}.projects-panel-wrapper .projects-panel__save-button .content{margin:auto}.projects-panel-wrapper .projects-panel__save-button span{font-weight:bold}.projects-panel-wrapper .projects-panel__save-status{margin:auto;inline-size:fit-content}.--dark .projects-panel__save-button .content{color:#fff}.project-name{align-items:center;display:flex;block-size:100%;padding-inline-start:calc(.5rem*var(--scale-factor, 1))}.project-name .btn--primary{margin:0 calc(.5rem*var(--scale-factor, 1))}.project-name__title{font-size:calc(1.25rem*var(--scale-factor, 1));font-weight:700;margin-block:calc(1rem*var(--scale-factor, 1));margin-inline-start:calc(.5rem*var(--scale-factor, 1));margin-inline-end:calc(1rem*var(--scale-factor, 1));overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.project-name__label{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));font-weight:700;margin-block-end:calc(.5rem*var(--scale-factor, 1));display:block}.project-name__input{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));padding:0 calc(1.5rem*var(--scale-factor, 1));block-size:calc(3rem*var(--scale-factor, 1));border-radius:calc(.5rem*var(--scale-factor, 1));border:none;color:inherit;background-color:inherit;text-overflow:ellipsis;inline-size:100%}.project-name__button{margin:calc(.5rem*var(--scale-factor, 1));inline-size:48px;block-size:48px}.project-name__button svg{block-size:calc(1.5rem*var(--scale-factor, 1));inline-size:calc(1.5rem*var(--scale-factor, 1));margin:0}.--dark .project-name__input{background-color:#4a4d59}.--dark .project-name__input:focus-visible{background-color:inherit;outline:2px solid #fff}.--light .project-name__input{background-color:#f1f2f3}.--light .project-name__input:focus-visible{background-color:inherit;outline:2px solid #212121}.project-info{align-items:inline-start;display:flex;flex-direction:column;padding:calc(1rem*var(--scale-factor, 1));border-radius:calc(.5rem*var(--scale-factor, 1));border:none;background-color:inherit}.project-info .btn--primary{margin:0 calc(.5rem*var(--scale-factor, 1))}.project-type__label{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));font-weight:700;margin-block-end:calc(.5rem*var(--scale-factor, 1));display:block}.project-type__text{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));color:inherit;text-overflow:ellipsis}.--light .project-info{background-color:#f1f2f3}.--dark .project-info{background-color:#4a4d59}.project-images{display:grid;grid-template-columns:repeat(auto-fill, 135px);justify-content:center;gap:calc(1rem*var(--scale-factor, 1))}.project-images__block{display:flex;flex-direction:column;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word;text-align:center;vertical-align:block-start}.project-images__image-wrapper{display:flex;flex:1;align-items:center;justify-content:center}.project-images__image{inline-size:100%}.project-images p{margin:0}.download-panel__login-section{border-block-end:1px solid #d5d7dc;margin-block-end:calc(1.5rem*var(--scale-factor, 1));padding-block-end:calc(1.5rem*var(--scale-factor, 1))}.download-panel__subtitle{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));font-weight:700;margin-block-end:calc(.5rem*var(--scale-factor, 1))}.download-panel__hint{margin:0;margin-block-end:calc(1rem*var(--scale-factor, 1))}.download-panel__button-container{display:flex;flex-direction:column;justify-content:center;align-self:stretch;gap:calc(1rem*var(--scale-factor, 1));align-items:stretch}.download-panel__button{justify-content:center;inline-size:100%;box-sizing:border-box;margin:0}.download-panel__download-section{margin-block-end:calc(1rem*var(--scale-factor, 1))}.settings-panel{display:flex;flex-direction:column;gap:calc(1.25rem*var(--scale-factor, 1));padding:calc(.25rem*var(--scale-factor, 1))}.settings-panel .select-buttons__legend{font-size:calc(1.25rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));font-weight:700}.settings-panel .select-buttons__options{flex-direction:column}.select-buttons{border:none;margin:0;padding:0}.select-buttons__legend{padding:0;margin-block-end:calc(1rem*var(--scale-factor, 1))}.select-buttons__options{display:flex;inline-size:100%;gap:calc(1rem*var(--scale-factor, 1));flex-wrap:wrap}.select-buttons__option{flex:1}.select-buttons__button{opacity:0;position:absolute}.select-buttons__label{display:flex;align-items:center;padding:calc(.75rem*var(--scale-factor, 1));gap:calc(.75rem*var(--scale-factor, 1));border-radius:8px;position:relative;box-sizing:border-box;font-weight:700;cursor:pointer}.select-buttons__tick{display:flex;align-items:center;margin-inline-start:auto;visibility:hidden}.select-buttons__tick--selected{visibility:visible}.select-buttons__tick--selected svg rect{fill:var(--editor-color-theme)}.select-buttons__tick--selected svg path{fill:var(--rpf-select-buttons-tick-color)}.--light .select-buttons__label{border:2px solid #d5d7dc}.--light .select-buttons__label--selected{border:2px solid #212121}.--dark .select-buttons__label{border:2px solid #636674}.--dark .select-buttons__label--selected{border:2px solid #babcc5}.select-buttons__button:focus-visible+.select-buttons__label{outline:3px solid #cd2356}.info-panel{border-radius:calc(.5rem*var(--scale-factor, 1));padding:calc(1rem*var(--scale-factor, 1));margin-block-end:calc(.5rem*var(--scale-factor, 1))}.info-panel p{margin:0}.info-panel__links{display:flex;flex-direction:column}.info-panel__links a{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));font-weight:700;text-decoration:underline}.info-panel__link:last-of-type{margin-block-end:calc(1rem*var(--scale-factor, 1))}.--dark .info-panel{color:#fff;background-color:#4a4d59}.--dark .info-panel__links a{color:#fff}.--light .info-panel{color:#212121;background-color:#f1f2f3}.--light .info-panel__links a{color:#212121}.progress-bar{accent-color:var(--editor-color-theme);display:flex;align-items:center;justify-content:center;max-inline-size:300px;margin:auto}.progress-bar progress{flex:1;min-inline-size:0px}.progress-bar .btn-outer{padding:calc(.5rem*var(--scale-factor, 1))}.pythonrunner-container{display:flex;flex-direction:column;flex:1;block-size:100%;inline-size:100%}.pythonrunner-console{padding:calc(.5rem*var(--scale-factor, 1)) calc(1.5rem*var(--scale-factor, 1));margin:0;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;width:100%;word-wrap:break-word;overflow-y:auto}.pythonrunner-console--medium{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1))}.pythonrunner-console--large{font-size:calc(2rem*var(--scale-factor, 1));line-height:calc(2.5rem*var(--scale-factor, 1))}.pythonrunner-console-output-line{padding-inline-end:5px}.pythonrunner-console-output-line.stderr{color:red}.pythonrunner-input{caret-color:inherit;color:#2467ec;display:block;line-height:20px;padding:2px 1px 2px 0}.pythonrunner-input:focus{outline:0}.pythonrunner-graphic{overflow:auto;position:relative}.pyodiderunner{display:none}.pyodiderunner--active{display:flex}.visual-output{flex:1;display:flex;min-block-size:100%;inline-size:100%}#p5Sketch{display:flex;flex:1;position:absolute}.--light .visual-output{background:url("data:image/svg+xml,%3Csvg width='525' height='686' viewBox='0 0 525 686' fill='none' xmlns='http:%2F%2Fwww.w3.org/2000/svg' xmlns:xlink='http:%2F%2Fwww.w3.org/1999/xlink'%3E%3Crect width='526' height='686' transform='translate(0.5)' fill='url(%23pattern0)' fill-opacity='0.1'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='0.0152091' height='0.0116618'%3E%3Cuse xlink:href='%23image0_214_29626' transform='scale(0.00190114 0.00145773)'/%3E%3C/pattern%3E%3Cimage id='image0_214_29626' width='8' height='8' xlink:href='data:image/png%3Bbase64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAABdJREFUGBljYGBg+A/FQAoTMGEKDUcRAATwAgFGIXEOAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E")}.--dark .visual-output{background:url("data:image/svg+xml,%3Csvg width='527' height='684' viewBox='0 0 527 684' fill='none' xmlns='http:%2F%2Fwww.w3.org/2000/svg' xmlns:xlink='http:%2F%2Fwww.w3.org/1999/xlink'%3E%3Crect width='526' height='686' transform='translate(0.388916)' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='0.0152091' height='0.0116618'%3E%3Cuse xlink:href='%23image0_214_22403' transform='scale(0.00190114 0.00145773)'/%3E%3C/pattern%3E%3Cimage id='image0_214_22403' width='8' height='8' xlink:href='data:image/png%3Bbase64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAABdJREFUGBljYGBg+A/FQAoTMGEKDUcRAATwAgFGIXEOAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E%0A")}.output-panel{display:flex;overflow:hidden}.output-panel--text{flex:3}.output-panel--visual{flex:7}.--light .output-panel--visual{border-block-end:5px solid #e3e4e8}.--dark .output-panel--visual{border-block-end:5px solid #4a4d59}.--light .output-panel--single,.--dark .output-panel--single{border-block-end:none}.htmlrunner-container{container-type:inline-size;display:flex;block-size:100%;inline-size:100%}.htmlrunner-link{margin-inline-start:auto}@container (max-width: 480px){.htmlrunner-link__text{display:none}}.htmlrunner-iframe{border:none;background-color:#fff;block-size:100%;inline-size:100%}.error-message{color:#7e0305;background-color:#fde2e1;padding:calc(.75rem*var(--scale-factor, 1)) calc(1.25rem*var(--scale-factor, 1));overflow-y:auto}.error-message__content{padding:0;margin:0;white-space:pre-wrap;word-break:break-word}.error-message--medium{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1))}.error-message--large{font-size:calc(2rem*var(--scale-factor, 1));line-height:calc(2.5rem*var(--scale-factor, 1))}.output-view-toggle__button{block-size:100%}.--light .output-view-toggle{border-inline-start:1px solid #d5d7dc}.--dark .output-view-toggle{border-inline-start:1px solid #4a4d59}.mobile-project-bar{background-color:#fff;border-block-start:1px solid #d5d7dc;display:flex;justify-content:space-between;padding:calc(.5rem*var(--scale-factor, 1));gap:var(--space-1)}.mobile-project-bar__name{font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));font-weight:700;margin:auto 0}.--dark .mobile-project-bar{background-color:#2a2b32;border-block-start:1px solid #4a4d59}.--dark .mobile-project-bar__name{color:#fff}.--light .mobile-project-bar{background-color:#fff;border-block-start:1px solid #d5d7dc}.--light .mobile-project-bar__name{color:#4d575b}.btn{align-items:center;border-radius:calc(.5rem*var(--scale-factor, 1));border:3px solid rgba(0,0,0,0);box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;font-family:var(--wc-font-family-sans-serif);font-size:inherit;font-weight:700;gap:calc(.5rem*var(--scale-factor, 1));justify-content:center;min-block-size:44px;min-inline-size:44px;padding:10px;position:relative;text-align:center;text-decoration:none}.btn:disabled{background-color:#4a4d59;color:#fff;cursor:default}.btn:focus-visible{border:3px solid #cd2356;outline:none}.btn--primary{background-color:var(--rpf-button-primary-background-color);border-radius:calc(.5rem*var(--scale-factor, 1));color:var(--rpf-button-primary-text-color)}.btn--primary svg{fill:var(--rpf-button-primary-text-color)}.btn--primary:active,.btn-outer:active .btn--primary{background-color:var(--rpf-button-primary-background-color-active)}.btn--primary:focus-visible,.btn-outer:focus-visible .btn--primary{background-color:var(--rpf-button-primary-background-color-focus)}.btn--primary:hover,.btn-outer:hover .btn--primary{background-color:var(--rpf-button-primary-background-color-hover);border-radius:calc(.5rem*var(--scale-factor, 1))}.btn--primary:disabled{background-color:var(--rpf-button-primary-background-color-disabled);color:var(--rpf-button-primary-color-disabled)}.btn--primary:disabled svg{fill:var(--rpf-button-primary-color-disabled)}.btn--primary:disabled:hover,.btn-outer:hover .btn--primary:disabled{background-color:var(--rpf-button-primary-background-color-disabled)}.btn--secondary{background-color:inherit;color:var(--rpf-button-secondary-text-color);border:2px solid var(--rpf-button-primary-background-color)}.btn--secondary svg{fill:var(--rpf-button-secondary-text-color)}.btn--secondary:active,.btn-outer:active .btn--secondary{background-color:inherit}.btn--secondary:focus-visible,.btn-outer:focus-visible .btn--secondary{background-color:inherit}.btn--secondary:hover,.btn-outer:hover .btn--secondary{background-color:inherit}.btn--secondary:disabled{background-color:var(--rpf-button-secondary-background-color-disabled);color:var(--rpf-button-secondary-background-color-active)}.btn--secondary:disabled svg{fill:var(--rpf-button-secondary-background-color-active)}.btn--secondary:disabled:hover,.btn-outer:hover .btn--secondary:disabled{background-color:var(--rpf-button-secondary-background-color-disabled)}.btn--secondary:active{border:2px solid var(--rpf-button-secondary-background-color-active)}.btn--secondary:hover{background-color:var(--rpf-button-secondary-background-color-hover);color:var(--rpf-button-secondary-text-color-hover);border-color:var(--rpf-button-secondary-border-color-hover) !important}.btn--secondary:hover svg{fill:var(--rpf-button-secondary-text-color-hover)}.btn--secondary:focus-visible{outline:3px solid var(--rpf-button-secondary-background-color-focus)}.btn--tertiary{background-color:inherit;color:inherit}.btn--tertiary:active,.btn-outer:active .btn--tertiary{background-color:inherit}.btn--tertiary:focus-visible,.btn-outer:focus-visible .btn--tertiary{background-color:inherit}.btn--tertiary:hover,.btn-outer:hover .btn--tertiary{background-color:inherit}.btn--tertiary:disabled{background-color:inherit;color:#4a4d59}.btn--tertiary:disabled svg{fill:#4a4d59}.btn--tertiary:disabled:hover,.btn-outer:hover .btn--tertiary:disabled{background-color:inherit}.btn--tertiary:active{color:#0e857a}.btn--tertiary:active svg{fill:#0e857a}.btn--tertiary:hover{color:var(--rpf-button-tertiary-text-color-hover)}.btn--tertiary:hover svg{fill:var(--rpf-button-tertiary-text-color-hover)}.btn--danger{background-color:#9e0a0a;color:#fff}.btn--danger svg{fill:#fff}.btn--danger:active,.btn-outer:active .btn--danger{background-color:#9e0a0a}.btn--danger:focus-visible,.btn-outer:focus-visible .btn--danger{background-color:#9e0a0a}.btn--danger:hover,.btn-outer:hover .btn--danger{background-color:#86151e}.btn--danger:disabled{background-color:#9e0a0a;color:#fff}.btn--danger:disabled svg{fill:#fff}.btn--danger:disabled:hover,.btn-outer:hover .btn--danger:disabled{background-color:#9e0a0a}.btn--danger:focus-visible{background-clip:padding-box;border:2px solid rgba(0,0,0,0);outline:3px solid #cd2356}.btn--small{min-block-size:unset;min-inline-size:unset;padding:calc(.25rem*var(--scale-factor, 1))}.btn--svg-only svg{margin:0}.btn-outer{background:rgba(0,0,0,0);border-radius:calc(.5rem*var(--scale-factor, 1));cursor:pointer;padding:calc(.5rem*var(--scale-factor, 1)) 0;display:flex;align-items:center;justify-content:center}.btn-outer:focus-visible{outline:none}.btn-outer:focus-visible .btn{border:3px solid #cd2356}.btn-outer:has(.btn:disabled){cursor:default}.rpf-button--primary * svg{fill:var(--rpf-button-primary-text-color)}.rpf-button--tertiary * svg{fill:var(--rpf-button-secondary-text-color) !important}.rpf-button{flex-direction:row-reverse}.rpf-button--fit{inline-size:fit-content}.rpf-button.rpf-button--fill{justify-content:center;inline-size:100%;box-sizing:border-box}.rpf-button--secondary{justify-content:center;align-items:center}.rpf-button--secondary * svg{fill:#4d575b}.--dark * .rpf-button--secondary{border-color:#89ddd5}.--dark * .rpf-button--secondary span{color:#fff}.--dark * .rpf-button--secondary svg{fill:#fff}.--dark * .rpf-button--secondary::before{background-color:#33353d}.--dark * .rpf-button--secondary:hover{border-color:#89ddd5}.--dark * .rpf-button--secondary:hover::before{background-color:hsla(0,0%,100%,.1)}.--dark * .rpf-button--secondary:active::before{background-color:hsla(0,0%,100%,.15)}.--dark * .rpf-button--secondary:disabled{border-color:#d5d7dc;background-color:inherit}.--dark * .rpf-button--secondary:disabled::before{background-color:inherit}.--dark * .rpf-button--secondary:disabled span{color:#d5d7dc}.--dark * .rpf-button--tertiary{color:#fff;border:none}.--dark * .rpf-button--tertiary:hover::before{background-color:hsla(0,0%,100%,.1)}.--dark * .rpf-button--tertiary:active::before{background-color:hsla(0,0%,100%,.15)}.--dark * .rpf-button--tertiary:disabled{background-color:inherit}.--dark * .rpf-button--tertiary:disabled::before{background-color:inherit}.--dark * .rpf-button--tertiary:disabled span{color:#d5d7dc}.--light * .rpf-button--secondary span{color:#212121}.--light * .rpf-button--secondary::before{background-color:#fff}.--light * .rpf-button--secondary:hover{border-color:#89ddd5}.--light * .rpf-button--secondary:hover::before{background-color:#e7f8f7}.--light * .rpf-button--secondary:active::before{background-color:#dcf5f3}.--light * .rpf-button--secondary:disabled{border-color:#d5d7dc;background-color:inherit}.--light * .rpf-button--secondary:disabled::before{background-color:inherit}.--light * .rpf-button--secondary:disabled span{color:#d5d7dc}.--light * .rpf-button--tertiary{color:#212121;border:none}.--light * .rpf-button--tertiary::before{background-color:#fff}.--light * .rpf-button--tertiary:hover::before{background-color:#e7f8f7}.--light * .rpf-button--tertiary:active::before{background-color:#dcf5f3}.--light * .rpf-button--tertiary:disabled{background-color:inherit}.--light * .rpf-button--tertiary:disabled::before{background-color:inherit}.--light * .rpf-button--tertiary:disabled span{color:#d5d7dc}.rpf-button__icon{display:flex}.save-status{align-items:center;display:flex;gap:var(--space-1);justify-content:flex-end;margin-block:0;padding-inline:var(--space-2)}.save-status--mobile{margin:unset;padding-inline:0;gap:var(--space-0-5)}.save-status--mobile .save-status__text{font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1))}.save-status--mobile .save-status__icon{inline-size:16px;block-size:16px}.save-status--mobile .save-status__icon svg{width:100%;height:100%}.save-status__icon{display:flex}.context-menu__drop{padding:calc(.5rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1));margin:0}.context-menu__drop svg{margin:0}.context-menu__drop :focus-visible{border:none}.context-menu{list-style-type:none;padding:0;margin-inline:calc(.5rem*var(--scale-factor, 1)) 0;margin-block:0;border-radius:5px;display:flex;flex-direction:column}.context-menu .context-menu__item{margin:0;background-color:inherit;color:var(--rpf-button-secondary-color);padding:calc(.5rem*var(--scale-factor, 1));text-align:start;white-space:nowrap;overflow-x:visible;box-sizing:border-box;inline-size:100%;justify-content:start}.context-menu :focus-visible{border:none}.context-menu svg{inline-size:calc(1.5rem*var(--scale-factor, 1));block-size:auto}.context-menu--dark{background-color:#000;color:#fff;border:1px solid rgba(0,0,0,0)}.context-menu--dark svg{fill:#fff}.context-menu--dark .btn:hover{background-color:#33353d}.context-menu--dark .btn:disabled{color:#4a4d59}.context-menu--light{background-color:#fff;color:#212121;border:1px solid #d5d7dc}.context-menu--light svg{fill:#000}.context-menu--light .btn:hover{background-color:#e3e4e8}.context-menu--light .btn:disabled{color:#babcc5}.context-menu--dark .btn:disabled svg{fill:#4a4d59}.context-menu--light .btn:disabled svg{fill:#e3e4e8}.context-menu .btn:disabled:hover{background-color:inherit}.files-list-item-wrapper{display:flex;position:relative}.files-list-item{inline-size:100%;display:flex;flex-direction:row !important;justify-content:flex-start;position:relative;align-items:center;border-radius:8px;border:3px solid rgba(0,0,0,0);box-sizing:border-box;white-space:nowrap;font-weight:400;min-block-size:44px;padding:calc(.5rem*var(--scale-factor, 1)) calc(2.5rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1));margin:0}.files-list-item span{font-weight:700;overflow-x:hidden;text-overflow:ellipsis}.files-list-item__menu{border-radius:8px;position:absolute;inset-inline-end:0}.files-list-item:hover,.files-list-item__menu:hover{background-color:var(--rpf-files-list-item-hover)}.files-list-item:hover::before,.files-list-item__menu:hover::before{background-color:rgba(0,0,0,0) !important}.files-list-item:active,.files-list-item__menu:active{background-color:var(--rpf-files-list-item-active)}.embedded-viewer{display:flex;flex:1 1 auto;block-size:auto;overflow:hidden}.embedded-viewer .proj-runner-container{display:flex;flex:1 1 auto;flex-direction:column;border-radius:10px;block-size:auto;inline-size:100%}.embedded-viewer .pythonrunner-container{border-radius:10px;flex:1;overflow:hidden;box-sizing:border-box}.embedded-viewer .visual-output{box-sizing:border-box;overflow:auto}#textjam-editor.--light .embedded-viewer{background-color:#fff}:host{font-size:1.6rem}.editor-shell{--wc-font-family-sans-serif: var(--editor-font-family-sans-serif, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif);--wc-font-family-monospace: var(--editor-font-family-monospace, Roboto Mono, source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace);background:var(--editor-secondary-theme, transparent);font-family:var(--wc-font-family-sans-serif);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-flow:column;block-size:100%;hyphens:auto;hyphenate-limit-chars:10 4 4}.editor-shell .proj{min-block-size:100%}.editor-shell code,.editor-shell var,.editor-shell kbd,.editor-shell samp,.editor-shell tt,.editor-shell dir,.editor-shell listing,.editor-shell plaintext,.editor-shell xmp,.editor-shell abbr,.editor-shell acronym,.editor-shell blockquote,.editor-shell q{hyphens:none}code{font-family:var(--wc-font-family-monospace)}button{all:initial;font-size:inherit}svg{min-inline-size:fit-content}button:focus-visible{outline:2px solid #000}.select-buttons__tick--selected svg path{fill:var(--editor-color-layer-2)}.--light{--editor-color-layer-1: #e7f8f7;--editor-color-layer-2: #ffffff;--editor-color-layer-3: #ffffff;--editor-color-outline: #d5d7dc;--editor-color-theme: #232d9a;--editor-color-theme-secondary: #0e857a;--editor-color-theme-tertiary: #e7f8f7;--editor-color-text: #212121;--editor-color-text-secondary: #4d575b;--editor-color-tab-background: #f5f6f9}.--dark{--editor-color-layer-1: #23242a;--editor-color-layer-2: #ffffff;--editor-color-layer-3: #33353d;--editor-color-outline: #4a4d59;--editor-color-theme: #232d9a;--editor-color-theme-secondary: #89ddd5;--editor-color-theme-tertiary: #0e857a;--editor-color-text: #ffffff;--editor-color-text-secondary: #cccccc;--rpf-button-secondary-text-color: #ffffff;--editor-color-tab-background: #33353d}.--dark .rpf-button--secondary{border-color:#232d9a}
+:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, 0.7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index) px);position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);display:flex;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:pointer;direction:ltr}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{margin:auto 0;flex:1 1 auto;padding:6px;display:flex;align-items:center}.Toastify__toast-body>div:last-child{flex:1}.Toastify__toast-icon{margin-inline-end:10px;width:20px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:rgba(0,0,0,0);outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(3000px, 0, 0)}60%{opacity:1;transform:translate3d(-25px, 0, 0)}75%{transform:translate3d(10px, 0, 0)}90%{transform:translate3d(-5px, 0, 0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0)}to{opacity:0;transform:translate3d(2000px, 0, 0)}}@keyframes Toastify__bounceInLeft{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0)}60%{opacity:1;transform:translate3d(25px, 0, 0)}75%{transform:translate3d(-10px, 0, 0)}90%{transform:translate3d(5px, 0, 0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0)}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}@keyframes Toastify__bounceInUp{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(0, 3000px, 0)}60%{opacity:1;transform:translate3d(0, -20px, 0)}75%{transform:translate3d(0, 10px, 0)}90%{transform:translate3d(0, -5px, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0)}to{opacity:0;transform:translate3d(0, -2000px, 0)}}@keyframes Toastify__bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, 10px, 0)}40%,45%{opacity:1;transform:translate3d(0, -20px, 0)}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{from{transform:translate3d(110%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInLeft{from{transform:translate3d(-110%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInUp{from{transform:translate3d(0, 110%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInDown{from{transform:translate3d(0, -110%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideOutRight{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(110%, 0, 0)}}@keyframes Toastify__slideOutLeft{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(-110%, 0, 0)}}@keyframes Toastify__slideOutDown{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, 500px, 0)}}@keyframes Toastify__slideOutUp{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, -500px, 0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}:root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}.editor-shell .react-tabs{flex:1;display:flex;flex-flow:column;overflow:hidden;position:relative;border-radius:8px}.editor-shell .react-tabs__tab{border:none;background-color:rgba(0,0,0,0);padding:0;margin:0;inset-block-start:0;inset-block-end:0;min-block-size:var(--min-target-size);box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-weight:700}.editor-shell .react-tabs__tab svg{padding:0 0 0 calc(.75rem*var(--scale-factor, 1))}.editor-shell .react-tabs__tab:hover{text-decoration:underline}.editor-shell .react-tabs__tab--selected{border-radius:0;padding-block-start:calc(.25rem*var(--scale-factor, 1))}.editor-shell .react-tabs__tab--selected:hover{text-decoration:none}.editor-shell .react-tabs__tab--selected:focus-visible{padding-block-start:7px}.editor-shell .react-tabs__tab:focus{box-shadow:none}.editor-shell .react-tabs__tab:focus-visible{outline-offset:-3px;outline:3px solid #cd2356}.editor-shell .react-tabs__tab:focus:after{display:none}.editor-shell .react-tabs__tab-text{block-size:fit-content;inline-size:fit-content;margin:0;padding:0 calc(.75rem*var(--scale-factor, 1));white-space:nowrap}.editor-shell .react-tabs__tab-text--split{padding-inline-end:0}.editor-shell .react-tabs__tab-close-btn{block-size:100%;padding:calc(.25rem*var(--scale-factor, 1));background-color:rgba(0,0,0,0)}.editor-shell .react-tabs__tab-close-btn svg{padding:calc(.5rem*var(--scale-factor, 1));border-radius:8px}.editor-shell .react-tabs__tab-close-btn:focus-visible{border:0}.editor-shell .react-tabs__tab-close-btn:focus-visible svg{border:3px solid #cd2356}.editor-shell .react-tabs__tab-container{display:flex;block-size:fit-content}.editor-shell .react-tabs__tab-list{border-block-end:none;box-sizing:border-box;display:flex;overflow-y:hidden;margin:0;padding:0 calc(.25rem*var(--scale-factor, 1)) 0 0}.editor-shell .react-tabs__tab-container--hidden{display:none}.editor-shell .react-tabs__tab-panel--selected{flex:1;display:flex;flex-direction:column;overflow-y:auto}.editor-shell .react-tabs__tab-container{border-block-end:1px solid var(--editor-color-outline)}.editor-shell .react-tabs__tab{background-color:var(--rpf-tab-button-background);border-inline-end:1px solid var(--editor-color-outline)}.editor-shell .react-tabs__tab--selected{color:var(--editor-color-text);background-color:var(--editor-color-layer-3);border-block-end:4px solid var(--rpf-tab-border-bottom-selected)}.editor-shell .react-tabs__tab--selected:focus-visible{border-block-end:7px solid var(--rpf-tab-border-bottom-selected)}.editor-shell .react-tabs__tab-close-btn:hover svg{background-color:var(--rpf-tab-button-hover)}a,button{border:3px solid rgba(0,0,0,0)}a:focus-visible,button:focus-visible{border:3px solid #cd2356;outline:none}button{all:initial;border:3px solid rgba(0,0,0,0);cursor:pointer}input{font-family:var(--wc-font-family-sans-serif)}.--light{background-color:#e7f8f7;color:#212121;caret-color:#000;color-scheme:light}.--light .pythonrunner-input{color:#2467ec}.--light svg{fill:var(--editor-color-text)}.--dark{background-color:#17181c;color:#fff;caret-color:#fff;color-scheme:dark}.--dark .pythonrunner-input{color:#24baec}.--dark svg{fill:var(--editor-color-text)}#textjam-editor{display:flex;flex-flow:column;font-family:var(--wc-font-family-sans-serif);font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1))}html,body,#textjam-editor{overflow:auto;block-size:100%;block-size:-moz-available;block-size:-webkit-stretch;block-size:stretch;block-size:100dvh;-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}.editor-shell .toast--bottom-center__message,.editor-shell .toast--top-center__message{min-block-size:fit-content;padding:calc(.25rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1));margin:0}.editor-shell .toast--bottom-center{font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));inline-size:fit-content;max-inline-size:100%;inset-block-end:1em;padding:4px;inset-inline-start:50%;transform:translateX(-50%);white-space:nowrap}.editor-shell .toast--bottom-center .Toastify__toast-icon{margin-block:0;margin-inline:calc(.25rem*var(--scale-factor, 1)) 0}.editor-shell .toast--bottom-center__message{border-radius:20px}.editor-shell .toast--top-center{max-inline-size:fit-content;inline-size:100%;font-weight:700;inset-block-start:20%;z-index:1}.editor-shell .toast--top-center .Toastify__toast-icon{inline-size:fit-content}.editor-shell .toast--top-center__message{background-color:#fff;border-radius:25px}.editor-shell .toast--info{color:#1e398a;border:2px solid #1e398a}.editor-shell .toast--info svg{fill:#17181c}.editor-shell .toast--info .Toastify__toast-icon svg{fill:#1e398a}.editor-shell.--dark .toast--bottom-center__message{background-color:#fff;color:#17181c}.editor-shell.--dark .toast--bottom-center__message svg{fill:#17181c}.editor-shell.--light .toast--bottom-center__message{background-color:#17181c;color:#fff}.editor-shell.--light .toast--bottom-center__message svg{fill:#fff}.proj{display:flex;flex-flow:column;overflow:hidden;block-size:100%;block-size:-moz-available;block-size:-webkit-stretch;block-size:stretch}.proj-header{display:flex;flex:1 0 auto;justify-content:space-between;padding-inline:5px}.editor-controls{display:flex}.proj-controls{padding-block-start:20px}.proj-share-link{padding-inline:5px}.proj-container{display:flex;flex-direction:row;overflow-y:hidden;grid-gap:calc(1rem*var(--scale-factor, 1));margin:calc(1rem*var(--scale-factor, 1));block-size:100%}.proj-container .project-wrapper{container-type:inline-size;display:flex;flex-direction:column;grid-gap:calc(.5rem*var(--scale-factor, 1));flex:1 1 auto;overflow:hidden}.proj-container .proj-editor-wrapper{display:flex;flex:0 1 auto;flex-flow:column;grid-gap:calc(1rem*var(--scale-factor, 1));overflow:hidden;block-size:100%;inline-size:100%}@container (min-width: 720px){.proj-container .proj-editor-wrapper{flex-flow:row}.proj-container .proj-editor-container{max-block-size:100% !important}.proj-container--wc .proj-runner-container,.proj-container--wc .proj-editor-container{inline-size:50%}}.proj-container .sidebar,.proj-container .proj-editor-container,.proj-container .proj-runner-container{border-radius:8px}.proj-container .proj-editor-container{display:flex;box-sizing:border-box;min-block-size:30%;max-block-size:70%}.proj-container .proj-editor-container .react-tabs__tab-panel--selected{overflow-y:hidden}.proj-container .proj-runner-container{display:flex;box-sizing:border-box;flex:5;overflow:hidden}.proj-container .proj-runner-container .react-tabs__tab-panel--selected{overflow-y:auto}.proj-container--wc{min-block-size:200px}.proj-container--wc .proj-runner-container,.proj-container--wc .proj-editor-container{inline-size:100%}.proj-editor-container .react-tabs__tab-list,.proj-runner-container .react-tabs__tab-list{flex:1}.proj-editor-container .react-tabs__tab-container .btn--run,.proj-editor-container .react-tabs__tab-container .btn--stop,.proj-runner-container .react-tabs__tab-container .btn--run,.proj-runner-container .react-tabs__tab-container .btn--stop{margin-block-start:0;margin-block-end:0}.--light .proj-runner-container,.--light .proj-editor-container,.--light .sidebar{background-color:#fff}@media screen and (min-width: 601px){.--light .proj-runner-container,.--light .proj-editor-container,.--light .sidebar{border:1px solid #d5d7dc}}.--dark .proj-runner-container,.--dark .proj-editor-container,.--dark .sidebar{background-color:#2a2b32}@media screen and (min-width: 601px){.--dark .proj-runner-container,.--dark .proj-editor-container,.--dark .sidebar{border:1px solid #4a4d59}}.project-bar{border-radius:calc(.5rem*var(--scale-factor, 1));display:flex;align-items:center;z-index:1;container-type:inline-size;background-color:var(--editor-color-layer-3);border:1px solid var(--editor-color-outline)}@container (max-width: 367px){.project-bar{flex-direction:column;block-size:fit-content;justify-content:left}}.project-bar .project-name{border-inline-end:1px solid var(--editor-color-outline);margin-inline-end:-1px;min-inline-size:0px}@container (max-width: 365px){.project-bar .project-name{inline-size:100%;box-sizing:border-box;border-inline-end:none}}.project-bar .btn--save{border-radius:calc(.5rem*var(--scale-factor, 1))}@container (min-width: 560px){.project-bar .btn--save .icon{display:none}}.project-bar .project-bar__btn-wrapper{display:flex;block-size:100%}.project-bar .project-bar__btn-wrapper:not(:last-child){border-inline-end:1px solid var(--editor-color-outline)}.project-bar__right{border-inline-start:1px solid var(--editor-color-outline);margin-inline-start:auto;display:flex;align-items:center;block-size:100%;flex-shrink:0;max-inline-size:55%}@container (max-width: 365px){.project-bar__right{margin-inline-start:0;border-inline-start:none;border-block-start:1px solid var(--editor-color-outline);block-size:fit-content;inline-size:100%;max-inline-size:100%}.project-bar__right .save-status{flex:1;justify-content:center}}.project-bar__btn{border-radius:calc(.5rem*var(--scale-factor, 1));justify-content:center;margin:calc(.5rem*var(--scale-factor, 1));gap:calc(.5rem*var(--scale-factor, 1))}.project-bar__btn .text{display:none}.project-bar__btn:hover .project-bar__btn{border-radius:inherit}@container (min-width: 560px){.project-bar__btn .text{min-inline-size:auto;display:block}}.proj-container--mobile{margin:0;gap:0}.editor-shell .proj-container--mobile .react-tabs{border-radius:0}.editor-shell .proj-container--mobile{border-radius:8px}.editor-shell .mobile-nav{display:flex;inline-size:100%}.editor-shell .mobile-nav .react-tabs__tab-list{padding:0}.editor-shell .mobile-nav .react-tabs__tab{flex:1;display:flex;block-size:calc(4rem*var(--scale-factor, 1))}.editor-shell .mobile-nav .react-tabs__tab:last-of-type{border-inline-end:none}.mobile-nav__menu{margin:0;border-radius:0;border:none;display:flex;align-items:center;justify-content:center;inline-size:calc(4rem*var(--scale-factor, 1))}.--dark .proj-container--mobile .runner-controls{border-inline-start:1px solid #4a4d59}.--dark .proj-container--mobile .mobile-nav{background-color:#2a2b32;border-block-start:1px solid #4a4d59}.--dark .proj-container--mobile .mobile-nav__menu{border-inline-end:1px solid #4a4d59}.--light .proj-container--mobile .runner-controls{border-inline-start:1px solid #d5d7dc}.--light .proj-container--mobile .mobile-nav{background-color:#f5f6f9;border-block-start:1px solid #d5d7dc}.--light .proj-container--mobile .mobile-nav__menu{border-inline-end:1px solid #d5d7dc}.editor-shell.--light .mobile-nav,.editor-shell.--dark .mobile-nav{border-block-end:none}.editor-shell.--light .mobile-nav .react-tabs__tab--selected,.editor-shell.--dark .mobile-nav .react-tabs__tab--selected{background-color:inherit}.editor-shell.--light .proj-container--mobile{border:1px solid #d5d7dc}.editor-shell.--dark .proj-container--mobile{border:1px solid #4a4d59}.draggable-tab{user-select:none}.draggable-tab:focus-visible{outline:none}.--dark .draggable-tab:focus-visible .react-tabs__tab{outline:2px auto #fff;outline-offset:-1px}.--light .draggable-tab:focus-visible .react-tabs__tab{outline:2px auto Highlight;outline:2px auto -webkit-focus-ring-color;outline-offset:-1px}.droppable-tab-list{display:flex;inline-size:100%}.resizable-with-handle__handle--right div{inset-inline-end:3px !important}.resizable-with-handle__handle--right div svg{block-size:100%;min-inline-size:0}.resizable-with-handle__handle--bottom div{inset-block-end:3px !important}.resizable-with-handle__handle--bottom div svg{inline-size:100%}.modal-overlay{display:flex;align-items:center;justify-content:center;padding:calc(5rem*var(--scale-factor, 1));z-index:1000;position:fixed;inset:0px}@media screen and (max-width: 480px){.modal-overlay{padding:calc(2rem*var(--scale-factor, 1))}}.modal-content{inline-size:560px;max-block-size:100%;border:0;border-radius:10px;display:flex;flex-direction:column}.modal-content label,.modal-content legend{font-weight:700}.modal-content input[type=text]{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));inline-size:100%;box-sizing:border-box;border:2px solid rgba(0,0,0,0);border-radius:12px;padding:calc(.5rem*var(--scale-factor, 1));display:block}.modal-content:focus-visible{border:3px solid #cd2356;outline:none}.modal-content__header{display:flex;align-items:center;min-block-size:fit-content;padding:calc(1rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1))}.modal-content__header button{margin-inline-start:auto;block-size:fit-content}.modal-content__heading{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1));margin-block:calc(.5rem*var(--scale-factor, 1));margin-inline:calc(.5rem*var(--scale-factor, 1)) 0}.modal-content__body{padding:calc(1.5rem*var(--scale-factor, 1));display:flex;flex-direction:column;row-gap:calc(.5rem*var(--scale-factor, 1));overflow-y:auto}.modal-content__subheading{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));margin:0;font-weight:700}.modal-content__text{margin:0;line-height:1.4}.modal-content__help-text{margin:calc(.25rem*var(--scale-factor, 1)) 0;font-weight:400}.modal-content__inputs{display:flex;flex-direction:column;gap:calc(2rem*var(--scale-factor, 1))}.modal-content__input-section{display:flex;flex-direction:column;gap:calc(.5rem*var(--scale-factor, 1))}.modal-content__buttons{padding:calc(1rem*var(--scale-factor, 1));display:flex;flex-wrap:wrap;flex-direction:row-reverse;gap:calc(1rem*var(--scale-factor, 1));justify-content:flex-start}@media screen and (max-width: 480px){.modal-content__buttons{display:flex;flex-direction:column}}.modal-content__buttons button,.modal-content__buttons a{margin:0}.modal-content__buttons button span,.modal-content__buttons a span{inline-size:100%}@media screen and (max-width: 480px){.modal-content__buttons button,.modal-content__buttons a{inline-size:100%}}.modal-content__links{text-align:center;margin-block:calc(.5rem*var(--scale-factor, 1)) calc(.25rem*var(--scale-factor, 1));margin-inline:0}.modal-content__links button{text-decoration:underline}.--dark .modal-overlay{background-color:rgba(0,0,0,.5)}.--dark .modal-overlay input{border:2px solid #fff;background-color:#33353d;color:inherit}.--dark .modal-overlay input:focus-visible{border:2px solid var(--rpf-input-active-border);outline:none}.--dark .modal-content{background-color:#33353d}.--dark .modal-content__header{border-block-end:1px solid #636674}.--dark .modal-content__help-text{color:#ccc}.--dark .modal-content__buttons{border-block-start:1px solid #636674}.--light .modal-overlay{background-color:rgba(67,69,76,.5)}.--light .modal-overlay input{border:2px solid #e3e4e8}.--light .modal-overlay input:focus-visible{border:2px solid var(--rpf-input-active-border);outline:none}.--light .modal-content{background-color:#fff}.--light .modal-content__header{border-block-end:1px solid #d5d7dc}.--light .modal-content__help-text{color:#4d575b}.--light .modal-content__buttons{border-block-start:1px solid #d5d7dc}:root,:host{--font-size-0-5: 0.5rem;--font-size-0-75: 0.75rem;--font-size-1: 1rem;--font-size-1-5: 1.25rem;--font-size-2: 1.5rem;--font-size-3: 2rem;--font-size-4: 2.5rem;--font-size-5: 3rem;--font-size-6: 3.5rem;--font-size-7: 4rem;--font-size-8: 4.5rem;--font-size-9: 5rem}:root,:host{--font-weight-regular: 400;--font-weight-bold: 700}:root,:host{--line-height-0-75: 0.75rem;--line-height-1: 1rem;--line-height-1-5: 1.5rem;--line-height-2: 2rem;--line-height-2-5: 2.5rem;--line-height-3: 3rem;--line-height-3-5: 3.5rem;--line-height-4: 4rem;--line-height-4-5: 4.5rem;--line-height-5: 5rem;--line-height-5-5: 5.5rem;--line-height-6: 6rem;--line-height-6-5: 6.5rem}.editor-wrapper{overflow:auto;scrollbar-width:thin;height:100%}.editor{display:flex;flex-flow:column;flex:1;overflow:hidden;height:100%}.editor .cm-editor{flex:1;overflow:hidden}.editor .cm-editor:focus{outline:none}.editor .cm-editor .cm-scroller{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);overflow:auto;scrollbar-width:thin;overscroll-behavior-x:none;font-family:var(--wc-font-family-monospace)}.editor .cm-editor .cm-scroller .cm-content{flex:1;padding-block-start:calc(.5rem*var(--scale-factor, 1));margin-inline-end:calc(.5rem*var(--scale-factor, 1))}.editor--small{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1))}.editor--medium{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1))}.editor--large{font-size:calc(2rem*var(--scale-factor, 1));line-height:calc(2.5rem*var(--scale-factor, 1))}.rpf-alert{margin:0}.sidebar{display:flex;position:relative;scrollbar-width:none}.sidebar--mobile{block-size:100%;inline-size:100%;overflow-y:hidden}.sidebar--mobile .react-tabs .react-tabs__tab-list{flex:unset}.editor-logo{block-size:calc(2.5rem*var(--scale-factor, 1));inline-size:calc(2.5rem*var(--scale-factor, 1));padding:calc(.75rem*var(--scale-factor, 1))}.sidebar__bar{display:flex;flex-direction:column;justify-content:space-between;border-radius:8px;background-color:var(--sidebar-background)}.sidebar__bar--selected{border-radius:8px 0 0 8px;background-color:var(--sidebar-background-selected);border-inline-end:1px solid var(--sidebar-border)}.sidebar__bar-options--top,.sidebar__bar-options--bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(.5rem*var(--scale-factor, 1))}.sidebar__bar-option-wrapper{padding:calc(.75*.5rem*var(--scale-factor, 1));border:1px solid rgba(0,0,0,0)}.sidebar__bar-option-wrapper--selected{background-color:var(--sidebar-panel-background);border-radius:calc(.5rem*var(--scale-factor, 1)) 0 0 calc(.5rem*var(--scale-factor, 1));border-block:1px solid var(--sidebar-border);border-inline-start:1px solid var(--sidebar-border)}.sidebar__bar-option-wrapper--selected .sidebar__bar-option{border:2px solid var(--sidebar-option-selected-border)}.sidebar__bar-option{display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;border:2px solid rgba(0,0,0,0)}.sidebar__bar-option svg{margin:0}.sidebar__bar-option:hover{background-color:var(--sidebar-option-hover)}.sidebar__bar-option--selected{background-color:var(--sidebar-option-selected-background)}.sidebar__bar-option--selected svg{fill:var(--sidebar-option-selected-icon)}.sidebar__bar-option--selected:hover{background-color:var(--sidebar-option-selected-background-hover)}.sidebar__bar-close{border-block-start:1px solid var(--sidebar-border)}.sidebar__panel{display:flex;flex-direction:column;padding-block-start:calc(1rem*var(--scale-factor, 1));border-radius:0 8px 8px 0;inline-size:inherit;background:var(--sidebar-panel-background)}.sidebar__panel--with-footer{padding-block-end:calc(2rem*var(--scale-factor, 1))}.sidebar__panel-heading{margin:0;font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1))}.sidebar__panel-header{display:flex;flex-direction:column;gap:calc(1rem*var(--scale-factor, 1));padding-block-end:calc(1rem*var(--scale-factor, 1));margin-inline:calc(1rem*var(--scale-factor, 1));border-block-end:1px solid var(--sidebar-border)}.sidebar__panel-content{flex:1;padding:calc(1rem*var(--scale-factor, 1));overflow-y:auto;scrollbar-width:thin}.sidebar__panel-buttons{display:flex;flex-direction:column;gap:calc(1rem*var(--scale-factor, 1))}.sidebar__panel-footer{border-block-start:1px solid #d5d7dc;inset-block-end:0px;inline-size:100%;inline-size:-moz-available;inline-size:-webkit-stretch;inline-size:stretch;padding-inline:calc(1rem*var(--scale-factor, 1));background-color:#fff;border-end-end-radius:8px}.projects-panel-wrapper .projects-panel__your-projects-button{display:flex;align-items:center;justify-content:center;inline-size:100%;box-sizing:border-box;margin:0}.projects-panel-wrapper .projects-panel__your-projects-button a{color:#000;text-decoration:none}.projects-panel-wrapper .projects-panel__download-button{inline-size:100%;margin:0;justify-content:center}.projects-panel-wrapper .project-name{block-size:auto;padding-inline-start:0}.projects-panel-wrapper .project-name__label{padding-inline-start:0}.projects-panel-wrapper .project-name__input{padding:0 calc(1rem*var(--scale-factor, 1))}.projects-panel-wrapper .projects-panel__item{margin-block-end:calc(1rem*var(--scale-factor, 1))}.projects-panel-wrapper .projects-panel__save,.projects-panel-wrapper .projects-panel__button{border-block-start:1px solid var(--sidebar-border);padding:calc(1rem*var(--scale-factor, 1)) 0;display:flex}.projects-panel-wrapper .projects-panel__save-button{inline-size:100%;margin-block-end:calc(1rem*var(--scale-factor, 1));justify-content:center}.projects-panel-wrapper .projects-panel__save-button .icon{display:none}.projects-panel-wrapper .projects-panel__save-button .content{margin:auto}.projects-panel-wrapper .projects-panel__save-button span{font-weight:bold}.projects-panel-wrapper .projects-panel__save-status{margin:auto;inline-size:fit-content}.--dark .projects-panel__save-button .content{color:#fff}.project-name{align-items:center;display:flex;block-size:100%;padding-inline-start:calc(.5rem*var(--scale-factor, 1))}.project-name .btn--primary{margin:0 calc(.5rem*var(--scale-factor, 1))}.project-name__title{font-size:calc(1.25rem*var(--scale-factor, 1));font-weight:700;margin-block:calc(1rem*var(--scale-factor, 1));margin-inline-start:calc(.5rem*var(--scale-factor, 1));margin-inline-end:calc(1rem*var(--scale-factor, 1));overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.project-name__label{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));font-weight:700;margin-block-end:calc(.5rem*var(--scale-factor, 1));display:block}.project-name__input{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));padding:0 calc(1.5rem*var(--scale-factor, 1));block-size:calc(3rem*var(--scale-factor, 1));border-radius:calc(.5rem*var(--scale-factor, 1));border:none;color:inherit;background-color:inherit;text-overflow:ellipsis;inline-size:100%}.project-name__button{margin:calc(.5rem*var(--scale-factor, 1));inline-size:48px;block-size:48px}.project-name__button svg{block-size:calc(1.5rem*var(--scale-factor, 1));inline-size:calc(1.5rem*var(--scale-factor, 1));margin:0}.--dark .project-name__input{background-color:#4a4d59}.--dark .project-name__input:focus-visible{background-color:inherit;outline:2px solid #fff}.--light .project-name__input{background-color:#f1f2f3}.--light .project-name__input:focus-visible{background-color:inherit;outline:2px solid #212121}.project-info{align-items:inline-start;display:flex;flex-direction:column;padding:calc(1rem*var(--scale-factor, 1));border-radius:calc(.5rem*var(--scale-factor, 1));border:none;background-color:inherit}.project-info .btn--primary{margin:0 calc(.5rem*var(--scale-factor, 1))}.project-type__label{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));font-weight:700;margin-block-end:calc(.5rem*var(--scale-factor, 1));display:block}.project-type__text{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));color:inherit;text-overflow:ellipsis}.--light .project-info{background-color:#f1f2f3}.--dark .project-info{background-color:#4a4d59}.project-images{display:grid;grid-template-columns:repeat(auto-fill, 135px);justify-content:center;gap:calc(1rem*var(--scale-factor, 1))}.project-images__block{display:flex;flex-direction:column;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word;text-align:center;vertical-align:block-start}.project-images__image-wrapper{display:flex;flex:1;align-items:center;justify-content:center}.project-images__image{inline-size:100%}.project-images p{margin:0}.download-panel__login-section{border-block-end:1px solid #d5d7dc;margin-block-end:calc(1.5rem*var(--scale-factor, 1));padding-block-end:calc(1.5rem*var(--scale-factor, 1))}.download-panel__subtitle{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));font-weight:700;margin-block-end:calc(.5rem*var(--scale-factor, 1))}.download-panel__hint{margin:0;margin-block-end:calc(1rem*var(--scale-factor, 1))}.download-panel__button-container{display:flex;flex-direction:column;justify-content:center;align-self:stretch;gap:calc(1rem*var(--scale-factor, 1));align-items:stretch}.download-panel__button{justify-content:center;inline-size:100%;box-sizing:border-box;margin:0}.download-panel__download-section{margin-block-end:calc(1rem*var(--scale-factor, 1))}.settings-panel{display:flex;flex-direction:column;gap:calc(1.25rem*var(--scale-factor, 1));padding:calc(.25rem*var(--scale-factor, 1))}.settings-panel .select-buttons__legend{font-size:calc(1.25rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));font-weight:700}.settings-panel .select-buttons__options{flex-direction:column}.select-buttons{border:none;margin:0;padding:0}.select-buttons__legend{padding:0;margin-block-end:calc(1rem*var(--scale-factor, 1))}.select-buttons__options{display:flex;inline-size:100%;gap:calc(1rem*var(--scale-factor, 1));flex-wrap:wrap}.select-buttons__option{flex:1}.select-buttons__button{opacity:0;position:absolute}.select-buttons__label{display:flex;align-items:center;padding:calc(.75rem*var(--scale-factor, 1));gap:calc(.75rem*var(--scale-factor, 1));border-radius:8px;position:relative;box-sizing:border-box;font-weight:700;cursor:pointer}.select-buttons__tick{display:flex;align-items:center;margin-inline-start:auto;visibility:hidden}.select-buttons__tick--selected{visibility:visible}.select-buttons__tick--selected svg rect{fill:var(--editor-color-theme)}.select-buttons__tick--selected svg path{fill:var(--rpf-select-buttons-tick-color)}.--light .select-buttons__label{border:2px solid #d5d7dc}.--light .select-buttons__label--selected{border:2px solid #212121}.--dark .select-buttons__label{border:2px solid #636674}.--dark .select-buttons__label--selected{border:2px solid #babcc5}.select-buttons__button:focus-visible+.select-buttons__label{outline:3px solid #cd2356}.pythonrunner-container{display:flex;flex-direction:column;flex:1;block-size:100%;inline-size:100%}.pythonrunner-console{padding:calc(.5rem*var(--scale-factor, 1)) calc(1.5rem*var(--scale-factor, 1));margin:0;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;width:100%;word-wrap:break-word;overflow-y:auto}.pythonrunner-console--medium{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1))}.pythonrunner-console--large{font-size:calc(2rem*var(--scale-factor, 1));line-height:calc(2.5rem*var(--scale-factor, 1))}.pythonrunner-console-output-line{padding-inline-end:5px}.pythonrunner-console-output-line.stderr{color:red}.pythonrunner-input{caret-color:inherit;color:#2467ec;display:block;line-height:20px;padding:2px 1px 2px 0}.pythonrunner-input:focus{outline:0}.pythonrunner-graphic{overflow:auto;position:relative}.pyodiderunner{display:none}.pyodiderunner--active{display:flex}.visual-output{flex:1;display:flex;min-block-size:100%;inline-size:100%}#p5Sketch{display:flex;flex:1;position:absolute}.--light .visual-output{background:url("data:image/svg+xml,%3Csvg width='525' height='686' viewBox='0 0 525 686' fill='none' xmlns='http:%2F%2Fwww.w3.org/2000/svg' xmlns:xlink='http:%2F%2Fwww.w3.org/1999/xlink'%3E%3Crect width='526' height='686' transform='translate(0.5)' fill='url(%23pattern0)' fill-opacity='0.1'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='0.0152091' height='0.0116618'%3E%3Cuse xlink:href='%23image0_214_29626' transform='scale(0.00190114 0.00145773)'/%3E%3C/pattern%3E%3Cimage id='image0_214_29626' width='8' height='8' xlink:href='data:image/png%3Bbase64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAABdJREFUGBljYGBg+A/FQAoTMGEKDUcRAATwAgFGIXEOAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E")}.--dark .visual-output{background:url("data:image/svg+xml,%3Csvg width='527' height='684' viewBox='0 0 527 684' fill='none' xmlns='http:%2F%2Fwww.w3.org/2000/svg' xmlns:xlink='http:%2F%2Fwww.w3.org/1999/xlink'%3E%3Crect width='526' height='686' transform='translate(0.388916)' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='0.0152091' height='0.0116618'%3E%3Cuse xlink:href='%23image0_214_22403' transform='scale(0.00190114 0.00145773)'/%3E%3C/pattern%3E%3Cimage id='image0_214_22403' width='8' height='8' xlink:href='data:image/png%3Bbase64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAABdJREFUGBljYGBg+A/FQAoTMGEKDUcRAATwAgFGIXEOAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E%0A")}.output-panel{display:flex;overflow:hidden}.output-panel--text{flex:3}.output-panel--visual{flex:7}.--light .output-panel--visual{border-block-end:5px solid #e3e4e8}.--dark .output-panel--visual{border-block-end:5px solid #4a4d59}.--light .output-panel--single,.--dark .output-panel--single{border-block-end:none}.htmlrunner-container{container-type:inline-size;display:flex;block-size:100%;inline-size:100%}.htmlrunner-link{margin-inline-start:auto}@container (max-width: 480px){.htmlrunner-link__text{display:none}}.htmlrunner-iframe{border:none;background-color:#fff;block-size:100%;inline-size:100%}.error-message{color:#7e0305;background-color:#fde2e1;padding:calc(.75rem*var(--scale-factor, 1)) calc(1.25rem*var(--scale-factor, 1));overflow-y:auto}.error-message__content{padding:0;margin:0;white-space:pre-wrap;word-break:break-word}.error-message--medium{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1))}.error-message--large{font-size:calc(2rem*var(--scale-factor, 1));line-height:calc(2.5rem*var(--scale-factor, 1))}.output-view-toggle__button{block-size:100%}.--light .output-view-toggle{border-inline-start:1px solid #d5d7dc}.--dark .output-view-toggle{border-inline-start:1px solid #4a4d59}.mobile-project-bar{background-color:#fff;border-block-start:1px solid #d5d7dc;display:flex;justify-content:space-between;padding:calc(.5rem*var(--scale-factor, 1));gap:var(--space-1)}.mobile-project-bar__name{font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));font-weight:700;margin:auto 0}.--dark .mobile-project-bar{background-color:#2a2b32;border-block-start:1px solid #4a4d59}.--dark .mobile-project-bar__name{color:#fff}.--light .mobile-project-bar{background-color:#fff;border-block-start:1px solid #d5d7dc}.--light .mobile-project-bar__name{color:#4d575b}.btn{align-items:center;border-radius:calc(.5rem*var(--scale-factor, 1));border:3px solid rgba(0,0,0,0);box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;font-family:var(--wc-font-family-sans-serif);font-size:inherit;font-weight:700;gap:calc(.5rem*var(--scale-factor, 1));justify-content:center;min-block-size:44px;min-inline-size:44px;padding:10px;position:relative;text-align:center;text-decoration:none}.btn:disabled{background-color:#4a4d59;color:#fff;cursor:default}.btn:focus-visible{border:3px solid #cd2356;outline:none}.btn--primary{background-color:var(--rpf-button-primary-background-color);border-radius:calc(.5rem*var(--scale-factor, 1));color:var(--rpf-button-primary-text-color)}.btn--primary svg{fill:var(--rpf-button-primary-text-color)}.btn--primary:active,.btn-outer:active .btn--primary{background-color:var(--rpf-button-primary-background-color-active)}.btn--primary:focus-visible,.btn-outer:focus-visible .btn--primary{background-color:var(--rpf-button-primary-background-color-focus)}.btn--primary:hover,.btn-outer:hover .btn--primary{background-color:var(--rpf-button-primary-background-color-hover);border-radius:calc(.5rem*var(--scale-factor, 1))}.btn--primary:disabled{background-color:var(--rpf-button-primary-background-color-disabled);color:var(--rpf-button-primary-color-disabled)}.btn--primary:disabled svg{fill:var(--rpf-button-primary-color-disabled)}.btn--primary:disabled:hover,.btn-outer:hover .btn--primary:disabled{background-color:var(--rpf-button-primary-background-color-disabled)}.btn--secondary{background-color:inherit;color:var(--rpf-button-secondary-text-color);border:2px solid var(--rpf-button-primary-background-color)}.btn--secondary svg{fill:var(--rpf-button-secondary-text-color)}.btn--secondary:active,.btn-outer:active .btn--secondary{background-color:inherit}.btn--secondary:focus-visible,.btn-outer:focus-visible .btn--secondary{background-color:inherit}.btn--secondary:hover,.btn-outer:hover .btn--secondary{background-color:inherit}.btn--secondary:disabled{background-color:var(--rpf-button-secondary-background-color-disabled);color:var(--rpf-button-secondary-background-color-active)}.btn--secondary:disabled svg{fill:var(--rpf-button-secondary-background-color-active)}.btn--secondary:disabled:hover,.btn-outer:hover .btn--secondary:disabled{background-color:var(--rpf-button-secondary-background-color-disabled)}.btn--secondary:active{border:2px solid var(--rpf-button-secondary-background-color-active)}.btn--secondary:hover{background-color:var(--rpf-button-secondary-background-color-hover);color:var(--rpf-button-secondary-text-color-hover);border-color:var(--rpf-button-secondary-border-color-hover) !important}.btn--secondary:hover svg{fill:var(--rpf-button-secondary-text-color-hover)}.btn--secondary:focus-visible{outline:3px solid var(--rpf-button-secondary-background-color-focus)}.btn--tertiary{background-color:inherit;color:inherit}.btn--tertiary:active,.btn-outer:active .btn--tertiary{background-color:inherit}.btn--tertiary:focus-visible,.btn-outer:focus-visible .btn--tertiary{background-color:inherit}.btn--tertiary:hover,.btn-outer:hover .btn--tertiary{background-color:inherit}.btn--tertiary:disabled{background-color:inherit;color:#4a4d59}.btn--tertiary:disabled svg{fill:#4a4d59}.btn--tertiary:disabled:hover,.btn-outer:hover .btn--tertiary:disabled{background-color:inherit}.btn--tertiary:active{color:#0e857a}.btn--tertiary:active svg{fill:#0e857a}.btn--tertiary:hover{color:var(--rpf-button-tertiary-text-color-hover)}.btn--tertiary:hover svg{fill:var(--rpf-button-tertiary-text-color-hover)}.btn--danger{background-color:#9e0a0a;color:#fff}.btn--danger svg{fill:#fff}.btn--danger:active,.btn-outer:active .btn--danger{background-color:#9e0a0a}.btn--danger:focus-visible,.btn-outer:focus-visible .btn--danger{background-color:#9e0a0a}.btn--danger:hover,.btn-outer:hover .btn--danger{background-color:#86151e}.btn--danger:disabled{background-color:#9e0a0a;color:#fff}.btn--danger:disabled svg{fill:#fff}.btn--danger:disabled:hover,.btn-outer:hover .btn--danger:disabled{background-color:#9e0a0a}.btn--danger:focus-visible{background-clip:padding-box;border:2px solid rgba(0,0,0,0);outline:3px solid #cd2356}.btn--small{min-block-size:unset;min-inline-size:unset;padding:calc(.25rem*var(--scale-factor, 1))}.btn--svg-only svg{margin:0}.btn-outer{background:rgba(0,0,0,0);border-radius:calc(.5rem*var(--scale-factor, 1));cursor:pointer;padding:calc(.5rem*var(--scale-factor, 1)) 0;display:flex;align-items:center;justify-content:center}.btn-outer:focus-visible{outline:none}.btn-outer:focus-visible .btn{border:3px solid #cd2356}.btn-outer:has(.btn:disabled){cursor:default}.rpf-button--primary * svg{fill:var(--rpf-button-primary-text-color)}.rpf-button--tertiary * svg{fill:var(--rpf-button-secondary-text-color) !important}.rpf-button{flex-direction:row-reverse}.rpf-button--fit{inline-size:fit-content}.rpf-button.rpf-button--fill{justify-content:center;inline-size:100%;box-sizing:border-box}.rpf-button--secondary{justify-content:center;align-items:center}.rpf-button--secondary * svg{fill:#4d575b}.--dark * .rpf-button--secondary{border-color:#89ddd5}.--dark * .rpf-button--secondary span{color:#fff}.--dark * .rpf-button--secondary svg{fill:#fff}.--dark * .rpf-button--secondary::before{background-color:#33353d}.--dark * .rpf-button--secondary:hover{border-color:#89ddd5}.--dark * .rpf-button--secondary:hover::before{background-color:hsla(0,0%,100%,.1)}.--dark * .rpf-button--secondary:active::before{background-color:hsla(0,0%,100%,.15)}.--dark * .rpf-button--secondary:disabled{border-color:#d5d7dc;background-color:inherit}.--dark * .rpf-button--secondary:disabled::before{background-color:inherit}.--dark * .rpf-button--secondary:disabled span{color:#d5d7dc}.--dark * .rpf-button--tertiary{color:#fff;border:none}.--dark * .rpf-button--tertiary:hover::before{background-color:hsla(0,0%,100%,.1)}.--dark * .rpf-button--tertiary:active::before{background-color:hsla(0,0%,100%,.15)}.--dark * .rpf-button--tertiary:disabled{background-color:inherit}.--dark * .rpf-button--tertiary:disabled::before{background-color:inherit}.--dark * .rpf-button--tertiary:disabled span{color:#d5d7dc}.--light * .rpf-button--secondary span{color:#212121}.--light * .rpf-button--secondary::before{background-color:#fff}.--light * .rpf-button--secondary:hover{border-color:#89ddd5}.--light * .rpf-button--secondary:hover::before{background-color:#e7f8f7}.--light * .rpf-button--secondary:active::before{background-color:#dcf5f3}.--light * .rpf-button--secondary:disabled{border-color:#d5d7dc;background-color:inherit}.--light * .rpf-button--secondary:disabled::before{background-color:inherit}.--light * .rpf-button--secondary:disabled span{color:#d5d7dc}.--light * .rpf-button--tertiary{color:#212121;border:none}.--light * .rpf-button--tertiary::before{background-color:#fff}.--light * .rpf-button--tertiary:hover::before{background-color:#e7f8f7}.--light * .rpf-button--tertiary:active::before{background-color:#dcf5f3}.--light * .rpf-button--tertiary:disabled{background-color:inherit}.--light * .rpf-button--tertiary:disabled::before{background-color:inherit}.--light * .rpf-button--tertiary:disabled span{color:#d5d7dc}.rpf-button__icon{display:flex}.save-status{align-items:center;display:flex;gap:var(--space-1);justify-content:flex-end;margin-block:0;padding-inline:var(--space-2)}.save-status--mobile{margin:unset;padding-inline:0;gap:var(--space-0-5)}.save-status--mobile .save-status__text{font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1))}.save-status--mobile .save-status__icon{inline-size:16px;block-size:16px}.save-status--mobile .save-status__icon svg{width:100%;height:100%}.save-status__icon{display:flex}.context-menu__drop{padding:calc(.5rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1));margin:0}.context-menu__drop svg{margin:0}.context-menu__drop :focus-visible{border:none}.context-menu{list-style-type:none;padding:0;margin-inline:calc(.5rem*var(--scale-factor, 1)) 0;margin-block:0;border-radius:5px;display:flex;flex-direction:column}.context-menu .context-menu__item{margin:0;background-color:inherit;color:var(--rpf-button-secondary-color);padding:calc(.5rem*var(--scale-factor, 1));text-align:start;white-space:nowrap;overflow-x:visible;box-sizing:border-box;inline-size:100%;justify-content:start}.context-menu :focus-visible{border:none}.context-menu svg{inline-size:calc(1.5rem*var(--scale-factor, 1));block-size:auto}.context-menu--dark{background-color:#000;color:#fff;border:1px solid rgba(0,0,0,0)}.context-menu--dark svg{fill:#fff}.context-menu--dark .btn:hover{background-color:#33353d}.context-menu--dark .btn:disabled{color:#4a4d59}.context-menu--light{background-color:#fff;color:#212121;border:1px solid #d5d7dc}.context-menu--light svg{fill:#000}.context-menu--light .btn:hover{background-color:#e3e4e8}.context-menu--light .btn:disabled{color:#babcc5}.context-menu--dark .btn:disabled svg{fill:#4a4d59}.context-menu--light .btn:disabled svg{fill:#e3e4e8}.context-menu .btn:disabled:hover{background-color:inherit}.files-list-item-wrapper{display:flex;position:relative}.files-list-item{inline-size:100%;display:flex;flex-direction:row !important;justify-content:flex-start;position:relative;align-items:center;border-radius:8px;border:3px solid rgba(0,0,0,0);box-sizing:border-box;white-space:nowrap;font-weight:400;min-block-size:44px;padding:calc(.5rem*var(--scale-factor, 1)) calc(2.5rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1));margin:0}.files-list-item span{font-weight:700;overflow-x:hidden;text-overflow:ellipsis}.files-list-item__menu{border-radius:8px;position:absolute;inset-inline-end:0}.files-list-item:hover,.files-list-item__menu:hover{background-color:var(--rpf-files-list-item-hover)}.files-list-item:hover::before,.files-list-item__menu:hover::before{background-color:rgba(0,0,0,0) !important}.files-list-item:active,.files-list-item__menu:active{background-color:var(--rpf-files-list-item-active)}.embedded-viewer{display:flex;flex:1 1 auto;block-size:auto;overflow:hidden}.embedded-viewer .proj-runner-container{display:flex;flex:1 1 auto;flex-direction:column;border-radius:10px;block-size:auto;inline-size:100%}.embedded-viewer .pythonrunner-container{border-radius:10px;flex:1;overflow:hidden;box-sizing:border-box}.embedded-viewer .visual-output{box-sizing:border-box;overflow:auto}#textjam-editor.--light .embedded-viewer{background-color:#fff}:host{font-size:1.6rem}.editor-shell{--wc-font-family-sans-serif: var(--editor-font-family-sans-serif, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif);--wc-font-family-monospace: var(--editor-font-family-monospace, Roboto Mono, source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace);background:var(--editor-secondary-theme, transparent);font-family:var(--wc-font-family-sans-serif);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-flow:column;block-size:100%;hyphens:auto;hyphenate-limit-chars:10 4 4}.editor-shell .proj{min-block-size:100%}.editor-shell code,.editor-shell var,.editor-shell kbd,.editor-shell samp,.editor-shell tt,.editor-shell dir,.editor-shell listing,.editor-shell plaintext,.editor-shell xmp,.editor-shell abbr,.editor-shell acronym,.editor-shell blockquote,.editor-shell q{hyphens:none}code{font-family:var(--wc-font-family-monospace)}button{all:initial;font-size:inherit}svg{min-inline-size:fit-content}button:focus-visible{outline:2px solid #000}.select-buttons__tick--selected svg path{fill:var(--editor-color-layer-2)}.--light{--editor-color-layer-1: #e7f8f7;--editor-color-layer-2: #ffffff;--editor-color-layer-3: #ffffff;--editor-color-outline: #d5d7dc;--editor-color-theme: #232d9a;--editor-color-theme-secondary: #0e857a;--editor-color-theme-tertiary: #e7f8f7;--editor-color-text: #212121;--editor-color-text-secondary: #4d575b;--editor-color-tab-background: #f5f6f9}.--dark{--editor-color-layer-1: #23242a;--editor-color-layer-2: #ffffff;--editor-color-layer-3: #33353d;--editor-color-outline: #4a4d59;--editor-color-theme: #232d9a;--editor-color-theme-secondary: #89ddd5;--editor-color-theme-tertiary: #0e857a;--editor-color-text: #ffffff;--editor-color-text-secondary: #cccccc;--rpf-button-secondary-text-color: #ffffff;--editor-color-tab-background: #33353d}.--dark .rpf-button--secondary{border-color:#232d9a}
 :root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}html,body{margin:0}root{min-block-size:100dvh;--editor-font-family-sans-serif: fonts.$font-family-sans-serif;--editor-font-family-monospace: fonts.$font-family-monospace;-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}body{font-family:var(--editor-font-family-sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:var(--editor-font-family-monospace)}#textjam-editor{min-block-size:100dvh;display:flex;flex-direction:column;block-size:100dvh;margin:0}.--light,.editor-shell.--light{--editor-color-layer-1: #e7f8f7;--editor-color-layer-2: #000000;--editor-color-layer-3: #ffffff;--editor-color-outline: #d5d7dc;--editor-color-theme: #14bdac;--editor-color-theme-secondary: #0e857a;--editor-color-theme-tertiary: #e7f8f7;--editor-color-text: #212121;--editor-color-text-secondary: #4d575b;--rpf-files-list-item-active: #dcf5f3;--rpf-files-list-item-hover: #e7f8f7;--rpf-tab-button-hover: var(--rpf-grey-100);--rpf-tab-button-background: inherit;--rpf-tab-border-bottom-selected: var(--rpf-teal-900);--sidebar-border: var(--rpf-grey-150);--sidebar-background: var(--rpf-white);--sidebar-background-selected: var(--rpf-off-white);--sidebar-panel-background: var(--rpf-white);--sidebar-option-hover: var(--rpf-grey-100);--sidebar-option-selected-icon: var(--rpf-black);--sidebar-option-selected-border: var(--editor-color-theme);--sidebar-option-selected-background: var(--editor-color-theme-tertiary);--sidebar-option-selected-background-hover: var(--rpf-teal-200)}.editor-shell.--dark{--editor-color-layer-1: #23242a;--editor-color-layer-2: #2a2b32;--editor-color-layer-3: #33353d;--editor-color-outline: #4a4d59;--editor-color-theme: #89ddd5;--editor-color-theme-secondary: #89ddd5;--editor-color-theme-tertiary: #0e857a;--editor-color-text: #ffffff;--editor-color-text-secondary: #cccccc;--rpf-files-list-item-active: hsla(0, 0%, 100%, 0.15);--rpf-files-list-item-hover: hsla(0, 0%, 100%, 0.1);--rpf-tab-button-hover: var(--rpf-grey-900);--rpf-tab-button-background: var(--rpf-grey-800);--rpf-tab-border-bottom-selected: var(--rpf-teal-800);--sidebar-border: var(--rpf-grey-600);--sidebar-background: var(--rpf-grey-800);--sidebar-background-selected: var(--rpf-grey-800);--sidebar-panel-background: var(--rpf-grey-700);--sidebar-option-hover: var(--rpf-grey-600);--sidebar-option-selected-icon: var(--rpf-white);--sidebar-option-selected-border: var(--editor-color-theme);--sidebar-option-selected-background: var(--editor-color-theme-tertiary);--sidebar-option-selected-background-hover: var(--rpf-teal-800)}.editor-shell.--dark .btn,.editor-shell.--dark .rpf-button{--rpf-button-primary-background-color: var(--rpf-teal-400);--rpf-button-primary-background-color-focus: var(--rpf-teal-400);--rpf-button-primary-background-color-active: var(--rpf-teal-200);--rpf-button-primary-background-color-disabled: var(--rpf-grey-200);--rpf-button-primary-color-disabled: var(--rpf-grey-700);--rpf-button-primary-color-disabled-focus: var(--rpf-teal-400);--rpf-button-primary-background-color-hover: var(--rpf-teal-600);--rpf-button-secondary-background-color: var(--rpf-grey-800);--rpf-button-secondary-background-color-active: var(--rpf-teal-200);--rpf-button-secondary-color-disabled-background: var(--rpf-grey-700);--rpf-button-secondary-background-color-hover: var(--rpf-grey-600);--rpf-button-secondary-border-color-hover: var(--rpf-teal-400);--rpf-button-secondary-color-disabled: var(--rpf-grey-100);--rpf-button-secondary-color: var(--rpf-white);--rpf-button-secondary-text-color: var(--rpf-white);--rpf-button-tertiary-text-color-hover: var(--rpf-grey-200)}.editor-shell.--dark .rpf-button--secondary{border-color:var(--rpf-teal-400)}.btn,.rpf-button{--rpf-button-primary-background-color: var(--rpf-teal-800);--rpf-button-primary-background-color-focus: var(--rpf-teal-800);--rpf-button-primary-background-color-hover: var(--rpf-teal-900);--rpf-button-primary-background-color-active: var(--rpf-teal-600);--rpf-button-primary-background-color-disabled: var(--rpf-teal-200);--rpf-button-primary-color-disabled: var(--rpf-grey-600);--rpf-button-primary-text-color: var(--rpf-black);--rpf-button-secondary-background-color: var(--rpf-teal-800);--rpf-button-secondary-background-color-focus: $rpf-brand-raspberry;--rpf-button-secondary-background-color-hover: var(--rpf-teal-100);--rpf-button-secondary-border-color-hover: var(--rpf-teal-900);--rpf-button-secondary-background-color-active: var(--rpf-teal-900);--rpf-button-secondary-background-color-disabled: var(--rpf-grey-50);--rpf-button-secondary-text-color: var(--rpf-black);--rpf-button-tertiary-text-color-hover: var(--rpf-grey-600)}.btn .rpf-button--secondary,.rpf-button .rpf-button--secondary{border-color:var(--rpf-teal-800)}.select-buttons__tick--selected{--rpf-select-buttons-tick-color: var(--rpf-black)}.modal-overlay{--rpf-input-active-border: var(--editor-color-theme) }
 :root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}.editor-shell .toast--bottom-center__message,.editor-shell .toast--top-center__message{min-block-size:fit-content;padding:calc(.25rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1));margin:0}.editor-shell .toast--bottom-center{font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));inline-size:fit-content;max-inline-size:100%;inset-block-end:1em;padding:4px;inset-inline-start:50%;transform:translateX(-50%);white-space:nowrap}.editor-shell .toast--bottom-center .Toastify__toast-icon{margin-block:0;margin-inline:calc(.25rem*var(--scale-factor, 1)) 0}.editor-shell .toast--bottom-center__message{border-radius:20px}.editor-shell .toast--top-center{max-inline-size:fit-content;inline-size:100%;font-weight:700;inset-block-start:20%;z-index:1}.editor-shell .toast--top-center .Toastify__toast-icon{inline-size:fit-content}.editor-shell .toast--top-center__message{background-color:#fff;border-radius:25px}.editor-shell .toast--info{color:#1e398a;border:2px solid #1e398a}.editor-shell .toast--info svg{fill:#17181c}.editor-shell .toast--info .Toastify__toast-icon svg{fill:#1e398a}.editor-shell.--dark .toast--bottom-center__message{background-color:#fff;color:#17181c}.editor-shell.--dark .toast--bottom-center__message svg{fill:#17181c}.editor-shell.--light .toast--bottom-center__message{background-color:#17181c;color:#fff}.editor-shell.--light .toast--bottom-center__message svg{fill:#fff}