.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid #0000;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{border-color:#0188fe;box-shadow:0 0 5px #0188fe;outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}.proj{block-size:100%;block-size:-moz-available;block-size:-webkit-stretch;block-size:-webkit-fill-available;block-size:stretch;display:flex;flex-flow:column;height:100%;overflow:hidden}.proj-header{display:flex;flex:1 0 auto;justify-content:space-between;padding-inline:5px}.editor-controls{display:flex}.proj-controls{-webkit-padding-before:20px;padding-block-start:20px}.proj-share-link{padding-inline:5px}.proj-container{grid-gap:var(--space-2);block-size:100%;display:flex;flex-direction:row;overflow-y:hidden}.proj-container .project-wrapper{grid-gap:var(--space-1);container-type:inline-size;display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.proj-container .proj-editor-wrapper{grid-gap:var(--space-2);block-size:100%;display:flex;flex:0 1 auto;flex-flow:column;inline-size:100%;overflow:hidden}@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-editor-container,.proj-container--wc .proj-runner-container{inline-size:50%}}.proj-container .proj-editor-container,.proj-container .proj-runner-container,.proj-container .sidebar{border-radius:8px}.proj-container .proj-editor-container{box-sizing:border-box;display:flex;max-block-size:70%;min-block-size:30%}.proj-container .proj-editor-container .react-tabs__tab-panel--selected{overflow-y:hidden}.proj-container .proj-runner-container{box-sizing:border-box;display:flex;flex:5 1;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-editor-container,.proj-container--wc .proj-runner-container{inline-size:100%}.proj-editor-container .react-tabs__tab-list,.proj-runner-container .react-tabs__tab-list{flex:1 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{-webkit-margin-before:0;-webkit-margin-after:0;margin-block-end:0;margin-block-start:0}.--light .proj-editor-container,.--light .proj-runner-container,.--light .sidebar{background-color:var(--rpf-white)}@media screen and (min-width:601px){.--light .proj-editor-container,.--light .proj-runner-container,.--light .sidebar{border:1px solid var(--rpf-grey-150)}}.--dark .proj-editor-container,.--dark .proj-runner-container,.--dark .sidebar{background-color:var(--rpf-grey-800)}@media screen and (min-width:601px){.--dark .proj-editor-container,.--dark .proj-runner-container,.--dark .sidebar{border:1px solid var(--rpf-grey-600)}}.output-view-toggle__button{block-size:100%}.--light .output-view-toggle{-webkit-border-start:1px solid var(--rpf-grey-150);border-inline-start:1px solid var(--rpf-grey-150)}.--dark .output-view-toggle{-webkit-border-start:1px solid var(--rpf-grey-600);border-inline-start:1px solid var(--rpf-grey-600)}.select-buttons{border:none;margin:0;padding:0}.select-buttons__legend{-webkit-margin-after:var(--space-2);margin-block-end:var(--space-2);padding:0}.select-buttons__options{display:flex;flex-wrap:wrap;gap:var(--space-2);inline-size:100%}.select-buttons__option{flex:1 1}.select-buttons__button{opacity:0;position:absolute}.select-buttons__button:disabled+.select-buttons__label{color:var(--rpf-grey-150);cursor:default}.select-buttons__label{align-items:center;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;font-weight:var(--font-weight-bold);gap:var(--space-1-5);padding:var(--space-1-5);position:relative}.select-buttons__tick{-webkit-margin-start:auto;align-items:center;display:flex;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 var(--rpf-grey-150)}.--light .select-buttons__label--selected{border:2px solid var(--rpf-text-primary)}.--dark .select-buttons__label{border:2px solid var(--rpf-grey-500)}.--dark .select-buttons__label--selected{border:2px solid var(--rpf-grey-300)}.select-buttons__button:focus-visible+.select-buttons__label{outline:3px solid var(--rpf-button-secondary-background-color-focus)}.editor-banner{align-items:center;display:flex;padding:var(--space-0-5) var(--space-3)}.editor-banner :last-child{-webkit-margin-start:auto;margin-inline-start:auto}.editor-banner--beta{background-color:var(--rpf-teal-400);color:var(--rpf-text-primary)}.editor-banner--beta span{color:var(--rpf-black)}.editor-banner--beta__icon{-webkit-margin-end:var(--space-3);background-color:var(--rpf-teal-200);border-radius:8px;font-weight:var(--font-weight-bold);margin-inline-end:var(--space-3);padding:var(--space-0-5)}.editor-banner__message{padding:var(--space-0-5) 0}.editor-banner__link{display:inline;font-weight:var(--font-weight-bold);padding-inline:0;text-decoration:underline}.editor-banner__link.btn--tertiary{color:var(--rpf-text-primary)}.editor-banner__link.btn--tertiary:hover{color:var(--rpf-grey-600)}.editor-banner__link--feedback{-webkit-padding-end:var(--space-0-5);padding-inline-end:var(--space-0-5);white-space:nowrap}:host,:root{--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}:host,:root{--font-weight-regular:400;--font-weight-bold:700}:host,:root{--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}.project-page{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.project-page .rpf-input-checkbox{-webkit-border-start:1px solid var(--editor-color-outline);-webkit-margin-after:0;-webkit-margin-start:auto;block-size:100%;border-inline-start:1px solid var(--editor-color-outline);border-radius:0;gap:var(--space-1);inline-size:-webkit-fit-content;inline-size:fit-content;margin-block-end:0;margin-inline-start:auto;min-inline-size:-webkit-fit-content;min-inline-size:fit-content}.project-page .rpf-input-checkbox span:first-child{display:flex}.project-page__header{align-items:center;display:flex;gap:var(--space-1)}.project-page__headings{align-items:center;display:flex;gap:var(--space-0-5)}.rpf-button.project-page__back-button{-webkit-padding-start:var(--space-1);border-radius:0;font-size:1rem;font-size:var(--font-size-1);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.5rem;line-height:var(--line-height-1-5);padding-inline-start:var(--space-1)}.--light .project-page__header{background-color:var(--rpf-white);border-block:1px solid var(--rpf-grey-150);color:var(--rpf-text-secondary)}.--light .project-page__back-button{-webkit-border-end:1px solid var(--rpf-grey-150);border-inline-end:1px solid var(--rpf-grey-150);color:var(--rpf-text-primary)}.--light .project-page__back-button:hover{background-color:var(--rpf-teal-100);color:var(--rpf-text-primary)}.--light .project-page__back-button:active{background-color:var(--rpf-teal-200);color:var(--rpf-text-primary)}.--dark .project-page__header{background-color:var(--rpf-grey-800);border-block:1px solid var(--rpf-grey-600);color:var(--rpf-off-white)}.--dark .project-page__back-button{-webkit-border-end:1px solid var(--rpf-grey-600);border-inline-end:1px solid var(--rpf-grey-600)}.--dark .project-page__back-button:hover{background-color:var(--rpf-grey-700);color:var(--rpf-white)}.--dark .project-page__back-button:active{background-color:var(--rpf-grey-600);color:var(--rpf-white)}.--dark .rpf-input-checkbox input[type=checkbox]{background-color:var(--rpf-grey-800);border:var(--space-0-25) solid var(--rpf-grey-300)}.--dark .rpf-input-checkbox input[type=checkbox]:checked{background-color:var(--rpf-grey-300);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="black"/></svg>')}
/*# sourceMappingURL=363.3fa0d8f8.chunk.css.map*/