pxt-core
Version:
Microsoft MakeCode provides Blocks / JavaScript / Python tools and editors
1 lines • 317 kB
CSS
.common-button.sign-in-button{padding-left:.75rem;padding-right:.75rem}.common-button.sign-in-button .common-button-label{font-family:Segoe UI,Tahoma,Geneva,Verdana;font-weight:500}@media only screen and (max-width:991px){.common-button.sign-in-button{padding-left:.25rem}.common-button.sign-in-button .common-button-label{display:none}}.user-avatar-image{display:flex;align-items:center;justify-content:center;height:100%}.user-avatar-image img,.user-avatar-initials{border:2px solid var(--pxt-primary-foreground);border-radius:100%;width:2.5rem;height:2.5rem}.user-avatar-initials{display:flex;align-items:center;justify-content:center;background-color:var(--pxt-header-stencil);color:var(--pxt-header-foreground)}.user-profile{display:flex;flex-direction:row;height:100%;--header-text-color:var(--pxt-target-foreground1);--profile-portrait-border-color:var(--pxt-target-stencil1);--profile-username-color:var(--pxt-target-foreground1);--background-color:var(--pxt-target-background1);--avatar-initials-background-color:var(--pxt-secondary-background);--avatar-initials-text-color:var(--pxt-target-foreground1);--user-pane-border-color:var(--pxt-target-stencil1);--notification-background-color:var(--pxt-target-background2);--notification-icon-background-color:var(--pxt-target-background1);--notification-icon-color:var(--pxt-target-foreground1);--badge-list-subtitle-color:var(--pxt-neutral-alpha50);--body-font-family:"Share Tech Mono",Consolas,Monaco,Menlo,"Ubuntu Mono",source-code-pro,monospace}.profile-user-pane{display:flex;flex-direction:column;width:25%;padding:1rem;border-right:1px solid var(--user-pane-border-color);height:100%;min-width:20rem}.profile-portrait{border-radius:50%;overflow:hidden;height:12rem;width:12rem;position:relative;border:2px solid var(--profile-portrait-border-color);align-self:center;margin-bottom:1.5rem}.profile-portrait img{width:110%;height:110%;position:absolute;left:-5%;top:-5%}.profile-user-details{text-align:center;margin-bottom:3rem}.profile-display-name{font-size:1.5rem;color:var(--header-text-color);text-transform:uppercase;font-weight:900;margin-bottom:.5rem}.profile-username{font-size:1rem;color:var(--profile-username-color)}.profile-spacer{flex-grow:1}.profile-email{display:flex;padding-bottom:1rem}.profile-email .checkbox{cursor:pointer;padding-right:1rem}.profile-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.profile-actions a{flex-grow:1;font-size:14px}.profile-actions .ui.button{width:50%}.profile-actions .ui.button i.icon{margin-right:1.5rem!important}.profile-notification{width:100%;border:1px solid var(--pxt-target-stencil1);position:relative;border-radius:1rem;padding:2rem 1rem 1rem;background:var(--notification-background-color);display:flex;flex-direction:column}.profile-notification .profile-notification-title{font-weight:900;text-align:center;margin-bottom:1rem}.profile-notification .profile-notification-message{margin-bottom:1rem}.profile-notification .profile-notification-icon{width:3.25rem;height:3.25rem;border:1px solid var(--pxt-target-stencil1);border-radius:50%;position:absolute;top:-1.625rem;left:calc(50% - 1.625rem);color:var(--notification-icon-color);background:var(--notification-icon-background-color)}.profile-notification .profile-notification-icon i.circular.icon{box-shadow:none}.profile-badge-subtitle{font-style:italic;color:var(--badge-list-subtitle-color)}.profile-badge-list{flex-grow:1;height:100%;display:flex;flex-direction:column;padding:1rem}.profile-badges-scroller{flex-grow:1;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1}.profile-badges,.profile-badges-background{background-repeat:repeat;min-height:100%;background-size:20%;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:12rem;align-items:center}.profile-badges-background{z-index:-1}.profile-badges-background .profile-badge,.profile-badges .profile-badge{position:relative;aspect-ratio:1;background-color:var(--background-color)}.profile-badges-background .profile-badge img,.profile-badges .profile-badge img{height:100%;width:100%;display:inline;position:absolute;object-fit:contain}.profile-badge.disabled i.ui.icon{line-height:1;vertical-align:middle;font-size:4em;width:100%;z-index:1;position:absolute}.placeholder-badge{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='5' r='3' opacity='.1'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;opacity:.3;aspect-ratio:1}.profile-badges-background-container{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.profile-badge-title{text-transform:uppercase;font-weight:900;font-size:1.5rem;margin-right:1rem;color:var(--header-text-color)}.profile-badge-header{margin-left:1rem;margin-bottom:1rem}.profile-badge-info-item{margin-top:1rem;display:flex}.profile-badge-info-header{text-transform:uppercase;font-weight:900;width:20%;color:var(--header-text-color)}.profile-badge-info-image .profile-badge{text-align:center}.profile-badge-info-image .profile-badge img{display:inline;height:15rem;object-fit:contain}.profile-badge{display:flex;flex-direction:column;justify-content:center;align-content:center;position:relative;height:100%}.profile-badge.clickable{cursor:pointer}.profile-badge-and-title{display:flex;flex-direction:column;max-height:100%;height:100%;background-color:var(--background-color);z-index:2;overflow:hidden}.profile-badge-and-title .profile-badge{margin-bottom:1rem;flex-shrink:1000}.profile-badge-name{font-size:1rem;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-right:0;text-align:center;color:var(--header-text-color);overflow:hidden}.profile-initials-portrait{font-size:8rem;text-align:center;height:100%;color:var(--avatar-initials-text-color);background-color:var(--avatar-initials-background-color)}.profile-info-container,.profile-initials-portrait{display:flex;align-items:center;justify-content:center}.profile-info-container{flex-direction:column}.profile-info{line-height:2em;width:75%}.ui.icon.button.sign-out{font-family:var(--body-font-family)}.common-checkbox.loading input{opacity:0}.common-checkbox.loading .common-spinner{display:inline-block;position:absolute;left:0}.high-contrast .profile-badge-and-title,.high-contrast .profile-badge-subtitle,.high-contrast .profile-badges-background .profile-badge,.high-contrast .profile-badges .profile-badge,.high-contrast .profile-initials-portrait,.high-contrast .profile-username{color:#fff;background-color:#000}.high-contrast .profile-badge.clickable:hover{outline:2px solid #ff0}@media only screen and (max-width:1199px){.profile-badges,.profile-badges-background{background-size:25%;grid-template-columns:repeat(4,1fr);grid-auto-rows:12rem}}@media only screen and (max-width:991px){.profile-badges,.profile-badges-background{background-size:33%;grid-template-columns:repeat(3,1fr);grid-auto-rows:12rem}}.signin-form{margin:0 1rem}.signin-form .signin-header{margin:0 0 1rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}.signin-form .signin-body{display:flex;justify-content:center}.signin-form .signin-body .providers{display:flex;flex-direction:column;gap:1rem;align-items:center;margin:0 0 1rem}.signin-form .signin-body .providers .provider{width:100%;margin:0;padding:.8rem 2.5rem;background-color:var(--pxt-neutral-background1);color:var(--pxt-neutral-foreground1);border:1px solid var(--pxt-neutral-foreground1)}.signin-form .signin-body .providers .provider .label{display:flex;flex-direction:row;gap:1rem}.signin-form .signin-body .providers .provider .label .logo{width:1.25rem}.signin-form .signin-body .providers .provider .label .title{align-self:center}.signin-form .signin-footer .switch{display:flex;gap:.5rem;justify-content:center}.signin-form .signin-footer .learn{font-size:smaller;width:100%;text-align:right}.sharedialog.fullscreen.common-modal-container>.common-modal>.common-modal-body{padding:0}.project-share{display:flex;height:100%}.project-share-simulator{flex:1;height:100%;background-color:var(--pxt-target-background2);color:var(--pxt-target-foreground2)}.project-share-simulator #shareLoanedSimulator{position:relative;top:50%;transform:translateY(-50%)}.project-share-simulator .simframe{padding-bottom:56.25%!important}.project-share-info{display:flex;flex-direction:row;justify-content:center;flex:1}.project-share-info .project-share-content{flex-grow:1;display:flex;flex-direction:column}.project-share-info .project-share-content .name-input .common-input-group{height:3rem;margin-bottom:.5rem}.project-share-info .project-share-content .common-checkbox{margin-bottom:.5rem}.project-share-info .project-share-content .project-share-error{background-color:var(--pxt-colors-red-background);color:var(--pxt-colors-red-foreground);padding:.5rem;border-radius:.5rem}.project-share-info .project-share-content .common-editor-toggle-outer{z-index:1}.hc .project-share-error{background-color:#000!important;color:#fff!important;border:1px solid #fff}.project-share-title{margin-bottom:1rem}.project-share-label{font-weight:700;margin-bottom:.5rem}#project-share-dropdown{color:var(--pxt-primary-background)}.project-share-thumbnail{display:flex;flex-direction:column;min-width:15rem;align-items:center;margin-right:1rem}.project-share-thumbnail .project-thumbnail-placeholder,.project-share-thumbnail img{width:15rem;height:11.25rem;background-color:rgba(0,0,0,.05);margin:.3rem 0 1rem}.project-share-thumbnail .project-thumbnail-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem}.project-share-thumbnail .project-thumbnail-placeholder .common-spinner{width:5rem;height:5rem}.fullscreen .project-share>div{padding:2rem}.fullscreen .project-share-info{flex:unset;width:28rem}.share-publish-button{height:3rem;margin-right:1rem}.share-publish-button .common-spinner{display:inline-block}.share-host-button.common-button .xicon.multiplayer,.xicon.kiosk{font-size:24px;margin-right:.5rem}.project-share-publish-actions{flex-grow:1;justify-content:end;display:flex;align-items:end}.project-share-actions{display:flex;flex-direction:row;margin-top:1rem;position:relative;margin-bottom:2rem;justify-content:space-between}.project-share-social{display:flex;flex-direction:row;flex-grow:1;flex-wrap:wrap;gap:.5rem}.project-share-social .common-button.neutral{border:1px solid var(--pxt-neutral-alpha20)!important}.project-share-social a.common-button.social-icon{display:flex;justify-content:center;align-items:center}.project-share-text{margin-bottom:1rem}.common-button.menu-button.project-qrcode img{height:5rem}.common-button.menu-button.project-qrcode:focus:after{outline:var(--pxt-neutral-stencil1) solid 1px}.project-share-data .common-input-attached-button .common-button{width:10rem;padding:.8rem 1rem .95rem}.project-share-vscode{display:flex;flex-direction:column;gap:1rem}.qrcode-image{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.qrcode-modal-body{display:flex;align-items:center;justify-content:center}.qrcode-modal-body .qrcode-image{height:20rem}.gif-recorder-content{display:flex;flex-direction:row;align-items:center}.gif-recorder-content .thumbnail-controls{display:flex;flex-direction:column;padding:0 4rem;height:100%}.gif-recorder-content .thumbnail-controls .thumbnail-preview{display:flex;flex-direction:column;flex-grow:1;align-items:center;justify-content:center}.gif-recorder-content .thumbnail-controls .thumbnail-preview>div{padding-bottom:1rem}.gif-recorder-content .thumbnail-controls .thumbnail-preview .thumbnail-image,.gif-recorder-content .thumbnail-controls .thumbnail-preview .thumbnail-placeholder{display:flex;background-color:rgba(0,0,0,.05);width:15rem;height:12.25rem}.gif-recorder-content .thumbnail-controls .thumbnail-actions{display:flex;flex-direction:row;align-items:end;justify-content:end}.gif-recorder-sim-embed{flex-grow:1;padding-right:1rem}.gif-recorder-sim-embed .simframe{padding-bottom:56.25%!important}.gif-recorder-sim{flex-grow:1}.gif-recorder{display:flex;flex-direction:column;align-items:center}.gif-recorder,.gif-recorder-label,.thumbnail-label{font-family:Segoe UI,Tahoma,Geneva,Verdana,Helvetica Neue,Helvetica,Arial,sans-serif}.gif-recorder-label,.thumbnail-label{margin-bottom:.5rem}.gif-recorder-actions{display:flex;width:100%}.gif-recorder-actions .common-button{padding-left:0;padding-right:0;flex:1}.thumbnail-image,.thumbnail-placeholder{display:flex;background-color:rgba(0,0,0,.05);width:24.5rem;height:18.375rem}.thumbnail-header{display:flex;flex-direction:row}.thumbnail-header .project-share-label{flex-grow:1}.thumbnail-header .common-button.link-button{margin-bottom:.5rem}#root.miniSim:not(.fullscreensim) .gif-recorder-sim div.simframe{width:100%}@media only screen and (max-width:991px){.gif-recorder-content .thumbnail-controls{padding:0 2rem}.common-button.square-button.embed.gray.mobile-portrait-hidden{color:var(--pxt-neutral-foreground2)!important;background:var(--pxt-neutral-background2)}}@media only screen and (max-width:767px){.gif-recorder-content,.project-share-info{flex-direction:column}.gif-recorder-actions,.gif-recorder-sim{width:100%}.gif-recorder-actions .spacer{flex-grow:1}.gif-recorder-actions .common-button:not(.mobile-only){width:3rem;height:3rem;overflow:hidden;padding:0}.gif-recorder-actions .common-button:not(.mobile-only) i,.gif-recorder-actions .common-button:not(.mobile-only) i.far,.gif-recorder-actions .common-button:not(.mobile-only) i.fas{margin:0}.gif-recorder-actions .common-button:not(.mobile-only) .common-button-label,.gif-recorder-content.has-uri .gif-recorder-sim,.gif-recorder-content:not(.has-uri) .thumbnail-controls{display:none}}.common-palette-picker{display:flex;flex-direction:row;align-items:center;margin-bottom:1rem;justify-content:space-between}.common-palette-editor{max-height:min(35rem,calc(100vh - 15rem));overflow-y:auto}.common-palette-color-list,.common-palette-swatch{display:flex;flex-direction:row}.common-palette-color-list :last-child{border:1px solid #000}.common-palette-color{width:1rem;height:1rem;border-top:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000}.common-palette-swatch-name{flex-grow:1;padding-right:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12rem}.common-palette-picker>.common-dropdown>.common-button .common-button-label .common-palette-color-list{display:none}.common-palette-picker>.common-dropdown>.common-button .common-button-flex{display:flex}.common-palette-picker>.common-dropdown>.common-menu-dropdown-pane{max-height:35rem;overflow-y:auto;overflow-x:hidden}.common-palette-picker>.common-dropdown>.common-menu-dropdown-pane ul>li>.common-button.common-dropdown-item{padding:.75rem}.common-color-picker-field{display:grid;grid-template-columns:.5fr 8fr 1fr 1fr;align-items:center;padding:.1rem 0}.common-color-picker-field i.fas{margin:0}.common-color-inputs{display:flex;flex-direction:row;align-items:center}.common-color-inputs>:first-child{margin-right:.5rem}.common-color-inputs>:last-child{flex-grow:1;margin-right:.5rem}.common-color-inputs .color-input:hover{cursor:pointer}.common-extension-card{background-color:var(--pxt-neutral-background1);color:var(--pxt-neutral-foreground1)}.common-extension-card .common-card-body{display:flex;flex-direction:column;height:100%;align-items:center;justify-content:center}.common-extension-card .common-extension-card-title{font-weight:600;font-size:18px;padding:.5rem 1rem .25rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex-shrink:0}.common-extension-card .common-extension-card-description{flex-grow:1;padding-left:1rem;padding-right:1rem;font-size:16px;overflow:hidden}.common-extension-card .common-extension-card-description div{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.common-extension-card img{width:100%;height:11rem;object-fit:cover;flex-shrink:0}.common-extension-card .common-extension-card-extra-content{padding:.5rem 1rem;background:var(--pxt-neutral-background1);margin:0;border-radius:0;border-top:1px solid var(--pxt-neutral-stencil1);flex-shrink:0;font-size:16px;color:var(--pxt-neutral-foreground1);overflow:hidden;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.common-extension-card a.link-button{float:right}.common-extension-card .common-extension-card-contents{display:flex;flex-direction:column;height:100%;width:100%;opacity:1;transition:opacity .3s ease}.common-extension-card .common-spinner{opacity:0;transition:opacity .3s ease;position:absolute;width:60px;height:60px}.common-extension-card.loading .common-extension-card-contents{opacity:0}.common-extension-card.loading .common-spinner{opacity:1}.hc .common-extension-card,.high-contrast .common-extension-card{border-color:#fff;background-color:#000}.language-selector-modal>.common-modal{width:80%;max-width:60rem}.language-selector{display:flex;flex-wrap:wrap;max-height:80vh;overflow:auto;margin-bottom:0!important}.language-card-container{padding:1rem}.language-card-header{color:#4c4ca6;font-weight:700;font-size:1.3em;line-height:1.3em;text-align:start}.language-card-description{text-align:start;margin-top:.4rem}@media only screen and (max-width:991px){.language-selector-modal>.common-modal{width:95%}}.teaching-bubble-container{--teaching-bubble-foreground:var(--pxt-tertiary-foreground);--teaching-bubble-background:var(--pxt-tertiary-background)}.teaching-bubble-container.yellow{--teaching-bubble-foreground:var(--pxt-colors-yellow-foreground);--teaching-bubble-background:var(--pxt-colors-yellow-background)}.teaching-bubble-container.yellow .ai-footer{opacity:.8}.teaching-bubble-container.yellow .ai-footer .ai-footer-text,.teaching-bubble-container.yellow .ai-footer .feedback-button,.teaching-bubble-container.yellow .ai-footer .feedback-button.disabled{color:var(--pxt-colors-yellow-foreground)}.teaching-bubble-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.teaching-bubble-cutout{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;box-shadow:0 0 0 99999px var(--pxt-neutral-alpha20);border-radius:.5rem}.teaching-bubble,.teaching-bubble-arrow,.teaching-bubble-arrow-outline,.teaching-bubble-cutout{transition-property:top,left,width,height;transition-duration:.5s}.teaching-bubble{position:fixed;max-width:25rem;min-width:18.75rem;background:var(--teaching-bubble-background);color:var(--teaching-bubble-foreground);box-shadow:0 0 0 .1rem;border-radius:.5rem;z-index:1000}.teaching-bubble .common-button:focus{outline:.1rem solid var(--teaching-bubble-foreground);filter:grayscale(.15) brightness(.85) contrast(1.3)}.teaching-bubble .common-button.tertiary:focus:after,.teaching-bubble .common-button:focus:after{outline:none}.teaching-bubble-arrow{position:fixed;width:0;height:0;z-index:1001;color:var(--teaching-bubble-background)}.teaching-bubble-arrow-outline{position:fixed;width:0;height:0;z-index:1000;color:var(--teaching-bubble-foreground)}.teaching-bubble-body{padding:1rem;font-size:1.1rem}.teaching-bubble-body p{margin:.5rem 0}.teaching-bubble-navigation{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between}.teaching-bubble-navigation .common-button.feedback-button{color:var(--teaching-bubble-foreground)}.teaching-bubble-navigation .teaching-bubble-steps{font-size:.9rem;color:var(--teaching-bubble-foreground)}.teaching-bubble-navigation .teaching-bubble-steps.hide{visibility:hidden}.teaching-bubble-navigation .common-button.tertiary{padding:.25rem .5rem;margin:0 .5rem 0 0;border:.1rem solid var(--teaching-bubble-foreground)!important;background:var(--teaching-bubble-background)!important;color:var(--teaching-bubble-foreground)!important}.teaching-bubble-navigation .common-button.tertiary.inverted{margin-right:0;background:var(--teaching-bubble-foreground)!important;color:var(--teaching-bubble-background)!important}.teaching-bubble-navigation .common-button:focus-visible{outline:2px solid var(--teaching-bubble-foreground);outline-offset:3px}.teaching-bubble-navigation.no-steps{flex-direction:row-reverse}.teaching-bubble-footer{margin:0;padding:.5rem 1rem;border-top:1px solid var(--pxt-neutral-alpha50)}.teaching-bubble-footer,.teaching-bubble-footer .ai-footer .feedback-button.disabled{color:var(--pxt-neutral-alpha80)}.teaching-bubble-close.common-button{position:absolute;right:.5rem;top:.5rem;padding:.5rem 0 .25rem;background:transparent;color:var(--teaching-bubble-foreground);margin:0}.teaching-bubble-close.common-button i.right{opacity:1;font-size:1.3rem;margin:0}.confetti-container{position:absolute;width:100%;height:100%;overflow:hidden;z-index:100}.confetti{width:10px;height:10px;background-color:#249ca3;position:absolute;left:50%;top:-15px;animation:confetti 2.5s linear -2s infinite;transform-origin:left top;z-index:110}.confetti.reverse{animation:confetti-reverse 2.5s linear -2s infinite}.color-0{background-color:#ff2121}.color-1{background-color:#ff93c4}.color-2{background-color:#ff8135}.color-3{background-color:#fff609}.color-4{background-color:#249ca3}.color-5{background-color:#78dc52}.color-6{background-color:#003fad}.color-7{background-color:#87f2ff}.color-8{background-color:#8e2ec4}@keyframes confetti{0%{transform:rotate(15deg) rotateY(0deg) translate(0)}25%{transform:rotate(5deg) rotateY(1turn) translate(-1vw,20vh)}50%{transform:rotate(15deg) rotateY(2turn) translate(1vw,50vh)}75%{transform:rotate(5deg) rotateY(3turn) translate(-1vw,80vh)}to{transform:rotate(15deg) rotateY(4turn) translate(1vw,110vh)}}@keyframes confetti-reverse{0%{transform:rotate(5deg) rotateY(0deg) translate(0)}25%{transform:rotate(15deg) rotateY(1turn) translate(1vw,20vh)}50%{transform:rotate(5deg) rotateY(2turn) translate(-1vw,50vh)}75%{transform:rotate(15deg) rotateY(3turn) translate(1vw,80vh)}to{transform:rotate(5deg) rotateY(4turn) translate(-1vw,110vh)}}.theme-picker-modal>.common-modal{width:80%;max-width:60rem}.theme-picker{display:flex;flex-direction:row;gap:.5rem;justify-content:space-around;align-items:center;width:100%;flex-wrap:wrap}.theme-picker .common-button-flex{width:100%}.theme-picker .theme-card{width:18rem;height:unset;background-color:var(--pxt-neutral-background1);color:var(--pxt-neutral-foreground1);border:1px solid var(--pxt-neutral-stencil1)}.theme-picker .theme-card:hover{border:1px solid var(--pxt-focus-border);cursor:pointer;background-color:var(--pxt-neutral-background1-hover);color:var(--pxt-neutral-foreground1-hover)}.theme-picker .theme-card .theme-info-box{display:flex;flex-direction:column;align-items:center;padding:0 0 .2rem}.theme-picker .theme-card .theme-info-box .theme-preview-container{display:flex;width:95%;padding:.5rem}.theme-picker .theme-card .theme-info-box .theme-preview{display:flex;flex-direction:column;align-items:center;width:100%;border:1px solid var(--pxt-primary-background);aspect-ratio:1.2}.theme-picker .theme-card .theme-info-box .theme-preview .theme-preview-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem;width:100%;background-color:var(--pxt-header-background);color:var(--pxt-header-foreground);border-bottom:1px solid var(--pxt-header-foreground)}.theme-picker .theme-card .theme-info-box .theme-preview .theme-preview-header .logo{width:1rem;height:1rem}.theme-picker .theme-card .theme-info-box .theme-preview .theme-preview-header i.far,.theme-picker .theme-card .theme-info-box .theme-preview .theme-preview-header i.fas{margin:0;line-height:1}.theme-picker .theme-card .theme-info-box .theme-preview .theme-preview-workspace{width:100%;flex-grow:1;display:flex;flex-direction:row}.theme-picker .theme-card .theme-info-box .theme-preview .theme-preview-workspace .theme-preview-sim-sidebar{height:100%;flex-grow:1;background-color:var(--pxt-target-background2);color:var(--pxt-target-foreground2);border-right:1px solid var(--pxt-target-foreground2);display:flex;flex-direction:column;align-items:center}.theme-picker .theme-card .theme-info-box .theme-preview .theme-preview-workspace .theme-preview-sim-sidebar .theme-preview-sim{width:80%;aspect-ratio:1;background-color:var(--pxt-secondary-background);margin-top:.5rem;border:1px solid var(--pxt-target-foreground2)}.theme-picker .theme-card .theme-info-box .theme-preview .theme-preview-workspace .theme-preview-sim-sidebar .theme-preview-sim-buttons{width:80%;margin-top:.3rem;display:flex;flex-direction:row;justify-content:space-between}.theme-picker .theme-card .theme-info-box .theme-preview .theme-preview-workspace .theme-preview-sim-sidebar .theme-preview-sim-buttons .theme-preview-sim-button{background-color:var(--pxt-secondary-background);width:25%;aspect-ratio:1;border:1px solid var(--pxt-target-foreground2)}.theme-picker .theme-card .theme-info-box .theme-preview .theme-preview-workspace .theme-preview-toolbox{height:100%;flex-grow:1;background-color:var(--pxt-target-background3);color:var(--pxt-target-foreground3);border-right:1px solid var(--pxt-target-foreground3);display:flex;flex-direction:column}.theme-picker .theme-card .theme-info-box .theme-preview .theme-preview-workspace .theme-preview-toolbox .toolbox-divider{height:1px;border:0;border-top:1px solid var(--pxt-target-foreground3);margin:1.5rem .1rem 0}.theme-picker .theme-card .theme-info-box .theme-preview .theme-preview-workspace .theme-preview-workspace-content{height:100%;flex-grow:3;background-color:var(--pxt-target-background1);color:var(--pxt-target-foreground1)}.theme-picker .theme-card .theme-info-box .theme-preview .theme-preview-footer{display:flex;flex-direction:row;justify-content:space-between;padding:.3rem .5rem;width:100%;background-color:var(--pxt-target-background3);color:var(--pxt-target-foreground3);border-top:1px solid var(--pxt-target-foreground3)}.theme-picker .theme-card .theme-info-box .theme-preview .theme-preview-footer .theme-preview-download-button{width:20%;height:.5rem;border-radius:.1rem;background-color:var(--pxt-primary-background);border:1px solid var(--pxt-target-foreground3)}.theme-picker .theme-card .theme-info-box .theme-preview .theme-preview-footer .theme-preview-editor-tools{display:flex;flex-direction:row;justify-content:flex-end;width:30%}.theme-picker .theme-card .theme-info-box .theme-preview .theme-preview-footer .theme-preview-editor-tools .theme-preview-editor-tool-button{background-color:var(--pxt-secondary-background);border:1px solid var(--pxt-target-foreground3);height:.5rem;width:.5rem;margin-left:.2rem}.common-button,.common-radio-group.common-radio-buttons .common-radio-choice{cursor:pointer;position:relative;display:inline-block;min-height:1rem;outline:none;border:none;vertical-align:middle;color:var(--pxt-neutral-foreground2);background:var(--pxt-neutral-background2);font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;margin:0 .25rem 0 0;padding:.8rem 2rem .95rem;text-transform:none;text-shadow:none;font-weight:400;line-height:1em;font-style:normal;font-size:16px;text-align:center;text-decoration:none;border-radius:.2em;user-select:none;transition:opacity .1s ease,background-color .1s ease,box-shadow .1s ease,color .1s ease,background .1s ease;-webkit-tap-highlight-color:transparent}.common-button:hover{filter:grayscale(.15) brightness(.85) contrast(1.3)}.common-button .right:not(.icon.toggle.right){margin-left:.5rem}.common-button-flex{white-space:nowrap}.common-button.disabled:hover{filter:none}.common-button.disabled,.common-button.disabled.green,.common-button.disabled.green.inverted,.common-button.disabled.orange,.common-button.disabled.orange.inverted,.common-button.disabled.primary,.common-button.disabled.primary.inverted,.common-button.disabled.red,.common-button.disabled.red.inverted,.common-button.disabled.secondary,.common-button.disabled.secondary.inverted,.common-button.disabled.teal,.common-button.disabled.teal.inverted{cursor:default;background-color:var(--pxt-neutral-background3);color:var(--pxt-neutral-foreground3);border:var(--pxt-neutral-background3)}.common-button.menu-button.disabled{opacity:.8}.common-button.menu-button.disabled:active,.common-button.menu-button.disabled:hover{background:none}.common-button:focus-visible:after{content:"";position:absolute;inset:4px;border:1px solid transparent;outline:var(--pxt-neutral-stencil1) solid 1px;z-index:1;border-radius:.2em}.common-button.discourse:focus-visible:after,.common-button.facebook:focus-visible:after,.common-button.green:focus-visible:after,.common-button.menu-button:focus-visible:after,.common-button.orange:focus-visible:after,.common-button.primary:focus-visible:after,.common-button.red:focus-visible:after,.common-button.secondary:focus-visible:after,.common-button.teal:focus-visible:after,.common-button.twitter:focus-visible:after{outline:var(--pxt-neutral-background1) solid 1px}.common-button.inverted:focus-visible:after{outline:var(--pxt-neutral-stencil1) solid 1px}.common-button.menu-button{background:none;border:none;color:var(--pxt-primary-foreground);height:100%;padding:0 1rem;margin:0;border-radius:0;font-size:20px}.common-button.menu-button .icon,.common-button.menu-button .xicon,.common-button.menu-button i.far,.common-button.menu-button i.fas{font-size:24px}.common-button.menu-button:hover{background:var(--pxt-neutral-alpha10)}.common-button.menu-button:active{background:var(--pxt-neutral-alpha20)}.common-button.menu-button.inverted,.common-button.menu-button.inverted:hover{background:var(--pxt-primary-foreground);color:var(--pxt-primary-background)}.common-button.inverted.text-only,.common-button.text-only{border:none;background:none}a.common-button.menu-button{display:flex;align-items:center}.common-button.link-button{background:none;border:none;padding:0;color:var(--pxt-link)}.common-button.link-button:hover{text-decoration:underline}.common-button.link-button:focus-visible,.common-button.link-button:focus-visible:after{outline:none;border:none;text-decoration:underline}.common-button.link-button.kiosk{background-color:var(--pxt-neutral-background2);color:var(--pxt-neutral-foreground2)}.common-button.circle-button,.common-button.square-button{width:3rem;height:3rem;overflow:hidden;padding:0}.common-button.square-button i,.common-button.square-button i.far,.common-button.square-button i.fas{margin:0}.common-button.circle-button,.common-button.circle-button:focus-visible:after{border-radius:2rem}.common-button-group{display:flex;flex-direction:row}.common-button-group .common-button{border-radius:0;margin:0}.common-button-group .common-button.inverted:not(:last-child){border-right:none}.common-button-group .common-button:first-child{border-top-left-radius:.2em;border-bottom-left-radius:.2em}.common-button-group .common-button:last-child{border-top-right-radius:.2em;border-bottom-right-radius:.2em;margin:0 .25rem 0 0}.common-button.social-button{font-size:1.5rem}.common-button.social-button img{max-width:100%}.common-button.facebook{background:#4267b2;color:#fff}.common-button.twitter{background:#1da1f2;color:#fff}.common-button.discourse{background:#333;color:#fff}.common-button.device-share{background:var(--pxt-neutral-foreground2);color:var(--pxt-neutral-background2)}.common-button.whatsapp{background:#59ce72;color:#fff}.common-button.microsoft-teams{background:#35258f;color:#fff}.hc .common-button,.high-contrast .common-button{color:#fff!important;background-color:#000!important;border-color:#fff!important}.hc .common-button:focus,.hc .common-button:hover,.high-contrast .common-button:focus,.high-contrast .common-button:hover{outline:2px solid #ff0!important;z-index:1}.common-card{width:18rem;height:20rem;border-radius:.5rem;border:1px solid var(--pxt-neutral-stencil1);transition:border .1s ease;position:relative}.common-card .common-card-body{overflow:hidden;border-radius:.5rem}.common-card[role=button]{cursor:pointer}.common-card[role=button]:hover{border:1px solid var(--pxt-focus-border)}.common-card-label{color:var(--pxt-primary-foreground);background-color:var(--pxt-primary-background);border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;position:absolute;top:1rem;right:-1rem;padding:.5rem .5rem .25rem;min-width:5rem;font-size:16px;border-color:var(--pxt-primary-accent)}.common-card-label:after{position:absolute;content:"";top:100%;left:auto;right:0;background-color:transparent;border-color:transparent;border-style:solid;border-width:1.2em 1.2em 0 0;border-top-color:inherit;width:0;height:0}.common-checkbox{position:relative;padding:.25rem;display:flex;align-items:center;cursor:pointer}.common-checkbox input{margin-right:.5rem}.common-checkbox.toggle input{opacity:0;width:3rem;height:1.5rem;position:absolute;left:0;top:0}.common-checkbox.toggle label{position:relative;padding-left:4rem}.common-checkbox.toggle label:before{content:"";position:absolute;left:0;top:0;width:3rem;height:1.5rem;background-color:var(--pxt-neutral-background2);border-radius:500rem;transition:background-color .2s ease-in-out;border:1px solid var(--pxt-neutral-stencil2)}.common-checkbox.toggle label:after{background:var(--pxt-neutral-background1) linear-gradient(transparent,var(--pxt-neutral-alpha10));position:absolute;content:"";opacity:1;border:none;width:1.5rem;height:1.5rem;top:0;left:0;border-radius:500rem;border:1px solid var(--pxt-neutral-foreground2);transition:background .3s ease,left .3s ease}.common-checkbox.toggle input:checked~label:before{background-color:var(--pxt-primary-background)}.common-checkbox.toggle input:checked~label:after{left:1.5rem}.common-checkbox:focus-within{outline:var(--pxt-neutral-stencil1) solid 1px;border-radius:.2em}#profile-email-checkbox{width:2rem}.common-checkbox-icon{display:inline-block;position:relative;width:16px;height:16px;line-height:16px;border:1px solid var(--pxt-neutral-foreground1);border-radius:2px}.common-checkbox-icon.checked{background-color:var(--pxt-primary-background);border-color:var(--pxt-primary-accent)}.common-checkbox-icon i.fas.fa-check{font-size:11px;position:absolute;width:14px;height:14px;margin:0;color:var(--pxt-primary-foreground)}.high-contrast .common-checkbox:focus-within,.high-contrast .common-checkbox:hover{outline:2px solid #ff0}.common-draggable-graph{background-color:var(--pxt-neutral-background1);color:var(--pxt-neutral-foreground1)}.common-draggable-graph-text{user-select:none;fill:var(--pxt-neutral-foreground1)}.draggable-graph-point{fill:var(--pxt-neutral-background1);stroke:var(--pxt-neutral-alpha50)}.draggable-graph-path{stroke:var(--pxt-primary-background)}.draggable-graph-surface{cursor:pointer}.draggable-graph-surface:focus{outline:none}.draggable-graph-svg{touch-action:none}.hc .draggable-graph-path,.hc .draggable-graph-point{stroke:#fff}.hc .common-draggable-graph-text{color:#fff}.common-dropdown{position:relative;width:fit-content}.common-dropdown>.common-button{display:block;box-sizing:border-box;color:var(--pxt-neutral-foreground1);background-color:var(--pxt-neutral-background1);border:1px solid var(--pxt-neutral-stencil1);min-width:10rem;border-radius:2px;padding:0 28px 0 8px;margin:0;height:32px;line-height:30px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.common-dropdown>.common-button>.common-button-flex>i.right{position:absolute;right:0}.common-dropdown>.common-button:focus:after{outline:none}.common-dropdown>.common-button:focus{border:1px solid var(--pxt-focus-border)}.common-dropdown .common-button>.common-button-flex>i:first-child{margin-right:.5rem}.common-dropdown>.common-menu-dropdown-pane{width:unset;right:unset;min-width:100%;left:0;z-index:1}.common-dropdown>.common-menu-dropdown-pane li .common-button{text-align:left;width:100%;padding-left:.5rem}.common-dropdown.hang-left>.common-menu-dropdown-pane{left:unset;right:0}.common-dropdown-shadow{box-shadow:0 3.2px 7.2px 0 rgba(0,0,0,.13),0 .6px 1.8px 0 rgba(0,0,0,.11)}.common-dropdown.icon-preview>.common-button{min-width:unset}.common-dropdown.icon-preview>.common-button .common-button-label{display:none}.common-video{width:100%;height:auto}.common-editor-toggle-outer{position:relative}.common-editor-toggle{position:relative;border-radius:.2rem;border:3px solid var(--pxt-neutral-alpha10);background:var(--pxt-neutral-alpha20);display:flex;flex-direction:row}.common-editor-toggle.focused{outline:3px solid var(--pxt-focus-border);outline-offset:2px}.common-editor-toggle .common-editor-toggle-item>.common-button{padding:calc(.8rem - 4px) calc(2rem - 4px) calc(.95rem - 4px)}.common-editor-toggle.slim .common-editor-toggle-item>.common-button{padding:.6rem 2rem .75rem}.common-editor-toggle-item{z-index:1;flex:3}.common-editor-toggle-item .common-menu-dropdown{flex:4}.common-editor-toggle-item .common-menu-dropdown>.common-button{padding:0;width:100%;border-left:1px solid var(--pxt-neutral-alpha10);border-right:1px solid var(--pxt-neutral-alpha10)}.common-editor-toggle-item .common-menu-dropdown .common-menu-dropdown-pane{border-top:1px solid var(--pxt-neutral-alpha10)}.common-editor-toggle-item>.common-button{background:none;color:var(--pxt-neutral-foreground1);transition:color .25s;margin:0;width:100%}.common-editor-toggle-item.common-editor-toggle-item-dropdown{display:grid;grid-template-columns:3fr 1fr;flex:4}.common-editor-toggle-item.selected .common-menu-dropdown{text-align:center}.common-editor-toggle-item.selected .common-menu-dropdown>.common-button{border-right:none;color:var(--pxt-neutral-foreground2)}.common-editor-toggle-handle,.common-editor-toggle-item.selected>.common-button{color:var(--pxt-neutral-foreground2)}.common-editor-toggle-handle{position:absolute;background:var(--pxt-neutral-background2);width:33%;height:100%;transition:margin-left .25s,width .25s;border-radius:.2rem;margin-left:-3px}.common-editor-toggle .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-handle{width:50%}.common-editor-toggle .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:50%}.common-editor-toggle .common-editor-toggle-item:first-of-type.selected~.common-editor-toggle-handle{margin-left:0}.common-editor-toggle .common-editor-toggle-item:nth-of-type(2).selected~.common-editor-toggle-handle{margin-left:33%}.common-editor-toggle .common-editor-toggle-item:nth-of-type(3).selected~.common-editor-toggle-handle{margin-left:67%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3),.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown{flex:55}.common-editor-toggle.has-dropdown .common-editor-toggle-item-dropdown:first-child:nth-last-child(3)~.common-editor-toggle-item,.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3){flex:45}.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-handle{width:45%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown.selected:first-child:nth-last-child(3)~.common-editor-toggle-handle,.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:55%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3)+.selected~.common-editor-toggle-handle{margin-left:55%}.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)+.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-left:45%}.common-editor-toggle.has-dropdown .common-editor-toggle-handle{width:30%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:40%}.common-editor-toggle.has-dropdown .common-editor-toggle-item:nth-of-type(2).selected~.common-editor-toggle-handle{margin-left:30%}.common-editor-toggle.has-dropdown .common-editor-toggle-item:nth-of-type(3).selected~.common-editor-toggle-handle{margin-left:60%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:40%}.common-editor-toggle.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle,.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:70%}.common-toggle-accessibility{position:absolute;width:0;height:0}.common-toggle-accessibility .common-button{width:0;height:0;min-height:0;overflow:hidden;padding:0;position:absolute;top:0;left:0}@media only screen and (max-width:991px){.common-editor-toggle.tablet-compact>.common-editor-toggle-item>.common-button{padding-left:.5rem;padding-right:.5rem}.common-editor-toggle.tablet-compact>.common-editor-toggle-item>.common-button:not(.no-icon) .common-button-label{display:none}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item{flex:25}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown{flex:50;display:grid;grid-template-columns:1fr 1fr}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-handle{width:25%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:50%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3),.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown{flex:67}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item-dropdown:first-child:nth-last-child(3)~.common-editor-toggle-item,.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3){flex:33}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-handle{width:33%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown.selected:first-child:nth-last-child(3)~.common-editor-toggle-handle,.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:67%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3)+.selected~.common-editor-toggle-handle{margin-left:67%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)+.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-left:33%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:50%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:75%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-left:25%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:75%}}@media only screen and (max-width:767px){.common-editor-toggle.mobile-compact>.common-editor-toggle-item>.common-button{padding-left:.5rem;padding-right:.5rem}.common-editor-toggle.mobile-compact>.common-editor-toggle-item>.common-button:not(.no-icon) .common-button-label{display:none}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item{flex:25}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown{flex:50;display:grid;grid-template-columns:1fr 1fr}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-handle{width:25%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:50%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3),.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown{flex:67}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item-dropdown:first-child:nth-last-child(3)~.common-editor-toggle-item,.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3){flex:33}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-handle{width:33%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown.selected:first-child:nth-last-child(3)~.common-editor-toggle-handle,.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:67%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3)+.selected~.common-editor-toggle-handle{margin-left:67%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)+.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-left:33%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:50%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:75%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-left:25%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:75%}}.hc .sound-gallery-preview-wave{stroke:#fff}.hc .common-editor-toggle.focused{outline:3px solid var(--pxt-focus-border)!important}.hc .common-toggle-accessibility>button.common-button:focus{outline:none!important}.hc .common-editor-toggle-item.selected>button{outline:3px solid #fff;outline-offset:-5px}i.far,i.fas{margin:0 .25rem 0 0;text-align:center;width:1.81rem;line-height:inherit;font-size:18px}i.far.large,i.fas.large{font-size:24px}.common-input-group{position:relative;display:flex;height:2rem;align-items:stretch;border-radius:2px;border:1px solid var(--pxt-neutral-stencil1);background:var(--pxt-neutral-background1);font-size:16px}.common-input-group:focus-within:after,.common-input-group:focus:after{content:"";position:absolute;inset:-1px;border:2px solid var(--pxt-focus-border);border-radius:2px;pointer-events:none}.common-input{width:100%;min-width:0;padding:0 .5rem;background:var(--pxt-neutral-background2);color:var(--pxt-neutral-foreground2);border:none;outline:0;background:none transparent;text-overflow:ellipsis}.common-input::selection{color:var(--pxt-neutral-foreground2)}.common-input-label{display:block;font-size:14px;font-weight:600;padding:.3rem 0;overflow-wrap:break-word}.common-input-group .icon,.common-input-group .xicon,.common-input-group>i.fas,.common-input-group i.far{position:absolute;bottom:.3rem;right:.5rem;width:1.25rem;margin-right:0;line-height:1.25rem;pointer-events:none}.common-input-group>button.common-button{color:var(--pxt-neutral-foreground2)!important;background:none!important;padding:0;margin:0;border-radius:0}.common-input-group>button.common-button:hover{opacity:.8}.common-input.has-icon{padding:0 1.75rem 0 .5rem}.common-input-wrapper.disabled .common-input-group{cursor:default;border:1px solid var(--pxt-neutral-background3);background:var(--pxt-neutral-background3)}.common-input-wrapper.disabled .common-input,.common-input-wrapper.disabled .common-input-label,.common-input-wrapper.disabled i{color:var(--pxt-neutral-foreground3)}.common-input-attached-button{display:flex;flex-direction:row}.common-input-attached-button .common-input-wrapper{flex-grow:1}.common-input-attached-button .common-input-wrapper .common-input-group{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;height:3rem}.common-input-attached-button .common-button{border-top-left-radius:0;border-bottom-left-radius:0}.common-input-group>.common-button{color:rgba(0,0,0,.87)!important}.common-menu-dropdown-pane{z-index:1}.common-menu-dropdown-pane .common-button{padding:.8rem;width:100%;text-align:start}.hc .common-input,.high-contrast .common-input{color:#fff;border-color:#fff;background-color:#000}.hc .common-input-group:focus-within:after,.hc .common-input-group:focus:after,.high-contrast .common-input-group:focus-within:after,.high-contrast .common-input-g