body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-norm);overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ghostly{animation:ghostlyAnimation 2s cubic-bezier(.445,.05,.55,.95) infinite}@keyframes ghostlyAnimation{0%{transform:translate(-5%,-10%) rotate(-10deg)}25%{transform:translate(2.5%,10%) rotate(0deg)}50%{transform:translate(5%,-10%) rotate(10deg)}75%{transform:translate(-2.5%,10%) rotate(0deg)}to{transform:translate(-5%,-10%) rotate(-10deg)}}:root{--bg-norm:#282c34;--bg-dark:#191d25;--bg-darker:#14171d;--bg-lite:#464a50;--bg-litish:#363a42;--hl-dark:#005dcb;--hl-med:#0064e0;--hl-lite:#0073ff;--hl-green:#50b932;--hl-purple:#6d07d2;--link:#61dafb;--inactive-white:#afafaf;--text-color:#fff;--header-height:55px;--footer-height:55px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.web-content-container{position:relative;min-height:calc(100vh - var(--header-height) - var(--footer-height) - 20px);padding-bottom:calc(var(--footer-height) + 20px);padding-top:var(--header-height)}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:var(--bg-norm);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:var(--text-color)}.App-link{color:var(--link)}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}h1,h2,h3,h4,h5,h6,li,p{color:var(--text-color)}a{color:var(--link)}label{font-size:14px}label,span{color:var(--text-color)}li{text-align:left}ol>li,ul>li{margin:30px 0}.page-renderer{text-align:center;width:80%;margin:50px auto 0}.explanatory-text{text-align:left;margin:25px 0;line-height:1.8}.imperative-text{font-weight:700}.text-field-container{display:flex;flex-direction:column}.text-field-container input{display:block;background-color:var(--bg-darker);border:2px solid var(--bg-norm);border-radius:4px;color:var(--text-color);padding:4px}.text-field-container label{color:var(--text-color);display:block;text-align:left;font-size:14px}.text-field-container.big label{text-align:center;font-weight:700;font-size:16px}.text-field-container.big input{height:40px;border-radius:20px;font-size:18px;padding:0 15px}.project-manager-tab-container{display:flex;flex-direction:column;margin:20px 30px}.project-manager-tab-container>*{margin:8px 0}.action-button{background-color:var(--hl-med);border:none;color:var(--text-color);padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border-radius:10px;cursor:pointer;transition:filter .1s}.action-button:hover{filter:brightness(.9)}.action-button-normal{background-color:var(--bg-dark)}.action-button-green{background-color:var(--hl-green)}.action-button-purple{background-color:var(--hl-purple)}.blue-trigger-button{background-color:var(--hl-med);border:1px solid var(--hl-dark);border-radius:10px;box-shadow:0 3px 0 var(--hl-dark)}.blue-trigger-button,.normal-trigger-button{color:var(--text-color);padding:8px 20px;text-align:center;font-size:15px;text-decoration:none;display:inline-block;cursor:pointer;margin:0 1px}.normal-trigger-button{background-color:var(--bg-dark);border:1px solid var(--bg-darker);border-radius:10px;box-shadow:0 3px 0 var(--bg-darker)}.blue-trigger-button:hover{background-color:var(--hl-med)}.normal-trigger-button:hover{background-color:var(--bg-norm)}.flush-trigger-button{background-color:var(--bg-dark);border:none;margin:1px;color:var(--text-color);padding:8px 16px;text-align:center;font-size:15px;font-weight:700;text-decoration:none;display:inline-block;cursor:pointer}.flush-trigger-button:hover{background-color:var(--bg-norm)}.dark-trigger-button{background-color:var(--bg-darker);border:1px solid var(--bg-dark);color:var(--text-color);padding:8px 20px;text-align:center;font-size:15px;text-decoration:none;display:inline-block;border-radius:10px;cursor:pointer;box-shadow:0 3px 0 var(--bg-darker);margin:0 1px}.dark-trigger-button:hover{background-color:var(--bg-norm)}.button-select-container{display:flex;gap:40px;justify-content:center;flex-wrap:wrap}.select-button{background-color:var(--bg-dark);border:1px solid var(--bg-norm);color:var(--text-color);min-width:100px;min-height:100px;text-align:center;font-size:15px;text-decoration:none;display:inline-block;border-radius:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-button:hover{background-color:var(--bg-darker)}.select-button.selected{background-color:var(--hl-med);border:1px solid var(--hl-lite);cursor:auto}.caption-text{font-size:small;-webkit-user-select:none;-moz-user-select:none;user-select:none}.number-input-container{display:flex;align-items:center;justify-content:center}.number-input-container>p{font-size:small;margin-right:8px}.select-input{background-color:var(--bg-darker);color:var(--text-color);border:2px solid var(--bg-norm);border-radius:8px;padding:10px 20px;cursor:pointer;font-size:14px}.check-result-container,.select-input:hover{background-color:var(--bg-dark)}.check-result-container{display:flex;flex-direction:column;gap:18px;padding:20px;border-radius:8px}.check-result{display:flex}.check-result-wrapper{display:flex;flex-direction:column}.check-result-wrapper>p{margin:0 0 0 5px;text-align:left}.check-result-wrapper.pass>p{color:#32cd32}.check-result-wrapper.fail>p{color:salmon}@keyframes pop{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.editor-link{background:none;color:var(--link);border:none;text-align:center;display:inline-block;text-decoration:underline;cursor:pointer}.editor-menu-button,.editor-menu-close-button{position:absolute;left:50%;bottom:0;transform:translateX(-50%) translateY(100%);background-color:var(--hl-med);padding:15px 40px;border-radius:0 0 5px 5px;border:1px solid var(--bg-dark);border-top:0;box-shadow:0 3px 2px #000;cursor:pointer;pointer-events:auto;z-index:2;width:120px;transition:background-color .2s linear}.editor-menu-close-button{background-color:var(--bg-dark)}.editor-menu-button p,.editor-menu-close-button p{margin:0;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor-menu-content,.editor-menu-content-hidden{background-color:var(--bg-dark);display:flex;flex-direction:row;justify-content:space-around;position:relative;box-shadow:0 3px 2px #000;transition:transform .25s ease-in-out;padding:10px 0}.editor-menu-content-hidden{transform:translateY(-100%);pointer-events:none}.editor-menu-wrapper,.editor-menu-wrapper-hidden{position:fixed;width:100%;z-index:3}.editor-menu-wrapper-hidden{pointer-events:none}.editor-display{display:flex;align-items:stretch;flex-direction:column;min-height:calc(100vh - var(--header-height) - var(--footer-height));justify-content:top}.editor-sidebar{width:240px}.editor-nav,.editor-sidebar{background-color:var(--bg-dark)}.editor-nav{display:flex;flex-direction:column;padding:10px;justify-content:center;margin:10px auto;width:max-content;border-radius:12px}.editor-nav-link-container{display:flex;color:var(--inactive-white)}.editor-nav-link{background-color:transparent;border:none;color:var(--inactive-white);text-align:center;display:inline-block;font-size:16px;cursor:pointer;margin:0 5px;padding:5px 0}.editor-nav-active,.editor-nav-link:hover{color:var(--text-color)}.footer{background-color:var(--bg-dark);min-height:var(--header-height);position:absolute;bottom:0;width:100%;box-shadow:2px 1px 5px #000;overflow:hidden;margin-top:20px;display:flex;justify-content:center;flex-wrap:wrap}.footer p{margin:10px min(5vw,20px);font-size:14px;width:max-content;line-height:35px}.gate-background{background-color:var(--bg-norm);display:flex;flex-direction:row;justify-content:center;height:100%;width:100%;align-items:center}.gate-background>div{margin:100px}.grid-display-message-tile{position:absolute;width:16px;height:16px;background-color:#000;opacity:.2;pointer-events:none;z-index:1}.grid-display-message-box{position:absolute;transform:translateX(calc(-50% + 8px)) translateY(calc(-100% - 8px));background-color:var(--bg-norm);border-radius:10px;border:2px solid var(--bg-dark);pointer-events:none;padding:10px;width:200px;z-index:1}.grid-display-message-box>p{margin:0;font-size:small}.grid-display-message-box-stem{content:" ";position:absolute;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--bg-dark) transparent transparent transparent;pointer-events:none}.grid-display-message-box.flipped{transform:translateX(calc(-50% + 8px)) translateY(24px)}.grid-display-message-box-stem.flipped{margin-left:-5px;border-width:5px;border-color:transparent transparent var(--bg-dark) transparent;transform:translateY(6px)}.hamburger-menu-container{display:flex;justify-content:flex-end;width:100%}.hamburger-menu-btn{margin:0 15px;height:100%;background:none;color:inherit;border:none;padding:0;cursor:pointer;outline:inherit}.hamburger-menu{display:flex;flex-direction:column;position:fixed;top:var(--header-height);width:100%;height:calc(100% - var(--header-height));background-color:var(--bg-dark);z-index:5;box-shadow:0 3px 2px #000;border-top:1px solid #000;transition:transform .25s ease-in-out;overflow-y:scroll}.hamburger-menu.closed{transform:translateY(-100%)}@media (min-width:1101px){.hamburger-menu,.hamburger-menu-container{display:none}}.header{background-color:var(--bg-dark);display:flex;box-shadow:2px 2px 5px #000;position:fixed;width:100%;top:0;z-index:6}.titleContainer{display:flex;align-items:stretch;line-height:var(--header-height);height:var(--header-height)}.titleContainer h3{color:var(--text-color);margin:0 5px;flex-shrink:0}.titleContainer img{height:28px;margin-left:10px;margin-top:auto;margin-bottom:auto}.titleContainer p{flex-shrink:0}:root{--ins-btn-width:85px;--ins-btn-anim-time:0.1s;--ins-btn-anim-scale:1.1;--ins-btn-anim-brightness:130%;--ins-btn-gap:calc(var(--ins-btn-width) * var(--ins-btn-anim-scale) - var(--ins-btn-width));--ins-btn-efwidth:calc(var(--ins-btn-width) + var(--ins-btn-gap))}.instrument-picker-label{color:var(--text-color);display:block;text-align:left;font-size:14px;margin:0}.instrument-picker-container{display:flex;border:2px solid var(--bg-norm);border-radius:8px;background-color:var(--bg-darker);width:275px}.instrument-picker-container-entity-text{font-size:13px;margin:4px;text-align:left;line-height:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.instrument-picker-container-instrument-text{color:var(--bg-lite);margin:4px;text-align:center;font-size:11px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.instrument-picker-container:hover{background-color:var(--bg-dark);cursor:pointer}.instrument-picker-container-arrow-container{display:flex;justify-content:flex-end;flex-grow:2;align-items:flex-end}.instrument-picker-container-arrow-container>svg{transition:transform .4s}.instrument-picker-dropup{position:absolute;left:50%;background-color:var(--bg-darker);border-radius:10px;padding:8px;transform:translateY(calc(-100% - 32px)) translateX(-50%);z-index:3;box-shadow:2px 2px 5px #000;display:flex;flex-wrap:wrap;justify-content:center;width:90vw;max-width:calc(var(--ins-btn-efwidth) * 9 + 10px);gap:var(--ins-btn-gap);max-height:75vh;overflow-y:auto}.instrument-picker-dropup>.select-button{min-width:var(--ins-btn-width);min-height:var(--ins-btn-width);width:var(--ins-btn-width);height:var(--ins-btn-width);padding:5px;font-size:12px;animation:btn-flash var(--ins-btn-anim-time) linear}@keyframes btn-flash{0%{transform:scale(1);filter:brightness(100%)}50%{transform:scale(var(--ins-btn-anim-scale));filter:brightness(var(--ins-btn-anim-brightness))}to{transform:scale(1);filter:brightness(100%)}}.level-display-container{max-width:100%;overflow:auto;position:relative}.level-display-canvas{image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}.image-gallery-icon{color:#fff;transition:all .3s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px #1a1a1a)}@media(hover:hover)and (pointer:fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media(max-width:768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media(max-width:480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media(max-width:768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media(max-width:480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media(max-width:768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:rgba(0,0,0,.4);bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media(max-width:768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media(max-width:768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media(max-width:480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid #fff;background:#fff}@media(hover:hover)and (pointer:fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media(max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media(max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media(max-width:768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid transparent;transition:border .3s ease-out;width:100px;background:transparent;padding:0}@media(max-width:768px){.image-gallery-thumbnail{border:3px solid transparent;width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@media(max-width:768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media(hover:hover)and (pointer:fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid #337ab7}}@media(hover:hover)and (pointer:fine)and (max-width:768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px #1a1a1a;transform:translateY(-50%);white-space:normal;width:100%}@media(max-width:768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:rgba(0,0,0,.4);color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media(max-width:768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}.level-page-img{aspect-ratio:16/9;height:50px}.level-page-header{margin-top:20px;flex-wrap:wrap;align-items:center;padding:20px 55px 20px 20px}.level-page-header,.level-page-info-container{display:flex;background-color:var(--bg-dark);border-radius:20px;position:relative;white-space:pre-wrap;gap:20px}.level-page-info-container{padding:20px;flex-grow:1;flex-direction:column;justify-content:flex-start}.level-page-info-container-section>h4,.level-page-info-container-section>p{text-align:left;margin:5px}.level-page-title{margin:0 0 5px;text-align:left}.level-code{font-family:Courier New,Courier,monospace;width:max-content;margin:0}.level-page-content{display:flex;flex-direction:column;width:90vw;max-width:800px;margin:0 auto;gap:20px}.info-table{width:100%;flex-grow:1}.info-table>tr>td{color:var(--text-color);padding:10px 20px;border:2px solid var(--bg-norm)}.info-table>tr>td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px;background-color:var(--bg-norm)}.info-table>tr>td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.level-page-info-group{display:flex;flex-wrap:wrap;gap:20px}.user-level-preview-wrapper{position:relative;transition:transform .2s}.user-level-preview-wrapper:hover{transform:scale(1.05)}.user-level-preview,.user-level-preview-wrapper a{text-decoration:none}.user-level-preview{display:flex;flex-direction:column;align-items:left;width:90vw;max-width:450px;background-color:var(--bg-dark);padding:10px;border-radius:10px;cursor:pointer;height:250px}.user-level-preview-header{display:flex;margin:10px}.user-level-preview-details,.user-level-preview-title-container{display:flex;flex-direction:column;margin:0 10px;gap:10px;height:100%}.user-level-preview-details>h3,.user-level-preview-details>p,.user-level-preview-title-container>h3,.user-level-preview-title-container>p{text-align:left;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.user-level-preview-details>h3,.user-level-preview-title-container>h3{margin-right:25px}.icon-value-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.icon-value-row-item{display:flex;gap:7px}.icon-value-row-item>p{margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:425px){.user-level-preview-header{flex-direction:column;align-items:flex-start}.user-level-preview-title-container{margin:10px 0 0}}@media (max-width:1066px){.user-level-preview{height:unset}}.login-prompt-container{display:flex;flex-direction:column;align-items:center;gap:15px}.margin-overlay{position:absolute;background-color:rgba(0,0,0,.1);pointer-events:none}.margin-overlay>p{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:18px;font-weight:700;color:#d3d3d3;text-shadow:2px 2px 3px #000}.files-dropzone{background-color:var(--bg-darker);color:var(--text-color);padding:30px 20px;display:inline-block;border-radius:10px;border:2px dashed var(--bg-lite);cursor:pointer}.files-dropzone-text{font-size:14px}.game-entity-container{position:relative}.game-entity-icon{position:absolute;border-radius:50%;border:1px solid #000;pointer-events:none}.game-entity-icon>p{color:#fff;-webkit-text-stroke:.5px #000;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;margin:0}.game-entity-icon.parachuting{animation:hover 3s infinite;animation-timing-function:ease-in-out}.game-entity-icon.parachuting>p{color:skyblue}@keyframes hover{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes rock-back-and-forth{0%,to{transform:translateX(var(--game-entity-text-x)) translateY(var(--game-entity-text-y)) rotate(-30deg)}50%{transform:translateX(var(--game-entity-text-x)) translateY(var(--game-entity-text-y)) rotate(30deg)}}.music-previewer-container{width:100%;background-color:var(--bg-darker);border-radius:2px;margin:0 auto}.music-previewer-toolbar{display:flex;flex-wrap:wrap}.navbar{display:flex;justify-content:flex-end;flex-grow:1}.navbar,.navlink{height:var(--header-height)}.navlink{display:inline-block;line-height:var(--header-height);padding:0 20px;color:var(--text-color);text-decoration:none;cursor:pointer}.navlink:hover{background-color:var(--bg-darker)}.navlinkActive,.navlinkActive:hover{background-color:var(--hl-med)}@media (max-width:1100px){.navbar{display:none}}.piano-container{position:-webkit-sticky;position:sticky;left:0;z-index:2;overflow-y:clip}.piano-key-white{background-color:#fff;border:1px solid #d3d3d3;display:flex;justify-content:flex-end;align-items:center}.piano-key-white>p{color:gray;margin:0;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.piano-key-black{background-color:#000;position:absolute;transform:translateY(-50%);z-index:1}.note-display-area{position:relative;flex-grow:1;background-color:var(--bg-darker);background-image:linear-gradient(to right,var(--bg-norm) 1px,transparent 1px),linear-gradient(to bottom,var(--bg-norm),transparent 1px),linear-gradient(to right,var(--bg-dark) 1px,transparent 1px),linear-gradient(to bottom,var(--bg-dark) 1px,transparent 1px);background-position:-1px -1px;background-attachment:local;padding-bottom:16px;padding-right:16px;margin:0 auto;border:2px solid var(--bg-dark);border-radius:3px}.piano-roll-container{max-height:200px;min-height:calc((8px * (12 * 2 + 4)));overflow:auto;display:flex}.piano-roll-note{position:absolute;border:1px solid #fff;border-radius:2px}@keyframes error-flash{0%,to{background-color:red}50%{background-color:#fff}}.piano-roll-line{border:1px solid #fff;border-radius:2px;position:absolute;z-index:1;pointer-events:none}.playback-container{display:flex;margin-right:5px}.playback-container>*{margin:0 10px}.playback-container>:first-child{margin-left:1px;margin-top:1px;margin-bottom:1px}.solo-toggle{margin:auto 3px}.solo-toggle-label{margin:auto 0}.solo-toggle-container{display:contents}.vertical-control-list>*{margin:50px 0}.vertical-control-list:first-child,.vertical-control-list:last-child{margin:0}.project-display-table{border-collapse:collapse;border-bottom:1px solid var(--bg-lite);table-layout:auto;width:min(90vw,800px)}.project-display-row{border-top:1px solid var(--bg-lite);text-align:left;line-height:30px}.project-display-row:hover{background-color:var(--bg-litish);cursor:pointer}.project-display-row.table-header{padding:0 10px;border-top:none}.project-display-row.table-header:hover{background-color:transparent;cursor:auto}.project-display-row.table-header>td{font-weight:700}.project-display-row>td{color:var(--text-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.settings-group{display:flex;flex-direction:column;gap:25px;align-items:stretch;background-color:var(--bg-dark);padding:20px;border-radius:20px;width:90vw;max-width:400px}.settings-group>h3{margin:0}.settings-group>p{margin:0;text-align:left}.lds-dual-ring{display:inline-block;width:80px;height:80px;position:relative}.lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border-color:#fff transparent;border-style:solid;border-width:6px;animation:lds-dual-ring 1.5s ease-in-out infinite;transform:translate(-6px,-6px)}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}25%{transform:rotate(270deg)}50%{transform:rotate(270deg)}75%{transform:rotate(540deg)}to{transform:rotate(540deg)}}.image-spinner{width:100%;height:100%;animation:image-spinner 2s ease-in-out infinite;display:flex;justify-content:center;align-items:center;background-color:var(--bg-darker)}.image-spinner>svg{width:50%;height:50%}@keyframes image-spinner{0%,to{filter:brightness(60%)}50%{filter:brightness(100%)}}.user-level-tag{color:var(--text-color);padding:3px 8px;background-color:var(--bg-norm);border-radius:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tile-length-chooser{display:flex;align-items:center;justify-content:center}.tile-length-chooser>p{margin-left:8px;margin-right:8px;font-size:small}.tile-length-chooser>p:first-of-type{margin-left:0}.tile-length-chooser:last-child{margin-right:0}.track-editor-cursor{position:absolute;left:0;top:0;background-color:hsla(0,0%,100%,.6);display:none;pointer-events:none;z-index:1}.visible{display:initial}.track-editor-button-group{display:flex;border-radius:4px;background-color:var(--bg-dark);margin:4px 8px;padding:3px 0}.tool-button{border-radius:50%;padding:4px;margin:auto 5px;background-color:var(--bg-norm);-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block}.tool-button>svg{color:var(--text-color);display:block;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.8))}.tool-button:hover{background-color:var(--bg-lite)}.tool-button:active{background-color:var(--bg-dark)}.tool-button.selected{background-color:var(--hl-dark)}.tool-button.select{border-radius:10%}.tool-button.disabled{background-color:var(--bg-darker)}.tool-button.disabled>svg{color:var(--bg-norm)}.track-editor-lower-container{display:flex;justify-content:space-evenly;gap:20px;flex-wrap:wrap}.track-settings-editor{background-color:var(--bg-dark);padding:20px;border-radius:8px;display:flex;flex-direction:column;gap:10px}.track-list{border:2px solid var(--bg-darker);border-radius:3px;display:inline-block;background-color:var(--bg-darker);max-height:150px;overflow-y:auto;overflow-x:hidden}.track-list:empty{padding:10px 20px}.selected-track-list-entry{background-color:var(--hl-dark);border-radius:3px;color:var(--text-color)}.selected-track-list-entry,.track-list-non-selectable{padding:10px 20px;width:180px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.track-list-non-selectable{background-color:var(--bg-darker);color:#777}.track-list-entry{padding:10px 20px;width:180px;background-color:var(--bg-dark);color:var(--text-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.track-list-entry:hover{background-color:var(--bg-darker)}.track-choice-list-container{display:flex;justify-content:space-evenly;flex-wrap:wrap}.usermenu{margin:0 15px;height:100%;background:none;color:inherit;border:none;padding:0;cursor:pointer;outline:inherit}.user-icon{height:40px;border-radius:50%;display:block;aspect-ratio:1/1}.user-icon:hover{filter:brightness(80%)}.usermenu-container{display:contents}.usermenudropdown{width:180px;background-color:var(--bg-dark);box-shadow:8px 8px 10px rgba(0,0,0,.6);border:1px solid var(--bg-lite);border-radius:8px;position:absolute;right:15px;top:60px;display:block}.usermenuitem{display:flex;padding-left:15px;line-height:40px;color:var(--text-color);text-decoration:none;border-radius:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.usermenuitem:hover{background-color:var(--bg-darker)}.usermenudropdown hr{border:0;height:1px;background:var(--bg-lite)}.hidden{display:none}.login-container>button{margin:auto 10px}@media (max-width:1100px){.usermenu-container{display:none}}.level-category-container{display:inline-flex;justify-content:center;margin:20px auto;flex-wrap:wrap}.level-category-button,.level-category-button-selected{display:flex;padding:10px;background-color:var(--bg-dark)}.level-category-button-selected:hover,.level-category-button:hover{background-color:var(--bg-darker);cursor:pointer}.level-category-button-selected>p,.level-category-button>p{margin:0 0 0 5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.level-category-button>p,.level-category-button>svg{color:var(--inactive-white)}.level-category-button-selected>p,.level-category-button-selected>svg{color:var(--text-color)}.user-level-tag-disabled,.user-level-tag-selectable,.user-level-tag-selected{color:var(--text-color);padding:3px 8px;background-color:var(--bg-norm);border-radius:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .1s;transform:color .1s}.user-level-tag-selectable{cursor:pointer}.user-level-tag-disabled{background-color:var(--bg-darker);color:var(--inactive-white);cursor:not-allowed}.user-level-tag-selected{cursor:pointer;background-color:var(--hl-med)}.user-level-tag-container{display:flex;flex-wrap:wrap;gap:4px}.feedback-control-container{display:inline-flex;padding:5px}.feedback-control-container>div{justify-content:center}.bookmark-button-container{position:relative;width:100%;height:100%}.bookmark-button{background-color:var(--bg-norm);position:absolute;display:inline-block;border-radius:50%;padding:5px;height:25px;width:25px;cursor:pointer}.bookmark-button:hover{background-color:var(--bg-lite)}.bookmark-button-bookmarked{background-color:var(--hl-med)}.bookmark-button>svg{color:var(--text-color)}.popup{background-color:var(--bg-dark);position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%) scale(1);z-index:10;border-radius:20px;box-shadow:4px 4px 4px #000;max-width:max-content;width:80vw;transition:transform .15s}.popup-x{position:absolute;left:calc(100% - 43px);top:8px;cursor:pointer}.popup-x>svg{color:var(--text-color);background-color:var(--bg-dark);border-radius:50%;padding:5px;transition:filter .1s}.popup-x>svg:hover{filter:brightness(50%)}.popup.closed{transform:translateX(-50%) translateY(-50%) scale(0);pointer-events:none}.dark-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;opacity:0;transition:opacity .3s;background-color:#000;z-index:10;pointer-events:none}.dark-overlay.open{opacity:40%;pointer-events:all}.popup-header{background-color:var(--bg-litish);height:50px;border-top-left-radius:20px;border-top-right-radius:20px;color:var(--text-color);font-weight:700;font-size:20px;text-align:left;padding-left:20px;line-height:50px}.popup-content{padding:0 35px;overflow-y:auto;max-height:90vh}.level-category-link-container{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;max-width:1000px;margin:0 auto}.level-category-link{padding:20px;background-color:var(--bg-dark);color:var(--text-color);width:100px;height:20px;text-align:center;line-height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:10px;transition:transform .2s,background-color .2s;text-decoration:none}.level-category-link:hover{transform:scale(1.05);background-color:var(--bg-lite);cursor:pointer}.user-profile{width:90vw;max-width:960px;margin:0 auto}.user-profile,.user-profile-container{display:flex;flex-direction:column}.user-profile-container-upper{display:inline-flex;gap:0 20px;padding:20px 40px 20px 20px;grid-template-columns:repeat(4,minmax(200px,1fr));grid-template-rows:repeat(2,minmax(100px,1fr));background-color:var(--bg-dark);border-radius:20px;margin:20px 0;flex-wrap:wrap}.user-profile-name-container{display:flex;flex-direction:column;align-items:left;gap:5px}.user-profile-name-container>span{color:var(--text-color);text-align:left}.user-profile-name-container>span:first-child{font-size:35px}.user-profile-name-container>span:not(first-child){font-size:20px}.user-profile-img-container{width:200px;height:200px;border:4px solid var(--bg-darker);border-radius:5px;background-color:var(--bg-darker);position:relative}.user-profile-img-container>span{color:var(--bg-lite);text-align:center;font-size:15px;display:inline-block;vertical-align:middle;line-height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;top:50%;width:100%;left:0;transform:translateY(-50%)}.user-profile-img-container>img{aspect-ratio:1/1;height:100%}.user-profile-img-container-null>img{display:none}.user-profile-bio-container{grid-area:2/2/3/4}.user-profile-bio-container>p{text-align:left;word-wrap:anywhere;white-space:pre-wrap}.user-profile-code-container{flex-grow:1;display:flex;align-items:flex-end;justify-content:flex-end}.user-profile-header{width:100%;text-align:left;margin:20px 0;padding-left:10px}@media (max-width:490px){.user-profile-code-container{margin-top:8px;justify-content:flex-start}}.display-table{border-collapse:collapse;border-bottom:1px solid var(--bg-lite);table-layout:auto;width:min(90vw,800px)}.display-row{border-top:1px solid var(--bg-lite);text-align:left;line-height:30px}.display-row:hover{background-color:var(--bg-litish)}.display-row.table-header{padding:0 10px;border-top:none}.display-row.table-header:hover{background-color:transparent;cursor:auto}.display-row.table-header>th{font-weight:700;color:var(--text-color)}.display-row>td{color:var(--text-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.comment-feed{gap:20px}.comment-feed,.comment-thread{display:flex;flex-direction:column}.comment-thread{gap:5px}.comment-container{display:flex;flex-direction:column;background-color:var(--bg-dark);border-radius:10px;padding:10px;width:80vw;max-width:500px;margin:0 auto}.comment-reply-container{margin-left:50px}.comment-reply-container>.comment-container{border-left:4px solid var(--bg-lite);border-top-left-radius:0;border-bottom-left-radius:0}.comment-head{display:flex;flex-direction:row;gap:15px}.comment-head>img{aspect-ratio:1/1;width:75px;border-radius:10px;border:2px solid var(--bg-lite);cursor:pointer}.comment-name-container{display:flex;flex-direction:column;align-items:flex-start}.comment-name-container>span:first-child{font-size:20px;cursor:pointer}.comment-name-container>span:first-child>a{text-decoration:none;color:var(--text-color)}.comment-name-container>span:last-child{color:var(--inactive-white)}.comment-content>p{text-align:left;white-space:pre-wrap;margin:10px 0}.comment-controls{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:right}.notification-icon-container{display:flex;flex-direction:column;justify-content:center;position:relative;cursor:pointer}.notification-icon-container>svg{color:var(--text-color)}.notification-badge{position:absolute;left:14px;top:8px;border-radius:16px;background-color:var(--hl-green);min-width:16px;height:16px;display:flex;flex-direction:column;justify-content:center;padding:4px}.notification-badge>span{font-size:16px;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;top:-1px}.notification-listing-container{display:flex;flex-direction:column;width:90vw;max-width:700px;margin:0 auto}.notification-listing{background-color:var(--bg-dark);border-bottom:1px solid var(--bg-lite);display:flex;flex-direction:row;gap:20px;padding-left:20px;cursor:pointer;padding-bottom:4px}.notification-listing:first-child{border-top:1px solid var(--bg-lite)}.notification-listing:hover{filter:brightness(1.2)}.notification-listing.hl{background-color:var(--bg-litish)}.notification-listing-text-container{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.notification-listing-text-container>span:first-child{font-size:20px;font-weight:700}.notification--text-container>span:last-child{color:var(--inactive-white)}.search-bar{border-radius:24px;background-color:var(--bg-darker);border:2px solid var(--bg-darker);color:var(--text-color);height:40px;font-size:18px;padding:0 5px 0 15px;width:90vw;max-width:500px;display:flex;align-items:center;transition:box-shadow .2s}.search-bar.open{border-bottom-left-radius:0;border-bottom-right-radius:0}.search-bar>input{background-color:transparent;border:none;color:var(--text-color);height:30px;font-size:18px;width:0;flex-grow:1;outline:none}.search-bar-icon{padding:5px;border-radius:50%;transition:background-color .2s;margin:0 2px}.search-bar-icon:hover{background-color:var(--bg-lite);cursor:pointer}.search-bar-wrapper:focus-within>div,.search-bar-wrapper:hover>div{box-shadow:3px 3px 5px #000}.search-suggestion-container{position:absolute;display:flex;flex-direction:column;background-color:var(--bg-darker);width:calc(90vw + 24px);max-width:524px;z-index:1;transition:box-shadow .2s,filter .2s;border-bottom-left-radius:24px;border-bottom-right-radius:24px;padding-bottom:20px}.search-suggestion-container>span{width:calc(100% - 24px);text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px 5px 5px 20px;cursor:pointer}.search-suggestion-container>span:hover{background-color:var(--bg-litish)}.search-settings{max-width:800px}.search-settings-dropdown-container{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;row-gap:20px}.search-settings-dropdown-container>div{padding:10px}.count-badge{position:absolute;left:18px;top:0;border-radius:12px;background-color:var(--hl-med);min-width:12px;height:12px;display:flex;flex-direction:column;justify-content:center;padding:4px;pointer-events:none}.count-badge>span{font-size:16px;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;top:-1px}.search-bar-dropdown{padding:5px 10px}.level-results{min-height:100px;display:flex;flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap;width:90vw;max-width:960px;justify-content:center}.level-preview-table-container{overflow-x:auto;max-height:300px}.level-preview-table{color:var(--text-color);border-collapse:collapse;width:100%}.level-preview-table>tbody>tr{border-top:1px solid var(--bg-lite)}.level-preview-table>tbody>tr>td{padding:5px}.home-info-container{width:80vw;max-width:400px;margin:0 auto;background-color:var(--bg-norm);padding:20px;border-radius:20px;box-shadow:3px 3px 10px #000;position:absolute;top:50vh;left:max(80vw - 400px,0px);transform:translateY(-50%)}@media (max-width:570px){.home-info-container{left:50vw;transform:translateX(-50%) translateY(-50%);margin:0}}.home-background{position:relative;min-height:calc(100vh - 2 * var(--header-height));height:calc(100vh - var(--header-height) - var(--footer-height));padding-bottom:calc(var(--footer-height));padding-top:var(--header-height);overflow:hidden}.home-image{background-image:url(/thumbnail-grid.jpg);background-size:2560px 1440px;background-repeat:repeat;filter:blur(2px) brightness(.6);width:calc(2560px * 2);height:calc(1440px * 2);animation:scroll-home-background 480s linear infinite;perspective-origin:50%}@keyframes scroll-home-background{0%{transform:translateX(0) translateY(0) translateZ(.1px)}to{transform:translateX(-2560px) translateY(-1440px) translateZ(.1px)}}@media (prefers-reduced-motion){.home-image{animation:none}}.level-thumbnail-container,.level-thumbnail-image{aspect-ratio:16/9;height:100%}.level-thumbnail-image{image-rendering:crisp-edges}.level-thumbnail-loading{aspect-ratio:16/9;height:100%}.level-thumbnail-error,.level-thumbnail-removed{height:100%;display:flex;justify-content:center;align-items:center}.level-thumbnail-error>svg,.level-thumbnail-removed>svg{width:50%;height:50%}.super-world-preview{background-color:var(--bg-dark);padding:10px;border-radius:10px;text-decoration:none;transition:transform .2s;display:flex;width:100%}.super-world-preview:hover{transform:scale(1.05)}.super-world-thumbnail-container{display:grid;padding:10px;flex-grow:1}.super-world-info-container{display:flex;flex-direction:column;gap:10px}.super-world-info-container>h3{margin:0;text-align:left}@media (max-width:1050px){.super-world-preview{flex-direction:column}.super-world-info-container{margin-left:10px}}.doughnut-container{width:80vw;max-width:390px}.multi-doughnut-container{flex-wrap:wrap;justify-content:center}.multi-doughnut-container,.user-preview{background-color:var(--bg-dark);border-radius:10px;padding:10px;display:flex}.user-preview{flex-direction:column;align-items:left;width:90vw;max-width:300px;cursor:pointer;height:100px;text-decoration:none;transition:transform .2s}.user-preview:hover{transform:scale(1.05)}.warning-banner{background-color:#4f522b;border:1px solid #636626;color:var(--text-color);border-radius:6px;text-align:left;padding:5px 8px;display:flex;flex-direction:row;margin:20px auto;width:-moz-fit-content;width:fit-content;max-width:800px}.warning-banner>svg{margin-right:8px;color:#c4c50e}.warning-banner-wrapper{padding:0 20px}.promoted-level-divider>hr{width:50%;min-width:250px}.promoted-level-divider>div{position:relative;top:-22px;background-color:var(--bg-norm);width:max-content;left:50%;padding:0 10px;transform:translateX(-50%)}.promoted-level-divider>div>span{color:var(--inactive-white);font-size:13px}.promoted-level-divider-end>div>span{font-size:16px}.promoted-level-divider-end>hr{margin-top:24px}.search-page-outer-container{display:flex;flex-direction:column;margin-top:100px}.search-page-inner-container{margin:0 auto}.search-page-logo{width:90vw;max-width:400px}.search-page-subtitle{margin-top:4px;font-size:20px}.search-bar-text{text-align:left;margin:0 0 2px 20px}.donation-callout{display:flex;flex-direction:row;background-color:var(--bg-dark);align-items:center;width:80vw;max-width:800px;margin:60px auto 0;padding:20px;border-radius:20px}.donation-callout-text-container{display:flex;flex-direction:column;text-align:left;max-width:659px;margin-right:20px}.donation-callout-text-container>h3,.donation-callout-text-container>p{margin:5px}.donation-button{background-color:var(--hl-med);border-radius:5px;color:var(--text-color);padding:10px 20px;text-decoration:none}@media (max-width:999px){.donation-callout{flex-direction:column;justify-content:center}.donation-callout-text-container{max-width:unset}.donation-button{margin-top:20px}}