:root,body,button{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{height:100%}body{background-color:#232529;color:#fff}header,.header{z-index:999!important;position:absolute;width:100%;padding:28px 410px 20px 20px;text-align:left;text-align:center}.logo{z-index:999!important;width:165px}h5{margin-left:12px;margin-top:2px;font-weight:600}h5 a,h5 a:hover{text-decoration:none;color:#fff}h5 b{background:-webkit-linear-gradient(#eee,#f0cf5f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}main{height:100%;padding:108px 410px 50px 10px}.wrap{max-width:100%;width:748px;margin:0 auto}.wrap-sm{max-width:100%;width:475px;margin:0 auto}.wdgt{border:2px solid black;background-color:#fff;border-radius:8px;padding:20px}.screen{z-index:0}.screen canvas,.screen img{border:2px solid black}.controls{position:fixed;top:0;right:0;width:400px;height:100%;border-left:2px solid black;background-color:#2c2c2c;z-index:999}.controls-header{background-size:cover;background-position:top center;height:150px}.tab{border-top:2px solid black;padding:15px;display:none;background-color:#f8f8f8;color:#000;height:100%}.tab .btn{margin-top:10px}.toolbar{padding:24px 10px 10px;height:105px}.w-40{width:100%}.label{text-transform:uppercase;letter-spacing:.03em;text-align:center;font-size:14px;padding-bottom:0;color:#000}.label-start{text-transform:uppercase;letter-spacing:.03em;font-size:14px;padding-bottom:0;color:#000;text-align:left;margin-top:15px;margin-bottom:3px}.label-info{font-size:14px;color:#777;text-align:center;margin-top:10px;padding-bottom:0;margin-bottom:0}.label-info a{text-decoration:underline!important;cursor:pointer}.btn-outline-dark{color:#fff}.btn-outline-dark:hover,.btn-outline-dark.active{color:#f0cf5f}.btn-outline-dark{border:1px solid white}.btn-group .btn-outline-dark{border:0;background-color:transparent!important}.btn-dark{background-color:#2c2c2c}.btn-label{font-size:12px}.hidden{display:none}canvas,#result{z-index:1!important}.info{text-align:center;font-size:14px}.main-action{padding-top:20px;padding-bottom:15px}.main-action .fas{font-size:40px!important}.infobar{background-color:#2c2c2c;padding:20px;colro:white;text-align:center}.screen{position:relative}.loading{position:absolute;width:100%;z-index:999999;text-align:center}.btn-users{position:absolute;top:20px;right:20px;color:#fff;text-decoration:none}.btn-users:hover{color:#ccc}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999999999999}.modal{color:#000;margin-top:90px}.modal p{color:#000;font-size:18px;line-height:26px}.heart-red{color:#cb6a4e}#thumbnails img{display:inline-block;width:50%}input[type=range]{-webkit-appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-moz-range-thumb{-webkit-appearance:none;border:0;height:20px;width:20px;border-radius:50%;background:#777777;cursor:pointer;display:block}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:0;height:20px;width:20px;border-radius:50%;background:#777777;cursor:pointer;display:block}.slider{border-radius:20px;height:22px;background-color:#2c2c2c;margin-top:5px;height:26px;margin-bottom:15px}.feature-title{padding:5px 15px;background-color:#eeee;font-weight:700;border-bottom:1px solid black;text-align:left;background-color:#525252;color:#fff}.feature .btn{margin-top:0}input[type=range]::-moz-range-track{background:transparent}input[type=range]{-webkit-appearance:none}input[type=range]::-ms-track{background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:transparent}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;margin-top:-3px}.slider-red input[type=range]::-moz-range-thumb{background-color:#bb4c41}.slider-red input[type=range]::-webkit-slider-thumb{background-color:#bb4c41}.slider-green input[type=range]::-moz-range-thumb{background-color:#43966a}.slider-green input[type=range]::-webkit-slider-thumb{background-color:#43966a}.slider-blue input[type=range]::-moz-range-thumb{background-color:#2558a3}.slider-blue input[type=range]::-webkit-slider-thumb{background-color:#2558a3}@media only screen and (max-width: 768px){header{padding-right:10px!important;padding-top:10px!important}main{padding-right:10px;padding-top:95px!important}.controls{top:auto;right:auto;bottom:0;left:0;width:100%;height:auto;border:0;border-top:2px solid black}.tab{height:250px}.screen{margin-bottom:190px}.slider{margin-bottom:0}.main-home{padding-left:40px;padding-right:40px}.sidebar{position:relative;top:auto!important;right:auto!important;display:none}footer{padding-right:10px}}.colorpatch.svelte-tkr7q1{display:inline-block;width:35px;height:35px;border:1px solid black;vertical-align:text-top}.colorpatch.me-2.svelte-tkr7q1{border-left:0}input[type=range].svelte-tkr7q1::-moz-range-thumb{width:26px!important;height:26px!important}input[type=range].svelte-tkr7q1::-webkit-slider-thumb{width:26px!important;height:26px!important}.slider.svelte-tkr7q1{padding-top:3px;margin-bottom:0;border-radius:0}.color-range.svelte-tkr7q1{position:relative;z-index:1;appearance:none;background-color:#0000001a;height:.5em;display:block;outline:none;transition:color .05s linear;background:linear-gradient(to right,rgb(255,0,0),rgb(255,255,0),rgb(0,255,0),rgb(0,255,255),rgb(0,0,255),rgb(255,0,255),rgb(255,0,0))}.color-range-dark.svelte-tkr7q1{background:linear-gradient(to right,rgb(120,0,0),rgb(120,120,0),rgb(0,120,0),rgb(0,120,120),rgb(0,0,120),rgb(120,0,120),rgb(120,0,0))}.modal-dialog.svelte-1ybib6w{margin-top:95px}.modal-body.svelte-1ybib6w{padding-bottom:20px}.spinner.svelte-1ybib6w{width:25px}.spin.svelte-1ybib6w{-webkit-animation:svelte-1ybib6w-spin 4s linear infinite;-moz-animation:svelte-1ybib6w-spin 4s linear infinite;animation:svelte-1ybib6w-spin 4s linear infinite}@keyframes svelte-1ybib6w-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}