.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}
/*# sourceMappingURL=150.e095a39b.chunk.css.map*/