.dropdown:focus{outline:none;background-color:rgba(0,0,0,.2)}.dropdown-menu{position:absolute;background-color:var(--body-background-color);z-index:var(--above-frame-zindex);border:1px solid var(--dropdown-hover-color);border-top:0}.dropdown-item{width:10rem;padding:.5rem .75rem;color:var(--black);font-size:1rem;font-weight:400;cursor:pointer}.dropdown-item:hover{background-color:var(--dropdown-hover-color)}.modal-overlay{position:fixed;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay-color);z-index:var(--modal-dimmer-zindex)}.modal{background-color:var(--body-background-color);width:50%;max-width:40rem;padding:1.5rem}.modal-header{display:-webkit-flex;display:flex;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.modal-header i.icon{font-size:1.2rem;line-height:1.2rem;margin:0;cursor:pointer}.modal-body{min-height:4rem;max-height:12rem}.modal-actions{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;margin-top:1rem}.modal-button{border:1px solid var(--active-color);width:8rem;padding:.5rem;text-align:center;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;text-transform:uppercase}.modal-button:hover{background-color:var(--hover-color)}.share-disclaimer{box-shadow:inset 0 0 0 1px #a9d5de,0 0 0 0 transparent;background-color:#f8ffff;color:#276f86;padding:1rem;border-radius:.25rem;margin:1rem 0 1.5rem}.share-loader{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-bottom:1.5rem}.share-loader .ui.loader{margin-right:.15rem}.share-loader .ui.loader,.share-loader .ui.loader:after,.share-loader .ui.loader:before{height:1.2rem;width:1.2rem}.share-input{display:-webkit-flex;display:flex;margin:1rem 0}.share-input input{-webkit-flex:1 1;flex:1 1;padding:0 .5rem;font:var(--body-font-family);outline:none;border:1px solid var(--inactive-color);border-right-width:0}.share-copy{padding:.5rem 1.5rem;background-color:var(--primary-color);color:var(--white);cursor:pointer}.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;-webkit-animation:confetti 2.5s linear -2s infinite;animation:confetti 2.5s linear -2s infinite;-webkit-transform-origin:left top;transform-origin:left top;z-index:110}.confetti.reverse{-webkit-animation:confetti-reverse 2.5s linear -2s infinite;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}@-webkit-keyframes confetti{0%{-webkit-transform:rotate(15deg) rotateY(0deg) translate(0);transform:rotate(15deg) rotateY(0deg) translate(0)}25%{-webkit-transform:rotate(5deg) rotateY(1turn) translate(-1vw,20vh);transform:rotate(5deg) rotateY(1turn) translate(-1vw,20vh)}50%{-webkit-transform:rotate(15deg) rotateY(2turn) translate(1vw,50vh);transform:rotate(15deg) rotateY(2turn) translate(1vw,50vh)}75%{-webkit-transform:rotate(5deg) rotateY(3turn) translate(-1vw,80vh);transform:rotate(5deg) rotateY(3turn) translate(-1vw,80vh)}to{-webkit-transform:rotate(15deg) rotateY(4turn) translate(1vw,110vh);transform:rotate(15deg) rotateY(4turn) translate(1vw,110vh)}}@keyframes confetti{0%{-webkit-transform:rotate(15deg) rotateY(0deg) translate(0);transform:rotate(15deg) rotateY(0deg) translate(0)}25%{-webkit-transform:rotate(5deg) rotateY(1turn) translate(-1vw,20vh);transform:rotate(5deg) rotateY(1turn) translate(-1vw,20vh)}50%{-webkit-transform:rotate(15deg) rotateY(2turn) translate(1vw,50vh);transform:rotate(15deg) rotateY(2turn) translate(1vw,50vh)}75%{-webkit-transform:rotate(5deg) rotateY(3turn) translate(-1vw,80vh);transform:rotate(5deg) rotateY(3turn) translate(-1vw,80vh)}to{-webkit-transform:rotate(15deg) rotateY(4turn) translate(1vw,110vh);transform:rotate(15deg) rotateY(4turn) translate(1vw,110vh)}}@-webkit-keyframes confetti-reverse{0%{-webkit-transform:rotate(5deg) rotateY(0deg) translate(0);transform:rotate(5deg) rotateY(0deg) translate(0)}25%{-webkit-transform:rotate(15deg) rotateY(1turn) translate(1vw,20vh);transform:rotate(15deg) rotateY(1turn) translate(1vw,20vh)}50%{-webkit-transform:rotate(5deg) rotateY(2turn) translate(-1vw,50vh);transform:rotate(5deg) rotateY(2turn) translate(-1vw,50vh)}75%{-webkit-transform:rotate(15deg) rotateY(3turn) translate(1vw,80vh);transform:rotate(15deg) rotateY(3turn) translate(1vw,80vh)}to{-webkit-transform:rotate(5deg) rotateY(4turn) translate(-1vw,110vh);transform:rotate(5deg) rotateY(4turn) translate(-1vw,110vh)}}@keyframes confetti-reverse{0%{-webkit-transform:rotate(5deg) rotateY(0deg) translate(0);transform:rotate(5deg) rotateY(0deg) translate(0)}25%{-webkit-transform:rotate(15deg) rotateY(1turn) translate(1vw,20vh);transform:rotate(15deg) rotateY(1turn) translate(1vw,20vh)}50%{-webkit-transform:rotate(5deg) rotateY(2turn) translate(-1vw,50vh);transform:rotate(5deg) rotateY(2turn) translate(-1vw,50vh)}75%{-webkit-transform:rotate(15deg) rotateY(3turn) translate(1vw,80vh);transform:rotate(15deg) rotateY(3turn) translate(1vw,80vh)}to{-webkit-transform:rotate(5deg) rotateY(4turn) translate(-1vw,110vh);transform:rotate(5deg) rotateY(4turn) translate(-1vw,110vh)}}.selected .highlight{stroke-width:4px;fill:transparent}.graph-icon{font-family:Icons}.graph-icon,.graph-icon-x{font-size:1.75rem;opacity:.8}.graph-icon-x{font-family:xicon}.graph-activity.hover .graph-icon,.graph-activity.hover .graph-icon-x{opacity:1}.graph-status-icon{font-family:Icons;font-size:1rem}.graph-activity{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.skill-graph-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex:1 1;flex:1 1}.skill-graph-content{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:90%;z-index:var(--above-graph-zindex)}.skill-graph-activities{z-index:var(--graph-backround-zindex);-webkit-user-select:none;-ms-user-select:none;user-select:none}.has-background .skill-graph-activities{position:absolute;width:100%;height:100%}.skill-graph-activities svg,.skill-graph-background img{object-fit:contain;width:100%;max-height:100%}.makecode-frame,.makecode-frame-outer{width:100%;height:100%}.makecode-frame-outer{overflow:hidden;position:relative}.makecode-frame-loader{position:absolute;width:100%;height:100%;background-color:var(--body-background-color);z-index:var(--frame-loader-zindex);text-align:center;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.makecode-frame-loader.hidden{display:none}.makecode-frame-loader img{max-width:200px;vertical-align:middle;-webkit-animation:loader-pxt 2s linear infinite;animation:loader-pxt 2s linear infinite}.makecode-frame-loader-bar{border:1px solid var(--black);width:10rem;height:1.5rem;margin-bottom:1rem}.makecode-frame-loader-fill{background-color:var(--primary-color);height:100%;width:1rem;transition:width .5s ease-out}@-webkit-keyframes loader-pxt{0%{-webkit-transform:perspective(160px) rotateX(0deg) rotateY(0deg);transform:perspective(160px) rotateX(0deg) rotateY(0deg)}15%{-webkit-transform:perspective(160px) rotateX(0deg) rotateY(-5deg);transform:perspective(160px) rotateX(0deg) rotateY(-5deg)}50%{-webkit-transform:perspective(160px) rotateX(0deg) rotateY(5deg);transform:perspective(160px) rotateX(0deg) rotateY(5deg)}to{-webkit-transform:perspective(160px) rotateX(0deg) rotateY(0deg);transform:perspective(160px) rotateX(0deg) rotateY(0deg)}}@keyframes loader-pxt{0%{-webkit-transform:perspective(160px) rotateX(0deg) rotateY(0deg);transform:perspective(160px) rotateX(0deg) rotateY(0deg)}15%{-webkit-transform:perspective(160px) rotateX(0deg) rotateY(-5deg);transform:perspective(160px) rotateX(0deg) rotateY(-5deg)}50%{-webkit-transform:perspective(160px) rotateX(0deg) rotateY(5deg);transform:perspective(160px) rotateX(0deg) rotateY(5deg)}to{-webkit-transform:perspective(160px) rotateX(0deg) rotateY(0deg);transform:perspective(160px) rotateX(0deg) rotateY(0deg)}}.info-panel{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;align-items:stretch;width:20rem;margin:1rem;z-index:var(--above-graph-zindex);background-color:var(--body-background-color);border:1px solid #000}.info-panel>.info-panel-image{width:100%;height:12rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;overflow:hidden;text-align:center;background-color:var(--primary-color)}.info-panel-image img{width:100%}.info-panel-image i{color:var(--white);font-size:5rem;line-height:5rem;vertical-align:top}.info-panel-content{padding:1rem}.info-panel-content>div{-webkit-flex-shrink:0;flex-shrink:0;margin-bottom:.5rem}.info-panel-content>.tablet-spacer{margin:0}.info-panel-content>.info-panel-label,.info-panel-content>.info-panel-link,.info-panel-content>.info-panel-title{margin-bottom:1rem}.info-panel-title{font-size:1.2rem;font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis}.info-panel-subtitle{font-size:.8rem}.info-panel-label,.info-panel-subtitle{text-align:center;text-transform:uppercase}.info-panel-label{padding:.5rem;background-color:var(--inactive-color)}.info-panel-link{display:block;width:100%;text-align:center}.info-panel-detail{font-size:.8rem;text-transform:uppercase;-webkit-justify-content:space-between;justify-content:space-between}.info-panel-detail,.info-panel-tags{display:-webkit-flex;display:flex}.info-panel-tags>div{padding:.2rem .5rem;margin-right:.5rem;font-size:.8rem}.info-panel-tags>div,.info-panel .action-button{color:var(--active-color);border:1px solid var(--active-color)}.info-panel .action-button{padding:.5rem;margin-bottom:.5rem;font-size:1.2rem;text-align:center;cursor:pointer;-webkit-flex:1 1;flex:1 1;-webkit-user-select:none;-ms-user-select:none;user-select:none;text-transform:uppercase}.info-panel .action-button:hover{background-color:var(--hover-color)}.locked.action-button,.locked.action-button:hover{color:var(--inactive-color);background-color:transparent;border-color:var(--inactive-color);cursor:default}@media only screen and (max-width:991px){.info-panel{-webkit-flex-direction:row;flex-direction:row;width:unset;height:18rem}.info-panel>.info-panel-image{height:100%;width:16rem;-webkit-flex-direction:column;flex-direction:column}.info-panel-image img{height:100%;width:unset}.info-panel-content{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 1;flex:1 1}.info-panel-content>.info-panel-title{margin-bottom:.5rem}.info-panel-content>.info-panel-subtitle{margin:0}.info-panel-content>.info-panel-label{margin:1rem}.info-panel-subtitle,.info-panel-title{text-align:left}.info-panel-label{position:absolute;right:0;top:0;width:12rem;padding:.5rem 1rem}.info-panel-link{text-align:left}.info-panel .actions{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;margin-bottom:0}.info-panel .actions.grid{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:.5rem;row-gap:.5rem}.info-panel .action-button{-webkit-flex:0.5 1;flex:0.5 1;margin-right:1rem;margin-bottom:0}.info-panel .action-button:last-child,.info-panel .grid .action-button:nth-child(2){margin-right:0}}@media only screen and (max-width:762px){.info-panel>.info-panel-image{display:none}.info-panel-label{width:unset}}:root{--black:#000;--white:#fff;--primary-color:#aa278f;--secondary-color:#eac6eb;--tertiary-color:#850a6b;--hover-color:var(--secondary-color);--active-color:var(--tertiary-color);--inactive-color:var(--secondary-color);--invert-active-color:#fff;--invert-hover-text-color:#850a6b;--body-background-color:#f9f9f9;--default-card-color:#ccc;--card-hover-color:#bfbfbf;--dropdown-hover-color:#ccc;--modal-overlay-color:rgba(0,0,0,0.5);--inverted-text-color:var(--white);--subtitle-text-color:#6e6e6e;--header-height:4rem;--body-font-family:"Share Tech Mono",Monaco,Menlo,"Ubuntu Mono",Consolas,source-code-pro,monospace;--frame-loader-zindex:30;--above-frame-zindex:50;--modal-dimmer-zindex:100;--graph-backround-zindex:10;--above-graph-zindex:20}body{position:relative;margin:0;font-family:"Share Tech Mono",Monaco,Menlo,"Ubuntu Mono",Consolas,source-code-pro,monospace;font-family:var(--body-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9f9f9;background-color:var(--body-background-color);overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{width:100%}#root,#root.editor{height:100%}#root>div,.app-container{width:100%;height:100%}.app-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.header{background-color:#850a6b;background-color:var(--tertiary-color);height:4rem;height:var(--header-height);max-height:4rem;max-height:var(--header-height);font-size:2rem;color:#fff;color:var(--inverted-text-color);-webkit-flex-grow:0;flex-grow:0;-webkit-flex-shrink:0;flex-shrink:0;z-index:50;z-index:var(--above-frame-zindex)}.header,.header-left,.header-right{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.header-left,.header-right{margin:0 1rem;height:100%}.header-logo{width:3rem;height:3rem}.header-org-logo{height:2rem;margin-left:1rem}.header-org-logo img{height:100%}.header-org-logo .header-org-logo-small{display:none}.header i.icon{line-height:2rem;cursor:pointer}.header-dropdown i{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:4rem;height:var(--header-height);width:3.5rem;margin:0}.header-button{color:#fff;color:var(--invert-active-color);height:100%;padding:1rem;font-size:1.2rem;text-align:center;cursor:pointer;-webkit-flex:1 1;flex:1 1;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.header-button.icon-only{font-size:unset;padding:1rem .5rem}.header-button .header-button-label{line-height:2rem;white-space:nowrap}.header-button:hover,.header-dropdown:hover{background-color:#eac6eb;background-color:var(--hover-color);color:#850a6b;color:var(--invert-hover-text-color)}.header-activity-display-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-flex-shrink:10;flex-shrink:10;font-size:1.2rem;font-weight:700}.banner{background-color:#eac6eb;background-color:var(--secondary-color);-webkit-align-items:center;align-items:center;height:12rem;margin-bottom:.5rem}.banner,.banner-card{display:-webkit-flex;display:flex}.banner-card{background-color:#aa278f;background-color:var(--primary-color);min-width:24rem;width:60%;color:#fff;color:var(--inverted-text-color)}.banner-card>i{font-size:5rem;line-height:5rem;margin:2rem 1rem;-webkit-flex-shrink:0;flex-shrink:0}.banner-text{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding-right:1rem}.banner-title{font-size:2rem;margin-bottom:.5rem}.banner-info i,.banner-info i:hover{margin-left:.5rem;color:#fff;color:var(--inverted-text-color);font-size:1.2rem;vertical-align:top;text-decoration:none}.skill-map-container{-webkit-flex-grow:1;flex-grow:1;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center}.skill-map-error{text-align:center;margin-top:2rem;color:red}.report-abuse-text{width:100%;height:7rem;margin:.5rem 0;padding:.5rem}.report-abuse-text::-webkit-input-placeholder{font-style:italic}.report-abuse-text:-ms-input-placeholder{font-style:italic}.report-abuse-text::placeholder{font-style:italic}.usabilla_live_button_container{top:unset!important;bottom:5rem!important}#msccBanner{display:none}@media only screen and (max-width:991px){.skill-map-container{-webkit-flex-direction:column;flex-direction:column}.tablet-spacer{-webkit-flex-grow:1;flex-grow:1}.usabilla_live_button_container{top:10rem!important;bottom:unset!important}}@media only screen and (max-width:767px){.header-button .header-button-label,.header-org-logo .header-org-logo-large{display:none}.header-org-logo .header-org-logo-small{display:block}}body{background:#fdf3e0}.arcade{--primary-color:#e77038;--secondary-color:#ffeb9a;--tertiary-color:#e77038;--hover-color:var(--secondary-color);--active-color:var(--tertiary-color);--inactive-color:#bfbfbf;--invert-active-color:#fff;--invert-hover-text-color:#e77038;--body-background-color:#fdf3e0;--card-hover-color:var(--default-card-color)}.arcade .banner{background:linear-gradient(90deg,#9feffd,#fd99c2)}.arcade .dropdown-menu,.arcade .modal{background-color:var(--white)}.arcade .carousel-arrow{color:var(--primary-color)}