.slvz-dialog-body[b-nz3an5ruyr]{border-radius:15px;flex-direction:column;place-self:center;width:calc(100% - 20px);max-width:400px;height:fit-content;max-height:600px;margin-top:20px;margin-bottom:20px;display:flex;position:relative}.header[b-nz3an5ruyr]{width:100%;height:35px;margin-top:10px;margin-bottom:20px;display:inline-block;position:relative}.close[b-nz3an5ruyr]{float:left;border-radius:8px;width:35px;height:35px;margin-left:10px;display:grid;position:relative}.close svg[b-nz3an5ruyr]{place-self:center;width:15px;height:15px;position:relative}.header h5[b-nz3an5ruyr]{float:left;width:calc(100% - 60px);font-family:var(--font-light);font-size:var(--font-light-size);color:var(--font-light-color);text-align:left;white-space:nowrap;text-overflow:ellipsis;margin-left:7px;position:relative;top:10px;overflow:hidden}.list[b-nz3an5ruyr]{-ms-overflow-style:none;scrollbar-width:none;flex-wrap:wrap;flex:1;justify-content:space-evenly;width:100%;padding:20px 0;display:flex;position:relative;overflow-y:auto}.list[b-nz3an5ruyr]::-webkit-scrollbar{display:none}.item[b-nz3an5ruyr]{border-radius:15px;width:100px;height:fit-content;margin:5px;position:relative}.item:active[b-nz3an5ruyr]{transform:scale(.99)}.item img[b-nz3an5ruyr]{aspect-ratio:1;pointer-events:none;background-color:var(--btn-default-text-color,black);width:calc(100% - 20px);margin:10px;position:relative;mask-size:80%!important}.selected[b-nz3an5ruyr]{background:var(--selected-background);box-shadow:var(--boxshadow)}.buttons[b-nz3an5ruyr]{justify-content:space-around;width:calc(100% - 20px);height:40px;margin:20px 10px 10px;display:flex;position:relative}.buttons button[b-nz3an5ruyr]{border:none;border-radius:10px;place-content:center safe center;width:calc(50% - 10px);height:40px;display:flex}.buttons label[b-nz3an5ruyr]{font-family:var(--font-light);font-size:var(--font-light-size);align-self:center;position:relative}.buttons svg[b-nz3an5ruyr]{align-self:center;width:22px;height:22px;margin-right:5px;position:relative}main[b-olbapzd8lq]{float:left;flex-direction:column;width:100%;height:calc(100% - 20px);padding:20px 15px 0;display:flex;position:relative}.title[b-olbapzd8lq]{width:100%;font-size:var(--font-bold-size);font-family:var(--font-jetbrain);color:var(--font-bold-color);margin-top:6px;position:relative}.description[b-olbapzd8lq]{width:100%;font-size:var(--font-light-size);font-family:var(--font-space);color:var(--font-light-color);margin-top:6px;position:relative}.list[b-olbapzd8lq]{-ms-overflow-style:none;scrollbar-width:none;flex-wrap:wrap;flex:1;justify-content:safe center;padding:0 15px;display:flex;position:relative;overflow-y:auto;overflow-x:visible!important}.list[b-olbapzd8lq]::-webkit-scrollbar{display:none}.list .item[b-olbapzd8lq]{border-radius:10px;width:110px;height:fit-content;margin:5px;position:relative}.list .item .color-container[b-olbapzd8lq]{background:var(--btn-default-background);width:50px;height:50px;box-shadow:var(--btn-default-shadow);border-radius:50%;margin-top:8px;display:grid;position:relative;left:50%;transform:translate(-50%)}.list .item .color[b-olbapzd8lq]{width:40px;height:40px;box-shadow:var(--btn-primary-shadow);border-radius:50%;place-self:center;display:grid;position:relative}.list .item .color svg[b-olbapzd8lq]{place-self:center;width:20px;height:20px;position:relative;fill:var(--btn-primary-text-color)!important}.list .item p[b-olbapzd8lq]{width:100%;font-size:var(--font-light-size);font-family:var(--font-space);text-align:center;color:var(--btn-default-text-color);margin-top:6px;position:relative}.flex[b-olbapzd8lq]{width:100%;margin-top:40px;display:flex;position:relative}.color-picker[b-olbapzd8lq]{width:fit-content;margin-top:10px}.mode-switch[b-olbapzd8lq]{background:var(--btn-default-background);width:fit-content;box-shadow:var(--btn-default-shadow);border-radius:var(--btn-default-radius);gap:5px;margin-bottom:20px;padding:2px;display:flex;position:relative;left:50%;overflow:visible;transform:translate(-50%)translateY(-2px)}.mode-switch .slvz-button[b-olbapzd8lq]{border-radius:var(--btn-default-radius);height:35px;font-family:var(--font-jetbrain);color:var(--btn-default-text-color);padding:0 12px;position:relative}.btn-generate[b-olbapzd8lq]{width:180px;height:40px;margin-top:20px;position:relative;left:50%;transform:translate(-50%)}@media screen and (width<=550px){.flex[b-olbapzd8lq]{flex-direction:column}.color-picker[b-olbapzd8lq]{width:100%}.list[b-olbapzd8lq]{padding:30px 15px 0}}main[b-p1lhur2spq]{float:left;flex-direction:column;width:100%;height:calc(100% - 20px);padding:20px 15px 0;display:flex;position:relative;overflow-y:auto}.title[b-p1lhur2spq]{width:100%;font-size:var(--font-bold-size);font-family:var(--font-jetbrain);color:var(--font-bold-color);margin-top:6px;position:relative}.description[b-p1lhur2spq]{width:100%;font-size:var(--font-light-size);font-family:var(--font-space);color:var(--font-light-color);margin-top:6px;position:relative}main[b-u2hsmy88fw]{float:left;flex-direction:column;width:100%;height:calc(100vh - 20px);display:flex;position:relative}@media screen and (width<=800px){main[b-u2hsmy88fw]{height:calc(100vh - 80px)}}.header[b-u2hsmy88fw]{width:100%;height:85px;position:relative;overflow:visible}.search-bar[b-u2hsmy88fw]{border-radius:10px;width:calc(100% - 20px);max-width:500px;height:40px;margin:30px 0 10px;display:flex;position:relative;left:50%;transform:translate(-50%)}.search-bar input[b-u2hsmy88fw]{height:100%;font-family:var(--font-light);font-size:var(--font-light-size);color:var(--font-light-color);border:none;flex:1;padding:0 10px;position:relative}.search-bar svg[b-u2hsmy88fw]{width:25px;height:25px;fill:var(--font-light-color);align-self:center;margin-left:10px;margin-right:10px;position:relative}.grid[b-u2hsmy88fw]{-ms-overflow-style:none;scrollbar-width:none;flex-wrap:wrap;flex:1;justify-content:safe center;width:calc(100% - 30px);padding:50px 15px;display:flex;position:relative;overflow-y:auto;overflow-x:visible!important}.grid[b-u2hsmy88fw]::-webkit-scrollbar{display:none}.item[b-u2hsmy88fw]{border-radius:10px;width:80px;height:fit-content;margin:5px;position:relative;display:block!important}.item img[b-u2hsmy88fw]{background-color:var(--btn-default-text-color,black);justify-self:center;width:40px;height:40px;margin-top:10px;position:relative;left:50%;transform:translate(-50%);mask-size:80%!important}.item p[b-u2hsmy88fw]{float:left;width:calc(100% - 10px);font-family:var(--font-light);font-size:var(--font-light-size);color:var(--font-light-color);text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:5px 0;padding:5px;position:relative;overflow:hidden}.count[b-u2hsmy88fw]{width:100%;height:60px;display:grid;position:relative}.count label[b-u2hsmy88fw]{font-family:var(--font-light);font-size:var(--font-light-size);color:var(--font-light-color);place-self:center;position:relative}.topbar[b-qexvq1u3px]{gap:10px;width:calc(100% - 32px);padding:16px;display:inline-block;overflow:visible}.device-switch[b-qexvq1u3px]{background:var(--btn-default-background);width:fit-content;box-shadow:var(--btn-default-shadow);border-radius:var(--btn-default-radius);gap:5px;padding:2px;display:flex;position:absolute;left:50%;overflow:visible;transform:translate(-50%)translateY(-2px)}.device-switch .slvz-button[b-qexvq1u3px]{border-radius:var(--btn-default-radius);width:50px;height:35px;display:grid;position:relative}.device-switch .slvz-button svg[b-qexvq1u3px]{width:20px;height:20px;fill:var(--btn-default-text-color);place-self:center;position:relative}.device-switch .slvz-button.primary svg[b-qexvq1u3px]{fill:var(--btn-primary-text-color)!important}.counter[b-qexvq1u3px]{font-family:var(--font-jetbrain);color:var(--font-light-color);float:left;align-items:center;height:35px;margin-left:10px;padding:0 4px;font-size:12px;display:flex;position:relative}.btn-add[b-qexvq1u3px],.btn-reset[b-qexvq1u3px]{width:fit-content;height:35px;font-family:var(--font-jetbrain);align-content:center;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex;position:relative}.btn-add svg[b-qexvq1u3px],.btn-reset svg[b-qexvq1u3px]{align-self:center;width:20px;height:20px;position:relative}.btn-add[b-qexvq1u3px]{float:left}.btn-reset[b-qexvq1u3px]{float:right}@media screen and (width<=700px){.btn-add span[b-qexvq1u3px],.btn-reset span[b-qexvq1u3px]{display:none}.device-switch[b-qexvq1u3px]{transform:translate(-35%)translateY(-2px)}}.slvz-button:disabled[b-qexvq1u3px]{pointer-events:none;touch-action:none;opacity:.5}main[b-qexvq1u3px]{flex-wrap:wrap;width:100%;margin-top:50px;position:relative}.canvas-wrap[b-qexvq1u3px]{flex-direction:column;justify-content:center;place-items:center;width:100%;height:fit-content;display:flex}.device-frame[b-qexvq1u3px]{width:100%;box-shadow:var(--btn-pale-shadow);border-radius:4px;max-width:1080px;transition:max-width .25s}.device-frame[data-device=tablet][b-qexvq1u3px]{max-width:520px}.device-frame[data-device=mobile][b-qexvq1u3px]{max-width:380px}.code-panel[b-qexvq1u3px]{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:50px;margin-bottom:50px;display:flex}.tabs[b-qexvq1u3px]{border-radius:var(--btn-default-radius);background:var(--btn-default-background);width:fit-content;box-shadow:var(--btn-default-shadow);border-radius:var(--btn-default-radius);align-self:center;gap:6px;padding:2px;display:flex}.tabs .slvz-button[b-qexvq1u3px]{font-family:var(--font-jetbrain);width:50px;height:35px;color:var(--btn-default-text-color);border-radius:var(--btn-default-radius);padding:6px 12px;font-size:12px}.tabs .slvz-button.active[b-qexvq1u3px]{color:var(--primary-color);border-color:var(--primary-color)}.cp-root[b-mr473rw1jk]{user-select:none;touch-action:none;width:240px;font-family:var(--font-jetbrain);flex-direction:column;gap:12px;display:flex;position:relative;left:50%;transform:translate(-50%)}.cp-sv-wrap[b-mr473rw1jk]{cursor:crosshair;background-color:hsl(var(--cp-hue),100%,50%);background-image:linear-gradient(#0000 0%,#000 100%),linear-gradient(90deg,#fff 0%,#fff0 100%);border-radius:10px;width:240px;height:160px;position:relative;box-shadow:inset 0 0 0 1px #00000026}.cp-sv-thumb[b-mr473rw1jk]{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin-top:-7px;margin-left:-7px;position:absolute;box-shadow:0 0 0 1px #0006,0 1px 3px #0006}.cp-hue-wrap[b-mr473rw1jk]{cursor:pointer;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:8px;width:240px;height:16px;position:relative;box-shadow:inset 0 0 0 1px #00000026}.cp-hue-thumb[b-mr473rw1jk]{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;position:absolute;top:50%;box-shadow:0 0 0 1px #0006,0 1px 3px #0006}.cp-bottom-row[b-mr473rw1jk]{align-items:flex-start;gap:10px;display:flex}.cp-preview[b-mr473rw1jk]{border-radius:10px;flex-shrink:0;width:40px;height:40px;box-shadow:inset 0 0 0 1px #00000026}.cp-fields[b-mr473rw1jk]{flex-direction:column;flex:1;gap:6px;display:flex}.cp-field[b-mr473rw1jk]{color:var(--font-light-color);flex-direction:column;gap:2px;font-size:11px;display:flex}.cp-field input[b-mr473rw1jk]{border-radius:6px;outline:none;padding:5px 8px;font-family:inherit;font-size:13px}.cp-hex-input[b-mr473rw1jk]{box-sizing:border-box;text-transform:lowercase;width:100%}.cp-rgb-row[b-mr473rw1jk]{gap:6px;display:flex}.cp-field-sm input[b-mr473rw1jk]{box-sizing:border-box;width:100%}.cp-swatches[b-mr473rw1jk]{flex-wrap:wrap;gap:6px;display:flex}.cp-swatch[b-mr473rw1jk]{cursor:pointer;border:none;border-radius:6px;width:22px;height:22px;padding:0;box-shadow:inset 0 0 0 1px #00000026}.cp-swatch:hover[b-mr473rw1jk]{box-shadow:inset 0 0 0 1px #0000004d,0 0 0 2px var(--cp-accent-color,#0000001a)}main[b-1yi7e9apma]{float:left;flex-direction:column;width:100%;height:fit-content;padding:20px 15px;display:flex;position:relative}.title[b-1yi7e9apma]{width:100%;font-size:var(--font-bold-size);font-family:var(--font-jetbrain);color:var(--font-bold-color);margin-top:6px;position:relative}.description[b-1yi7e9apma]{width:100%;font-size:var(--font-light-size);font-family:var(--font-space);color:var(--font-light-color);margin-top:6px;position:relative}.btn[b-1yi7e9apma]{width:150px;height:40px;margin-top:10px}.btn svg[b-1yi7e9apma]{width:20px;height:20px}main[b-24dzjxbd1h]{float:left;flex-direction:column;width:100%;height:fit-content;padding:20px 15px;display:flex;position:relative}.title[b-24dzjxbd1h]{width:100%;font-size:var(--font-bold-size);font-family:var(--font-jetbrain);color:var(--font-bold-color);margin-top:6px;position:relative}.description[b-24dzjxbd1h]{width:100%;font-size:var(--font-light-size);font-family:var(--font-space);color:var(--font-light-color);margin-top:6px;position:relative}.card[b-24dzjxbd1h]{width:calc(100% - 32px);height:110px;font-family:var(--font-jetbrain);color:var(--font-light-color);font-size:var(--font-light-size);place-content:center;margin-top:10px;display:grid}main[b-2vn7ji9vf8]{float:left;flex-direction:column;width:100%;height:fit-content;padding:20px 15px;display:flex;position:relative}.title[b-2vn7ji9vf8]{width:100%;font-size:var(--font-bold-size);font-family:var(--font-jetbrain);color:var(--font-bold-color);margin-top:6px;position:relative}.description[b-2vn7ji9vf8]{width:100%;font-size:var(--font-light-size);font-family:var(--font-space);color:var(--font-light-color);margin-top:6px;position:relative}input[b-2vn7ji9vf8]{border:none;height:35px}.box[b-2vn7ji9vf8]{width:calc(100% - 10px);max-width:300px;margin-top:20px}.box svg[b-2vn7ji9vf8]{width:20px;height:20px}.slvz-button[b-2vn7ji9vf8]{padding:0 9px}main[b-tg4klzm696]{float:left;flex-direction:column;width:100%;height:fit-content;padding:20px 15px;display:flex;position:relative}.title[b-tg4klzm696]{width:100%;font-size:var(--font-bold-size);font-family:var(--font-jetbrain);color:var(--font-bold-color);margin-top:6px;position:relative}.description[b-tg4klzm696]{width:100%;font-size:var(--font-light-size);font-family:var(--font-space);color:var(--font-light-color);margin-top:6px;position:relative}.flex[b-tg4klzm696]{gap:10px;width:fit-content;margin-top:20px;padding:10px 5px;display:flex}.flex span[b-tg4klzm696]{font-size:var(--font-light-size);font-family:var(--font-space);color:var(--font-light-color);align-self:center}.flex input[b-tg4klzm696]{width:50px;height:35px;font-size:var(--font-light-size);font-family:var(--font-space);margin-right:10px}.slvz-trackbar[b-tg4klzm696]{width:calc(100% - 30px);max-width:300px;margin-top:25px}.main[b-0q9zv7omwo]{overflow:hidden}.header[b-0q9zv7omwo]{z-index:10;width:calc(100% - 20px);height:50px;margin:10px;transition:all .4s;position:fixed;top:-100px;left:0}@media screen and (width<=800px){.header[b-0q9zv7omwo]{top:0}}.menu-body[b-0q9zv7omwo]{width:100%;min-height:100%;display:none;position:relative}@media screen and (width<=800px){.menu-body[b-0q9zv7omwo]{min-height:calc(100% - 50px);top:0}}#menu[b-0q9zv7omwo]{float:left;z-index:11;white-space:nowrap;border-radius:15px;width:250px;height:calc(100vh - 50px);transition:all .8s;display:grid;position:fixed;top:25px;overflow:visible}#menu[b-0q9zv7omwo]::-webkit-scrollbar{display:none}.nav-open[b-0q9zv7omwo],.nav-close[b-0q9zv7omwo]{left:25px}.menu[b-0q9zv7omwo]{float:left;flex-direction:column;height:calc(100vh - 100px);padding:30px 0 20px;display:flex;position:relative}@media screen and (width<=800px){#menu[b-0q9zv7omwo]{height:calc(100vh - 100px);top:75px}.nav-close[b-0q9zv7omwo]{left:-280px}.menu[b-0q9zv7omwo]{height:calc(100vh - 150px)}}.open-close-menu[b-0q9zv7omwo]{cursor:pointer;border-radius:50%;width:40px;height:40px;margin-left:-50px;display:grid;position:absolute;top:5px;left:100%}.open-close-menu span[b-0q9zv7omwo]{user-select:none;background-color:var(--btn-default-text-color);border-radius:5px;place-self:center;width:25px;height:2px;transition:all .5s;position:absolute}.open-close-menu span:first-child[b-0q9zv7omwo]{margin-top:-12px}.open-close-menu span:nth-child(2)[b-0q9zv7omwo]{margin-top:4px}.open-close-menu span:nth-child(3)[b-0q9zv7omwo]{margin-top:19px}.hamberger-action span:first-child[b-0q9zv7omwo]{margin-top:1px;transform:rotate(45deg)}.hamberger-action span:nth-child(2)[b-0q9zv7omwo]{border-top-right-radius:0;border-bottom-right-radius:0;width:10px;margin-top:14px;margin-left:-11px;transform:rotate(-45deg)}.hamberger-action span:nth-child(3)[b-0q9zv7omwo]{border-top-left-radius:0;border-bottom-left-radius:0;width:10px;margin-top:-10px;margin-left:12px;transform:rotate(-45deg)}#black-layer[b-0q9zv7omwo]{z-index:9;backdrop-filter:blur(10px);background-color:#0000000d;width:0;height:0;display:none;position:absolute;top:0;left:0}@media screen and (width<=800px){#black-layer[b-0q9zv7omwo]{width:100%;height:100%}}.body[b-0q9zv7omwo]{width:calc(100% - 290px);height:fit-content;display:inline-block;position:relative;transform:translate(290px)}@media screen and (width<=800px){.body[b-0q9zv7omwo]{float:left;width:100%;padding-top:75px;position:relative;transform:translate(0)}}.items[b-0q9zv7omwo]{cursor:pointer;border-radius:10px;width:calc(100% - 20px);height:40px;margin-bottom:10px;margin-left:10px;text-decoration:none;display:flex;position:relative}.items p[b-0q9zv7omwo]{font-family:var(--font-light);font-size:var(--font-light-size);touch-action:none;pointer-events:none;user-select:none;flex:1;align-self:center;position:relative}.items svg[b-0q9zv7omwo]{float:left;width:20px;height:20px;margin:10px;position:relative}.items.slvz-button.default[b-0q9zv7omwo]{background:0 0;box-shadow:none!important}.slvz-button.primary div[b-0q9zv7omwo]{background-color:var(--primary-color)}.items.open .arrow[b-0q9zv7omwo]{transform:rotate(90deg)}.list[b-0q9zv7omwo]{-ms-overflow-style:none;scrollbar-width:none;flex:1;width:calc(100% - 50px);margin-top:10px;padding:0 15px 0 35px;position:relative;overflow-y:auto}.list[b-0q9zv7omwo]::-webkit-scrollbar{display:none}.list p[b-0q9zv7omwo]{margin-left:10px}