.view-mode-buttons{width:100%;display:flex;justify-content:stretch}.view-mode-buttons>.v-btn{flex-basis:50%;flex-grow:1}.scene-preview-wrap{width:100px;height:100px;display:block}.draft-preview{position:relative}.custom-position{display:flex;align-items:center;justify-content:center;flex-direction:row;aspect-ratio:1/1}.preview-row.preview-row-loading{place-content:center;min-height:200px}.view-image{width:100%;object-fit:contain}.controls-col{border-left:1px solid var(--line-color);border-bottom:1px solid var(--line-color)}.controls-col.not-active{position:absolute;top:0;right:0;max-width:3rem}.svgRender.renderImage{flex-direction:column}.controls-column.inline .control-row{border-top-style:dashed}.control-row{align-items:stretch;border-top:1px solid var(--line-color)}.control-row .toggle-box .v-btn{width:2rem;height:2rem;opacity:.5}.control-row.is-active .v-btn{opacity:1}.control-row:last-of-type{border-bottom:1px solid var(--line-color)}.toggle-box{flex-basis:2rem;flex-grow:0;border-right:1px solid var(--line-color);margin:0;padding:0;color:var(--line-color);display:flex;align-items:stretch;justify-content:stretch;place-content:center;width:2rem;height:auto;align-self:stretch;border-radius:0}.control-edit-panel{border-top:1px dashed var(--line-color)}.apply-row{position:-webkit-sticky;position:sticky;bottom:0;background:var(--background-color)}.preview-card{min-height:auto;overflow:hidden;top:0}.empty-preview{width:100%;aspect-ratio:1/1;min-height:200px;--checker-lighter:hsla(0,0%,100%,0.05);height:auto;background:repeating-conic-gradient(var(--checker-lighter) 0 25%,transparent 0 50%) 50%/10% 10%}.highlight-preview-square{width:.5rem;height:.5rem;background:#0f0;display:inline-block}.svgRender{--checker-lighter:rgba(10,10,10,0.1);width:100%;height:auto}.svgRender.show-checkerboard{background:repeating-conic-gradient(var(--checker-lighter) 0 25%,transparent 0 50%) 50%/10% 10%}.svgRender .code-container,.svgRender svg{width:100%;height:100%}#svg,.svgRender svg{display:block}.svg-string-render{width:100%;height:auto}.svg-string-render .image-container>svg,.svg-string-render>svg{width:100%;height:100%;display:block}.edit-images-render{width:100%;position:relative}.edit-images-render .token-preview-image{aspect-ratio:1/1}.edit-images-render .token-preview-image .placeholder-image{background:var(--shadow-color);width:100%;height:100%;display:flex;place-content:center;position:absolute;left:0;top:0}.code-background{background:var(--shadow-color,#eee)}.art-mode-buttons{display:flex;flex-direction:row;border-top:1px solid var(--line-color,#000)}.dropzone{border:1px dashed var(--line-color);height:200px;border-radius:.5rem;background:hsla(0,0%,100%,.02);padding:1rem;display:flex;flex-direction:column;place-content:center;position:relative}.dropzone label{margin:auto}.dropzone .underline{cursor:pointer;color:#fff;border-bottom:1px dashed #fff}#assetsFieldHandle{position:absolute;overflow:hidden;opacity:0;width:0;height:0}.drag-over{border-color:var(--secondary-color)}.drag-over label{color:var(--secondary-color,#0f0)}[v-cloak]{display:none}.file-list{list-style-type:none}.layer-parent{margin:0;padding:0}.layer-item{background:var(--highlight-color,hsla(0,0%,100%,.035));display:flex;font-size:.75rem;border-radius:.25rem;padding:0;margin:0 0 2px;align-items:stretch;justify-content:space-between;min-height:2rem}.layer-item>.col:not(.chevron-col){align-self:center}.layer-item.selected{background:var(--shadow-color,hsla(0,0%,100%,.035))}.layer-item.included{outline:1px solid #0f0;background:rgba(0,255,0,.0784313725490196)}.layer-item.has-children .chevron-col{cursor:pointer}.layer-item.has-children .chevron-col,.layer-item.has-children .chevron-col:hover{background:var(--highlight-color,hsla(0,0%,100%,.035))}.layer-item.hidden-layer{display:none!important}.chevron-col{flex-basis:24px;flex-grow:0;flex-shrink:0;padding:0;margin:0 .5rem 0 0;display:flex;align-items:center}.chevron-col .layer-toggle-icon{width:1.5rem;height:2rem;display:flex;place-content:center}.action-col{height:2rem;flex-grow:0;padding:2px;align-items:center;justify-content:center;display:flex;flex-basis:4rem}.theme--dark .container-layer{background:hsla(0,0%,100%,.15)}.theme--light .container-layer{background:rgba(0,0,0,.065)}.code-display{overflow:scroll;font-size:small;padding:.25rem}.custom-fragments{width:100%}.loading-wrap{place-content:center;width:100%;display:flex}.optionsControl{height:100%;flex-basis:100%;flex-shrink:1;flex-grow:0}.newElement.panel{box-shadow:0 0 1rem #000;position:absolute;z-index:99999;left:1rem;right:1rem;bottom:2rem;top:1rem}.newElement.panel.edit{background:#333;border-radius:.5rem;border:1px solid var(--line-color)}.newElement.panel:before{position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;content:""}.newElement.panel .panelrow{display:flex;flex-direction:row;flex-wrap:nowrap}.newElement.panel .panelitem{flex-basis:50%;flex-shrink:0}.newElement.panel .panelitem.previewpanel{border-right:1px solid var(--line-color)}.newElement.panel .panelitem.previewpanel .previewcontainer{width:100%;justify-content:center;display:flex}.newElement.panel .v-card.v-sheet{height:100%;border:1px solid var(--line-color);display:flex;flex-direction:column}.newElement.panel .v-card.v-sheet .v-card__title{padding-top:.25rem;padding-bottom:.25rem;border-bottom:1px solid var(--line-color)}.newElement.panel .v-card.v-sheet .v-card__text{overflow:scroll;border-bottom:1px solid var(--line-color)}.elementRow{margin:.25rem 0;background:var(--line-color);padding:.25rem;border-radius:.5rem}.v-btn.typeSelectButton{height:40px!important}.typeSelectButton .v-btn__content{padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center}.buttonRow{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:100%}.buttonRow>.v-btn{border-radius:2px}.buttonRow>.v-btn:first-child{border-radius:.75rem 0 0 .75rem}.buttonRow>.v-btn:last-child{border-radius:0 .75rem .75rem 0}.typeSelectWrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(10rem,100%),1fr));grid-auto-rows:1fr;gap:0 0}.tabrow{display:flex;align-items:center;justify-content:center}.tabrow .newRuleTabButton{border-radius:0;background-color:#333}.tabrow .newRuleTabButton:first-child{border-radius:4px 0 0 4px}.tabrow .newRuleTabButton:last-child{border-radius:0 4px 4px 0}.reloadBtn{margin:0 auto}.reloadPosition{width:100%;text-align:center}.preview-position{display:flex;justify-content:center}.preview-position.full{background:#fff;position:absolute;left:0;top:0;right:0;bottom:0;z-index:99999}.preview-position.full .svgPreviewWrap{width:100%!important;height:100%!important}.preview-position.full .svgPreviewWrap #svg{height:100%;width:100%}.svgPreviewWrap{width:400px;height:400px}.svgPreviewWrap svg{width:100%;height:100%;display:block}#svg{display:block}.swatchElement{background-color:#eee;cursor:pointer;height:30px;width:30px;transition:border-radius .2s ease-in-out;border:1px solid var(--line-color)}.swatchController .v-input__slot{background:hsla(0,0%,100%,.1)!important}.code-position{margin-bottom:1rem}.height-200{min-height:200px;max-height:50vh}.height-200.large-view{max-height:80vh;height:500px}.my-editor{background:#2d2d2d;color:#ccc;font-family:Fira code,Fira Mono,Consolas,Menlo,Courier,monospace;font-size:14px;line-height:1.5;word-spacing:unset!important;line-height:unset!important}.prism-editor__textarea{width:999999px!important}.prism-editor__editor{white-space:pre!important}.prism-editor__container{overflow-x:scroll!important}.prism-editor__textarea:focus{outline:none}#fragment-view-panel{max-height:100vh}#compiled-code-editor,#original-code-editor{border:2px solid var(--secondary-color);background:var(--line-color)}.compiled-code-header,.original-code-header{color:var(--background-color);background:var(--secondary-color);padding:0 .5rem;font-size:small}.render-fragment{width:100%;height:100%;--checker-lighter:rgba(10,10,10,0.1)}.render-fragment svg{width:100%;height:100%;object-fit:contain}.render-fragment.show-checkerboard{background:repeating-conic-gradient(var(--checker-lighter) 0 25%,transparent 0 50%) 50%/10% 10%;background-size:1rem 1rem}.codeControl{width:100%}.code-input{border:1px solid var(--line-color);padding:.25rem;background:#222;color:#eee;font-family:monospace;width:100%;white-space:pre}.code-input.disabled{opacity:.9}.height-100{min-height:100px}