body,html{height:100%;margin:0;overflow:hidden;width:100%}body{background:radial-gradient(circle at 15% 50%,#ede9fe,hsla(0,0%,100%,0) 25%),radial-gradient(circle at 85% 30%,#d8f3f6,hsla(0,0%,100%,0) 25%)}.App ::-webkit-scrollbar{width:16px}.App ::-webkit-scrollbar-track{background:#fcfcfc;border:none}.App ::-webkit-scrollbar-track:hover{background:#f7f7f7;border:none}.App ::-webkit-scrollbar-thumb{background:#dadce0;background-clip:padding-box;border:4px solid transparent;border-radius:8px;box-shadow:none;min-height:50px}.controls{display:flex;flex-direction:column;height:calc(100vh - 100px);overflow:hidden;width:45vw}.accordion-container{margin-top:auto}.reset-btn{background:#e7e7e7;border:1px solid #b4b4b4;border-radius:5px;cursor:pointer;font-size:10px;opacity:.5;padding:4px 10px}.layer-inspector-composite-container{height:30vh;z-index:10}.layer-inspector-composite-container .mantine-Tabs-root.disable-tabs{opacity:.5;pointer-events:none}.shadow-option{border:2px solid transparent;cursor:pointer;display:flex;transition:all .25s ease-in-out}.shadow-option:hover{background-color:rgba(0,153,255,.03)!important;border-color:#09f}.shadow-option:active{border-color:#fe0!important;transition:none!important}.shadow-option.is-active{border-color:#50cd65!important;-webkit-transform:scale(.98);transform:scale(.98)}.shadow-option-container{border:.5px solid #f8f8f8;overflow:hidden}.shadow-option-active{align-items:center;height:100%;width:100%}.shadow-list,.shadow-option-active{display:flex;justify-content:center}.shadow-list{background:linear-gradient(90deg,#fff,transparent);border-bottom:1px solid #e6e6e6;flex-wrap:wrap;height:calc(70vh - 100px);margin-top:-1px;max-height:100%;overflow-y:scroll;width:55vw}.App{flex-direction:column;height:calc(100vh - 50px);min-height:100%}.App,.viewport{display:flex;justify-content:space-between;width:100%}.layer-inspector-input{background:transparent;border:2px solid #e6e6e6;border-radius:5px;color:gray;display:flex;margin-right:10px;outline:none;padding:5px;width:50px}.layer-inspector-inputs-container{align-items:center;display:flex;justify-content:flex-start}.layer-inspector-input-label-container{align-items:flex-start;border-right:1px solid #e6e6e6;display:flex;flex-direction:column;justify-content:flex-start;margin-left:10px}.layer-inspector-input-label-container .label{font-size:12px;opacity:.5;text-transform:capitalize}.layer-preview-color{border-radius:50%;cursor:pointer;height:30px;position:relative;width:30px}.layer-preview-color svg{font-size:18px;opacity:.1;-webkit-transform:none;transform:none}.layer-preview-color:hover svg{opacity:1}.layer-preview-icon-container{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.layer-preview-id-container{align-items:center;display:flex;gap:5px;justify-content:flex-start}.layer-preview-id-text{font-size:12px;opacity:.75;-webkit-user-select:none;user-select:none}.layer-inpector-root{background:#fff;border-bottom:1px solid #e6e6e6;padding-bottom:5px;padding-top:5px}.layer-inpector-data-root{display:flex;gap:5px;padding:5px}.shadow-layer-inspector-container{display:flex;flex-direction:column;max-height:40vh;overflow-y:scroll}.layer-copy-button-container{align-items:center;display:flex}.layer-inspector-composite-container{background-color:#fff;border-bottom:2px solid #e6e6e6;box-sizing:border-box;padding:10px}.layer-inspector-composite-container .layer-code{border:1px solid #40c057}.shadow-layer-viewer{align-items:center;background-color:#fff;background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 0),linear-gradient(-45deg,#f0f0f0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#f0f0f0 0),linear-gradient(-45deg,transparent 75%,#f0f0f0 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-bottom:1px solid #f7f7f7;display:flex;flex-direction:column;height:50vh;justify-content:center;overflow:hidden;position:relative;width:100%}.shadow-layer-container{display:flex;height:40vh;max-height:375px;max-width:375px;position:absolute;width:30vw}.shadow-layer-render{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;height:80%;width:80%}.shadow-layer-highlight{border:2px dashed hsla(0,0%,80%,.5);transition:opacity .25s ease-in-out}.shadow-layer-highlight,.shadow-viewer-render-window{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.shadow-viewer-render-window{position:relative}.shadow-layer-title{background:rgb(16 189 255/5%);font-family:sans-serif;left:0;opacity:0;padding:5px;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;user-select:none}.shadow-layer-highlight:hover .shadow-layer-title{opacity:1}.shadow-layer-container:hover~.shadow-layer-container{opacity:.15}.shadow-layer-container:hover~.shadow-layer-container .shadow-layer-render{box-shadow:none!important}.shadow-layer-highlight:hover{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:hsla(0,0%,100%,.74);border-color:cyan;cursor:pointer}.shadow-layer-highlight:hover .shadow-layer-render{background:hsla(0,0%,100%,.7)}.color-swatch-button{background-color:aqua;border:2px solid #ced4da;border-radius:50%;cursor:pointer;display:flex;height:25px;transition:all .25s ease-in-out;width:25px}.layer-color-options{display:flex;flex-wrap:wrap}.layer-color-options>.color-swatch-button{margin:5px}.layer-color-options>.color-swatch-button:hover{border:2px solid #40c057;-webkit-transform:scale(.85);transform:scale(.85)}.layer-color-custom-container,.select-preview-modifiers-btn{align-items:center;display:flex}.select-preview-modifiers-btn{cursor:pointer;padding:10px}.select-preview-modifiers-btn svg{transition:all .25s ease-in-out}.select-preview-modifiers-btn:hover svg:not(.is-modified){color:#5e5e5e}.modifier-row{border-bottom:1px dashed #ededed;margin-top:8px;padding-bottom:8px}.modifier-row:last-of-type{border-bottom:0!important;padding-bottom:0}.modifier-row-text{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.control-panel-contents{align-items:center;display:flex;justify-content:space-between;padding:0}.control-panel-slider:hover{opacity:1!important}.control-panel-slider{transition:all .25s ease-in-out}.toolbar{background:linear-gradient(90deg,#fff,#f8fdfd);border-bottom:1px solid #f7f7f7;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:flex;height:50px;width:100%;z-index:5}.shadow-list-options{border-right:2px solid #f7f7f7;display:flex;height:100%;width:55vw}.shadow-render-options{width:45vw}.select-container,.shadow-render-options{align-items:center;display:flex;height:100%}.select-container{box-sizing:border-box;padding:10px 10px 10px 0}.select-outer-container{align-items:center;display:flex;height:100%;justify-content:flex-start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}span.select-icon-container{align-items:center;display:flex;justify-content:center;padding-left:10px;padding-right:5px}.shadow-layer-highlight.null-state:hover{border:2px dashed hsla(0,0%,80%,.5);cursor:auto}.shadow-layer-highlight.null-state .shadow-layer-render{background-color:initial!important;background:transparent none repeat 0 0/auto auto padding-box border-box scroll!important;background:initial!important;border:1px solid hsla(0,0%,80%,.5);position:relative}.shadow-layer-render.null-state{align-items:center;display:flex;flex-direction:column;justify-content:center}.null-icon{padding-bottom:20px}.null-icon,.null-title{opacity:.25;user-select:none;-webkit-user-select:none}
/*# sourceMappingURL=main.9397da94.css.map*/