:root{--inactive-color: #6c757d;--main-color: rgb(82, 116, 228);--bg: rgb(30, 30, 30);--bg-secondary: rgb(50, 50, 50);--bg_opacity: rgb(30, 30, 30, .5);--text_color: rgb(200, 200, 200)}html,body{position:relative;width:100vw;height:100%;background-color:var(--bg);color:var(--text_color)}body{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}a{color:var(--main-color);text-decoration:none}a:visited{color:#0050a0}h1,h2,p{font-weight:400}p{line-height:1.5}a{color:var(--color-theme-1);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:2rem;text-align:center}h2{font-size:1rem}.st-toast-close-btn svg{fill:#fff!important;color:#fff!important}.st-toast-details{color:#fff!important}.flex{display:flex;align-items:center;flex-wrap:wrap}.header .btn{padding-left:10px;padding-right:6px}.header .btn:first-child{border-bottom-left-radius:10px}.header .btn:last-child{border-bottom-right-radius:10px}.header .app-btn div:last-child{padding-right:10px}.flex-jc{display:flex;align-items:center;flex-wrap:wrap;justify-content:center}.flex-nw{display:flex;justify-content:space-around}.flex-sb{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:center;justify-content:space-between}.flex-center{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;margin-top:10px}.hide{visibility:hidden!important}.dropzone{overflow-x:hidden!important;cursor:pointer;margin:0 auto;position:absolute;top:-10px;left:0;width:100vw;height:100vh;background-color:var(--bg-white-2);display:flex;flex-wrap:wrap;justify-content:center;z-index:99999999999999999999999999999999999999999999999999}.user-is-dragging #dropzone{pointer-events:all!important}.spinner-loader{color:#fff;font-size:12px;display:flex;justify-content:center;align-items:center}.btnFlex{display:flex;justify-content:center;align-items:center;min-width:200px;flex-direction:row}.app-btn{text-transform:uppercase;gap:10px;justify-content:center;align-items:center;display:flex}.app-btn svg{margin-bottom:-3px;width:30px!important;height:30px!important;fill:#fff!important;color:#fff!important}.flex-center{display:flex;justify-content:center;align-items:center}.drop-label{display:flex;justify-content:center;flex-direction:column;gap:10px;font-size:20px;align-items:center;transition:all .2s}.drop-label:hover{transform:scale(1.03)}.fixed_top_left{position:fixed;top:5px;left:5px}.canvas-wrapper-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;font-size:16px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #666;border-radius:5px}::-webkit-scrollbar-thumb{background:var(--main-color);border-radius:5px}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.loading-div{min-height:70px}.html,body{overflow-y:hidden!important}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1;display:flex;flex-direction:column;margin:0 auto;box-sizing:border-box}.app-wrapper{position:fixed;width:100vw;height:calc(100vh - 60px);background-color:var(--bg)}.a-d-s{position:fixed;bottom:0;height:60px;width:100vw;gap:20px;justify-content:center;display:flex;z-index:999999999999999999999999999999999999999999}progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none}progress{background:var(--main-color)}progress[value]::-webkit-progress-bar{background:var(--main-color)}progress[value]::-webkit-progress-value{background:var(--main-color)}progress[value]::-moz-progress-bar{background:var(--main-color)}progress[value]{--color: var(--main-color);--background: lightgrey;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#d3d3d3}progress[value]::-webkit-progress-bar{border-radius:10em;background:#d3d3d3}progress[value]::-webkit-progress-value{border-radius:10em;background:var(--main-color)}progress[value]::-moz-progress-bar{border-radius:10em;background:var(--main-color)}.top-info{overflow-y:auto;max-height:150px;pointer-events:all;z-index:999999999999999999;display:flex;justify-content:start;align-items:center;flex-direction:column}.top-info a{font-size:20px;color:wheat}.top-info h1{color:#fff;font-size:26px}
