@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";:root{--tooltip-background-color: #fff;--tooltip-padding: .25rem 0;--tooltip-content-padding: 8px 12px 8px 12px;--tooltip-default-color: #05080a;--tooltip-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1)}.tooltip-wrapper{background-color:var(--tooltip-background-color);width:fit-content;display:flex;flex-direction:column;border-radius:var(--radius-base);box-shadow:var(--tooltip-box-shadow);padding:var(--tooltip-padding);display:none;margin-inline:10px}.tooltip-wrapper[data-show]{display:block}.tooltip-arrow,.tooltip-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.tooltip-arrow{visibility:hidden}.tooltip-arrow:before{visibility:visible;content:"";transform:rotate(45deg)}.tooltip-wrapper[data-popper-placement^=top]>.tooltip-arrow{bottom:-4px}.tooltip-wrapper[data-popper-placement^=bottom]>.tooltip-arrow{top:-4px}.tooltip-wrapper[data-popper-placement^=left]>.tooltip-arrow{right:-4px}.tooltip-wrapper[data-popper-placement^=right]>.tooltip-arrow{left:-4px}.tooltip-content-wrapper{padding:var(--tooltip-content-padding);font-weight:700;font-size:.875rem;line-height:1;color:var(--tooltip-default-color)}:root{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Nunito,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;overflow-y:hidden;font-size:16px}#root .app{min-width:390px;height:auto;min-height:100vh}#root .header{position:relative;z-index:2;padding-left:12px;padding-right:12px}#root .header img{filter:invert(.9)}#root .header .header-buttons .import-button span{margin:0}#root .header .header-buttons .import-button a{display:none}#root .header .header-buttons>div{border-radius:15px;padding:4px 10px;cursor:pointer}#root .header .header-buttons>div svg{width:10px;height:10px;margin-left:5px}#root .header .header-buttons>div svg path{stroke-width:3}#root .header .header-buttons>div:nth-child(1){color:#f8f8f8;border:1px solid #6fffb0}#root .header .header-buttons>div:nth-child(1) svg{stroke:#f8f8f8}#root .header .header-buttons>div:nth-child(2){background-color:#6fffb0;color:#000;margin-left:8px}#root .header .header-buttons>div:nth-child(2) svg{stroke:#000}#root .loading-spinner{position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%)}#root .iframe-wrapper{position:relative;justify-content:center;overflow-y:auto}#root .iframe-wrapper iframe{border:0;height:100%;visibility:hidden}#root .game-grid{transition:grid-template-columns .3s ease}#root .editor-panel{position:relative;overflow:hidden;transition:opacity .3s ease;background-color:#2b343b}#root .editor-panel.visible{opacity:1}#root .editor-panel.hidden{overflow:visible}#root .editor-panel.hidden .editor-menu{opacity:0;pointer-events:none}#root .editor-menu{position:relative;z-index:1;background-color:#2b343b;box-shadow:2px 0 10px #000c;scrollbar-gutter:stable}#root .panel-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);z-index:10;width:24px;height:60px;background-color:transparent;border:1px solid #41e2ba;outline:none;border-top-left-radius:8px;border-bottom-left-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-radius .3s ease,right .3s ease}#root .panel-toggle:focus{outline:none;box-shadow:none}#root .panel-toggle:hover{background-color:#41e2ba}#root .panel-toggle:hover svg{opacity:1;stroke:#1a2c38}#root .panel-toggle svg{width:20px;height:20px;stroke:#fff;opacity:.4;transition:transform .3s ease,opacity .2s ease,stroke .2s ease}#root .panel-toggle svg.rotated{transform:rotate(180deg)}#root .editor-panel.hidden .panel-toggle{right:0;border-radius:0 8px 8px 0}#root .iframe-wrapper{background-color:#1f2428}#root .iframe-wrapper iframe{position:absolute;top:0;bottom:0;left:0;right:0;width:100%}#root .editor-menu,#root .iframe-wrapper{scrollbar-color:#414f58 #20272c}#root .editor-menu *{min-height:unset;box-shadow:none}#root .category>div:last-child>div[open]{padding-bottom:10px}#root .category svg{transition:transform .2s}#root .category svg.down{transform:rotate(90deg)}#root .formfield.file>div>div>div span,#root .formfield.file>div>div>div a{margin-block:10px;font-size:14px;line-height:20px}#root .formfield.file>div>div>div div,#root .formfield.file>div>div>div button{margin-block:0}#root .formfield>*{cursor:help}#root .formfield.color{flex-direction:row}#root .formfield.color label{flex:1}#root .formfield.color>div{border:none;justify-content:center}#root .formfield.color input{width:22px;height:22px;padding:0;border:1px solid #ccc}#root .formfield.color input::-webkit-color-swatch-wrapper{padding:0}#root .formfield.toggle{flex-direction:row}#root .formfield.toggle label{flex:1}#root .formfield.toggle>div{border-bottom:none;padding:0}#root .formfield.toggle>div input:checked+span{border-color:#6fffb0}#root .formfield.toggle>div input:checked+span>span{left:18px}#root .formfield.toggle>div span{width:36px;height:14px;border-color:#ccc}#root .formfield.toggle>div span>span{width:18px;height:18px;top:-4px}#root .formfield.range .range-input-wrapper{width:100%}#root .formfield.range .range-input-wrapper input[type=range]{flex:1;min-width:0}#root .formfield.range .range-input-wrapper .range-value{flex:0 0 10ch;width:10ch;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}div[role=listbox] button[aria-selected=true]{color:#000}
