.separator-soft[data-v-1c3b1806]{opacity:1;border:0;flex-basis:100%;width:100%;height:1px;margin-top:2px;display:block}.qr-form-tabs[data-v-0824f5ae]{flex-wrap:wrap;gap:8px;min-width:0;max-width:100%;padding-bottom:10px;display:flex}.qr-form-tabs__button[data-v-0824f5ae]{color:oklch(26% .135 46);background:0 0;border:1px solid #0000;border-radius:8px;flex:0 auto;min-height:34px;font-weight:600;transition:background-color .18s ease-out,border-color .18s ease-out,color .18s ease-out}.body--light .qr-form-tabs__button[data-v-0824f5ae]:not(.qr-form-tabs__button--active){color:oklch(24% .14 46)}.body--light .qr-form-tabs__button[data-v-0824f5ae]:not(.qr-form-tabs__button--active) .q-icon,.body--light .qr-form-tabs__button[data-v-0824f5ae]:not(.qr-form-tabs__button--active) .q-btn__content{color:inherit}.qr-form-tabs__button--active[data-v-0824f5ae]{color:oklch(42% .11 47);background:oklch(90% .075 55);border-color:oklch(70% .18 48/.42)}.body--light .qr-form-tabs__button[data-v-0824f5ae]:not(.qr-form-tabs__button--active):hover{color:oklch(20% .15 45);background:oklch(82% .105 56);border-color:oklch(66% .18 48/.52)}.body--light .qr-form-tabs__button[data-v-0824f5ae]:not(.qr-form-tabs__button--active):hover .q-focus-helper{opacity:0!important}.body--dark .qr-form-tabs__button[data-v-0824f5ae]{color:oklch(80% .055 62)}.body--dark .qr-form-tabs__button[data-v-0824f5ae]:hover{background:oklch(28% .055 48/.66);border-color:oklch(70% .14 50/.38)}.body--dark .qr-form-tabs__button--active[data-v-0824f5ae]{color:oklch(90% .06 65);background:oklch(34% .075 48);border-color:oklch(75% .16 51/.42)}@media (width<=600px){.qr-form-tabs[data-v-0824f5ae]{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.qr-form-tabs__button[data-v-0824f5ae]{width:100%;min-width:0;min-height:42px;padding:6px 8px}.qr-form-tabs__button[data-v-0824f5ae] .q-btn__content{justify-content:flex-start;min-width:0}.qr-form-tabs__button[data-v-0824f5ae] .block{text-overflow:ellipsis;overflow:hidden}.qr-form-tabs[data-v-0824f5ae] .separator-soft{grid-column:1/-1}}@media (width<=300px){.qr-form-tabs[data-v-0824f5ae]{grid-template-columns:minmax(0,1fr)}}.qr-settings-tabs[data-v-2c0df3d7]{min-width:0;max-width:100%;overflow:hidden}.qr-settings-tabs[data-v-2c0df3d7] .q-tabs{min-width:0;max-width:100%}.qr-settings-tabs[data-v-2c0df3d7] .q-tabs__content{min-width:0}@media (width<=600px){.qr-settings-tabs[data-v-2c0df3d7]{margin-top:10px}.qr-settings-tabs[data-v-2c0df3d7] .q-tab{min-width:70px;min-height:42px;padding:0 8px}.qr-settings-tabs[data-v-2c0df3d7] .q-tab__label{text-overflow:ellipsis;max-width:58px;font-size:.86rem;line-height:1.2;overflow:hidden}.qr-settings-tabs[data-v-2c0df3d7] .q-tab__icon+.q-tab__label{margin-left:5px}}@media (width<=380px){.qr-settings-tabs[data-v-2c0df3d7] .q-tab{min-width:54px;padding:0 6px}.qr-settings-tabs[data-v-2c0df3d7] .q-tab__label{display:none}}.a-circle-color{border-radius:30px;width:30px;height:30px}.a-picker{width:100%;max-width:250px}@media (width<=600px){.qr-colors-tab{padding:8px 0 0!important}.qr-colors-tab__stack{gap:10px}.qr-colors-tab__card{padding:14px 12px!important}}.qr-shape-preview[data-v-8fc4079a]{width:52px;height:52px;display:block}.qr-shape-preview[data-v-8fc4079a] svg{width:100%;height:100%;display:block}.qr-shape-options[data-v-40af851e]{flex-wrap:wrap;gap:10px;display:flex}body.body--dark .qr-config-tab__heading[data-v-40af851e]{color:#ffffffe6}.qr-shape-option[data-v-40af851e]{color:#263238;cursor:pointer;background:0 0;border:1px solid #0000002e;border-radius:8px;place-items:center;width:68px;height:68px;padding:7px;transition:border-color .16s,box-shadow .16s,background-color .16s;display:grid}.qr-shape-option[data-v-40af851e]:hover{background:#3f51b50f;border-color:#3f51b58c}.qr-shape-option[data-v-40af851e]:focus-visible{outline:2px solid var(--q-primary);outline-offset:2px}.qr-shape-option--active[data-v-40af851e]{color:var(--q-primary);border:2px solid var(--q-primary);background:#3f51b514;box-shadow:0 0 0 1px #3f51b514}.qr-shape-option--locked[data-v-40af851e]{cursor:not-allowed;opacity:.48}body.body--light .qr-shape-option[data-v-40af851e]{color:#263238}body.body--light .qr-shape-option--active[data-v-40af851e]{color:var(--q-primary)}body.body--dark .qr-shape-option[data-v-40af851e]{color:#ffffffe6;border-color:#ffffff3d}body.body--dark .qr-shape-option[data-v-40af851e]:hover{background:#7986cb1f;border-color:#9fa8dab3}body.body--dark .qr-shape-option--active[data-v-40af851e]{color:var(--q-primary);border-color:var(--q-primary);background:#7986cb24}@media (width<=600px){.qr-config-tab[data-v-40af851e]{padding:8px 0 0!important}.qr-config-tab__card[data-v-40af851e]{padding:14px 12px!important}}.qr-template-select__menu .qr-template-select__search-item{z-index:1;background:var(--qr-template-select-menu-bg,#f7f2ea);position:sticky;top:0}body.body--dark .qr-template-select__menu .qr-template-select__search-item{background:#20232b}.qr-template-select__search-input[data-v-891e41b8]{min-width:0}.drag-drop-overlay[data-v-2a8a2417]{z-index:9999;pointer-events:auto;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dnd-border[data-v-2a8a2417]{background-color:#cacaca33;border:5px dashed gray;border-radius:20px;width:98%;height:98%}.a-btn-textarea{margin:-5px 0 0 -25px;position:absolute}.q-input[data-v-e39b9068]{width:100%}.btn-dl[data-v-e39b9068]{margin:5px 0 0 7px;line-height:16px}.btn-ext[data-v-e39b9068]{color:#a6a6a6;font-size:.7rem}.q-form[data-v-73ac3b08]{max-width:600px;margin:0 auto}.q-mt-lg[data-v-73ac3b08]{margin-top:24px}.bg-grey-1[data-v-321fd7dc]{background-color:#00000008}.q-gutter-md[data-v-4205bb25]{max-width:800px;margin:0 auto}.qr-logo-tab__padding-control[data-v-20d9b94b]{padding-top:20px}@media (width<=600px){.qr-logo-tab[data-v-20d9b94b]{margin-left:-4px;margin-right:-4px}.qr-logo-tab[data-v-20d9b94b]>*{padding-left:4px;padding-right:4px}}.qr-cont[data-v-e99ec18b]{background:#f7f2ea;border-radius:10px;padding:10px}.qr-cont .qr-frame[data-v-e99ec18b]{width:100%;min-width:250px;min-height:250px}.btn-bordered[data-v-e99ec18b]{border:1px solid #ccc}.qr-code-workspace[data-v-e99ec18b]{min-width:0;max-width:100%}.qr-code-workspace__layout[data-v-e99ec18b]{grid-template-columns:minmax(0,3fr) minmax(250px,1fr);gap:8px;width:100%;min-width:0;max-width:100%;display:grid}.qr-code-workspace__editor-column[data-v-e99ec18b],.qr-code-workspace__preview-column[data-v-e99ec18b],.qr-code-workspace__editor[data-v-e99ec18b],.qr-code-workspace__preview[data-v-e99ec18b]{min-width:0}.qr-code-workspace__editor-column[data-v-e99ec18b],.qr-code-workspace__preview-column[data-v-e99ec18b]{align-items:stretch;display:flex}.qr-code-workspace__preview-column[data-v-e99ec18b]{align-items:flex-start}@media (width<=1023px){.qr-code-workspace__layout[data-v-e99ec18b]{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.qr-code-workspace[data-v-e99ec18b]{margin-top:14px}.qr-code-workspace__layout[data-v-e99ec18b]{gap:10px}.qr-code-workspace__editor[data-v-e99ec18b],.qr-code-workspace__preview[data-v-e99ec18b]{padding:10px!important}.qr-code-workspace[data-v-e99ec18b] .qr-code-workspace__settings-panel{padding-left:2px;padding-right:2px}}.qr-outer-container[data-v-3e838ffc]{min-width:100px;margin:0 auto;display:block;position:relative}.qr-actions[data-v-3e838ffc]{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;max-width:100%;overflow:auto hidden}.qr-actions[data-v-3e838ffc]::-webkit-scrollbar{display:none}.qr-actions[data-v-3e838ffc] .q-btn{flex:none}.qr-actions[data-v-3e838ffc] .q-btn__content{white-space:nowrap}.qr-aspect-ratio[data-v-3e838ffc]{background:#fff;border-radius:3px;margin:0 auto;position:relative;overflow:hidden}#qr-container[data-v-3e838ffc]{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:visible}#qr-container canvas[data-v-3e838ffc],#qr-container svg[data-v-3e838ffc]{z-index:1;position:relative;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}@media (width<=600px){.qr-outer-container[data-v-3e838ffc]{margin:20px auto}}
