body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-background-color:#393633bf;--secondary-background-color:#2a211599;--primary-border-color:hsla(0,0%,58%,.651);--mobile-breakpoint:750px}.App{background-color:#fff;height:100vh}.App,.Body{align-items:center;display:flex;flex-direction:column;overflow:hidden}.Body{background-color:#555;height:100%;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Character-canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:top .2s ease,left .2s ease,width .2s ease,height .2s ease;width:100%}.Character-canvas.compact{box-shadow:0 4px 8px 0 #00000014,0 6px 20px 0 hsla(0,0%,45%,.576);height:20%;left:70%;top:50%;width:20%}.Character-canvas.hidden{display:none}.Filters-panel{overflow:hidden;width:50%}.Filters-canvas-parent{box-shadow:0 2px 2px 0 #00000014,0 0 20px 0 rgba(0,0,0,.001);height:100%;justify-content:center;overflow:hidden;padding:2px 0;width:100%}.Model-div{height:100%;position:relative;width:100%}.main-container{display:flex;height:100%;width:100%}.side-panel-wrapper{height:100%;width:0}@media (min-width:750px){.Filters-canvas-parent{display:flex;width:70%}.side-panel-wrapper{height:100%;margin:2px 2px 0 0;min-width:350px;width:30%}}.Filters-canvas{height:90%;overflow:hidden;width:100%}.Edit-button{right:100px}.Edit-button,.Left-buttons{bottom:300px;position:absolute}.Left-buttons{left:100px}@media (max-width:750px){.Left-buttons{left:30px}.Edit-button{right:30px}}.padding-5{margin:5px}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{border-radius:2px;box-shadow:inset 0 0 5px grey}::-webkit-scrollbar-thumb{background:#000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3f00b3}.greyscale-bg{filter:grayscale(.7) blur(3px);transition:filter .2s ease}.grayscale-to-normal{filter:grayscale(0) blur(0);transition:filter .3s ease}.checkers{background-color:#ffffffd2;background-image:linear-gradient(45deg,#ffffff88 25%,#0000 0),linear-gradient(-45deg,#ffffff88 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ffffff88 0),linear-gradient(-45deg,#0000 75%,#ffffff88 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.outline{filter:drop-shadow(1px 1px 0 rgba(0,0,0,.52)) drop-shadow(-1px 1px 0 rgb(0,0,0,.52)) drop-shadow(-1px -1px 0 rgb(0,0,0,.52)) drop-shadow(1px -1px 0 rgb(0,0,0,.52))}.prompt-slide-wrapper{display:inline-block!important;pointer-events:all;position:absolute;width:100%}.prompt-field-container{flex-grow:1}@media (min-width:750px){.prompt-slide-wrapper{bottom:70px;left:10%;width:80%}}@media (max-width:750px){.prompt-slide-wrapper{bottom:170px}.prompt-input .MuiOutlinedInput-input{font-size:14px;padding:8px 12px}.prompt-input .MuiOutlinedInput-root{border-radius:12px}}.prompt-input .MuiOutlinedInput-root{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #ffffff4d;border-radius:16px;color:#000}.send-button{background-color:#000!important;border-radius:50%!important;color:#fff!important;padding:6px!important}.send-icon{font-size:18px!important}:root{--slider-color:#e6e6e6}.custom-slider{color:var(--slider-color)!important}@media (max-width:750px){.custom-slider{margin:0!important;padding:6px 0!important}.custom-slider .MuiSlider-thumb{height:12px!important;margin-top:-1px!important;width:12px!important}.custom-slider .MuiSlider-rail,.custom-slider .MuiSlider-track{height:1px!important}}.filters-container-parent{bottom:10px;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;width:100vw}.filters-container{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:var(--primary-background-color);border:1px solid var(--primary-border-color);border-radius:20px;display:flex;flex-direction:column;pointer-events:all}.tabs-container{align-items:center;display:flex;justify-content:center;width:100%}.tabs-data{height:calc(100% - 15px);width:100%}.custom-tabs{min-height:15px!important}.custom-tab{background-color:hsla(0,0%,50%,.445)!important;border-radius:4px!important;color:#fff!important;font-size:14px!important;height:15px!important;margin:5px 2px!important;min-height:25px!important;min-width:80px!important;min-width:60px!important;padding:0!important;text-transform:none!important}.custom-tab.Mui-selected{background-color:#000!important;color:#fff!important}.custom-tabs .MuiTab-root,.custom-tabs .MuiTabs-flexContainer{min-height:25px!important}@media (min-width:750px){.filters-container-rect{height:150px;max-width:500px;min-width:500px}}@media (max-width:750px){.filters-container-rect{height:150px;width:99%}}.custom-tab.Mui-disabled{color:grey!important;opacity:.4!important;pointer-events:none}.svg-thumb{align-items:center;aspect-ratio:1/1;background-color:#ffffff55;border:.01px solid hsla(0,0%,53%,.634);display:flex;justify-content:center;width:100%}@media (min-width:750px){.filter-panel-parent{background-color:#fff0;flex-grow:1;padding:0}.filter-container,.filter-panel-parent{display:flex;flex-direction:column;height:100%;width:100%}.filter-container{align-items:center}.filter-left-panel{align-items:center;display:flex;height:40%;justify-content:center;max-width:200px;width:100%}.filter-slider-container{display:flex;flex-grow:1}.svg-background,.svg-with-shadow{height:100%;width:100%}.svg-thumb{align-items:center;aspect-ratio:1/1;background-color:#fff0;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000017;display:flex;justify-content:center;width:100%}.sliders-parent{display:flex;flex-grow:1;overflow-y:none}.filter-slider{align-items:center;display:flex;padding-left:15px;padding-top:5px;width:100%}.filter-slider-label{color:#fff;font-weight:400;width:35%}.filter-panel-svg-parent{align-items:center;aspect-ratio:1/1;width:70%}}@media (max-width:750px){.filter-panel-parent{background-color:#fff0;display:flex;flex-direction:column;flex-grow:1;height:100%;padding:0}.filter-container{width:100%}.filter-container,.filter-left-panel{align-items:center;display:flex;height:100%}.filter-left-panel{justify-content:center;width:30%}.sliders-parent{display:flex;flex-grow:1;overflow-y:scroll}.filter-slider-container{border-image:linear-gradient(180deg,#c8c8c800,#c8c8c880,#c8c8c800) 1 100%;border-left-style:solid;border-width:2px;display:flex;flex-grow:1}.svg-thumb{aspect-ratio:1/1;background-color:#fff0;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000017;height:100%;justify-content:center}.filter-slider,.svg-thumb{align-items:center;display:flex}.filter-slider{padding-left:15px;padding-top:5px;width:100%}.filter-slider-label{color:#fff;font-size:14px;font-weight:400;width:35%}.filter-panel-svg-parent{align-items:center;aspect-ratio:1/1;width:70%}}.custom-box{max-width:400px;min-width:200px;padding:8px}.custom-form{color:hsla(0,0%,100%,.171)}.custom-form .MuiInputLabel-root,.custom-form .MuiMenuItem-root,.custom-form .MuiSelect-select{color:#fff!important}.custom-form .MuiOutlinedInput-notchedOutline{border-color:hsla(0,0%,100%,.263)!important}.custom-form .MuiSelect-icon{color:#fff!important}.align-center{align-items:center!important}.text-shadow{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.glass-background{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:var(--primary-background-color);border:1px solid var(--primary-border-color);border-radius:15px}.font-weight-500{font-weight:500}.flex-center{align-items:center;display:flex;justify-content:center}.flex{display:flex}.flex-column{flex-direction:column}.w-30{width:30%}.w-100{width:100%}.h-100{height:100%}.parent-div{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.threejs-background{height:100vh;position:absolute;width:100vw}.yellow-button{background-color:#fbc02d!important;color:#000!important;text-transform:none!important}.yellow-button:hover{background-color:#f9a825!important}.slider-label{color:#fff;font-size:12px}.loader-overlay-local{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100%}.loader-spinner{animation:spin .8s linear infinite;aspect-ratio:1/1;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#333;max-width:20%;width:250px}@keyframes spin{to{transform:rotate(1turn)}}@media (min-width:750px){.svg-color-boxes-container{align-content:baseline;border-bottom-style:solid;border-image:linear-gradient(90deg,#c8c8c800,#c8c8c80d,#c8c8c800) 100% 1;border-top-style:solid;border-width:2px 0;display:flex;flex-direction:column;flex-wrap:wrap;margin-top:20px;padding-bottom:20px;width:100%}.svg-color-boxes-header{background-color:#00000040;color:#fff;font-size:14px;font-weight:500;padding:10px 0 10px 5px;width:100%}.svg-color-boxes-list{display:flex;flex-wrap:wrap;margin-top:2px;max-height:60%;overflow-y:scroll;padding:2px 0}.svg-color-box{border:1px solid #222;cursor:pointer;height:20px;margin:4px;width:20px}.svg-color-box.selected{border:2px solid #222}}@media (max-width:750px){.svg-color-boxes-container{align-content:baseline;border-image:linear-gradient(180deg,#c8c8c800,#c8c8c880,#c8c8c800) 1 100%;border-left-style:solid;border-right-style:solid;border-width:2px;display:flex;flex-direction:column;flex-wrap:wrap;gap:1px;margin-right:5px;padding-right:10px;width:60%}.svg-color-boxes-header{background-color:#00000040;color:#fff;font-size:14px;padding:5px;width:100%}.svg-color-boxes-list{display:flex;flex-wrap:wrap;margin-top:2px;max-height:60%;overflow-y:scroll;padding:2px 0}.svg-color-box{border:1px solid #222;cursor:pointer;height:20px;margin:4px;width:20px}.svg-color-box.selected{border:2px solid #222}}@media (min-width:750px){.motif-left,.motif-panel{align-items:center;display:flex;flex-direction:column;width:100%}.motif-left{gap:10px;height:100%;padding:35px 0}.motif-preview-container{flex-direction:column;max-width:200px;width:100%}.motif-preview-container,.motif-svg-display{align-items:center;display:flex;justify-content:center}.motif-svg-display{aspect-ratio:1/1;background-color:#ffffffc9;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000017;cursor:pointer;padding:0;width:70%}.multi-svg-bar{background-color:#08060655;border:1px solid #6c6c6c;border-radius:4px;display:flex;margin-top:5px;width:75%}.multi-svg-bar-count{text-align:center;width:80%}.add-remove-panel{display:flex;gap:5px;justify-content:space-around;margin-top:5px;padding-left:10px;width:100%}.add-remove-avatar-red{background-color:rgba(255,0,0,.916)!important}.add-remove-avatar-green,.add-remove-avatar-red{border-radius:5px;box-shadow:2;height:22px;padding:0;width:22px}.add-remove-avatar-green{background-color:#65c10eb0!important}}@media (max-width:750px){.motif-panel{align-items:center;display:flex;height:100%}.motif-left{display:flex;gap:10px;height:100%;width:60%}.motif-preview-container{flex-direction:column;padding:0 10px;width:50%}.motif-preview-container,.motif-svg-display{align-items:center;display:flex;justify-content:center}.motif-svg-display{aspect-ratio:1/1;background-color:#ffffffc9;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000017;cursor:pointer;padding:5px;width:60%}.multi-svg-bar{align-items:center;background-color:#ffffff55;border:1px solid #6b6969;border-radius:4px;display:flex;margin-top:5px;width:100%}.multi-svg-bar-count{font-size:12px;text-align:center;width:90%}.add-remove-panel{display:flex;gap:10px;justify-content:space-between;margin-top:5px;padding-left:0;width:80%}.add-remove-avatar-green,.add-remove-avatar-red{background-color:#232221!important;border-radius:0;box-shadow:2;height:22px;padding:0;width:22px}}.desktop-panel{color:#fff;font-family:sans-serif;height:100%;width:100%}.desktop-panel,.desktop-panel-tabs{background-color:#2c2b26;display:flex}.desktop-panel-tabs{align-items:center;border-right:2px solid #555;flex-direction:column;gap:24px;min-width:75px;padding-bottom:16px;padding-top:16px}.desktop-panel-tab-button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;transition:transform .2s ease}.desktop-panel-tab-button:hover{transform:scale(1.1)}.desktop-tab-icon-label{align-items:center;display:flex;flex-direction:column;font-size:12px;gap:4px;text-align:center}.desktop-panel-content{flex:1 1;padding:4px}.active-tab{background-color:#3a392f;border-left:3px solid #fff}.title{color:#fff;font-size:40px;margin:50px 65px 0}.google-btn{margin-bottom:50px}.container{gap:40px}.glass-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff0d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.glass-box{background-color:#ffffff26;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a;max-width:90%;min-width:280px;padding:2rem;text-align:center}.glass-message{color:#000;font-size:1.2rem;margin-bottom:1.5rem}.glass-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff22;border:1px solid #ffffff80;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;padding:.6rem 1.2rem}.background{margin:10px auto 40px;min-height:400px;width:80%}.file-panel{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:var(--primary-background-color);margin:10px auto;min-width:330px;width:100%}.panel-title{color:#fff!important}.file-table{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);max-height:240px;overflow-y:auto}.file-table::-webkit-scrollbar{width:8px}.file-table::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.485);border-radius:4px}.table-header{background-color:#363129!important;font-weight:500;padding:5px 20px!important;position:sticky;z-index:1}.table-cell,.table-header{color:#fff!important;font-size:18px!important}.table-cell{cursor:pointer;padding:20px!important}.action-button,.table-cell{text-transform:none!important}.action-button{background-color:#1b1a1a80!important;color:#fff!important;margin-right:5px!important}.file-table.MuiPaper-root{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#0000!important;border-color:#f9a825;box-shadow:none}.create-button-container{display:flex;justify-content:center;margin-top:24px}.MuiTable-root,.MuiTableCell-root,.MuiTableRow-root{border:none!important}.MuiTableCell-root{border-bottom:1px solid #49464258!important}.file-viewer-background{background-color:var(--primary-background-color);border:1px solid var(--primary-border-color);border-radius:20px;padding:20px;z-index:2}@media (min-width:750px){.fileviewer-parent-div{align-items:center;display:flex;height:100vh;justify-content:left;width:100%}.file-viewer-background{margin-left:150px;position:static}}@media (max-width:750px){.fileviewer-parent-div{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.file-viewer-background{bottom:5px;margin-left:0;position:absolute}}.file-viewer-title{color:#fff;font-size:24px;left:0;margin-left:20px}.relative-background{height:100%;position:relative;width:100%}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.popup-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #00000040;color:#fff;padding:24px;width:300px}.popup-title{font-size:1.25rem;font-weight:600;margin-bottom:16px}.popup-input{background:#fff3;border:none;border-radius:8px;color:#fff;margin-bottom:16px;outline:none;padding:8px;width:100%}.popup-input::placeholder{color:#fff9}.popup-buttons{display:flex;gap:8px;justify-content:flex-end}.btn{border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}.btn.cancel{background-color:#555}.btn.cancel:hover{background-color:#666}.btn.ok{background-color:#fbc02d}.btn.ok:hover{background-color:#f9a825}.btn.ok:disabled{background-color:#54514d;cursor:not-allowed;opacity:.6}