.qr-color-panel-module__q7Z9Ba__panel,.qr-color-panel-module__q7Z9Ba__popover{--palette-paper:var(--i-surface,#fff);--palette-inset:var(--i-sunk,#f5f4ef);--palette-ink:var(--i-ink,#141413);--palette-muted:var(--i-ink-3,#6f6e69);--palette-line:var(--i-line-2,#dfdcd2);--palette-error:#b4441f;--palette-checker-light:#f5f5f5;--palette-checker-dark:#d9d9d9;--palette-focus:var(--i-ink,#141413);--palette-shadow:var(--i-shadow-md,0 8px 24px #1414131f);--palette-font:var(--font-sans);--palette-radius:8px;--palette-xs:4px;--palette-sm:8px;--palette-md:12px;--palette-lg:16px;--palette-xl:24px;--palette-target:44px;--palette-text:13px;--palette-ease:cubic-bezier(.22, 1, .36, 1);--palette-duration:.16s;color:var(--palette-ink);font-family:var(--palette-font);font-size:var(--palette-text);letter-spacing:0}.qr-color-panel-module__q7Z9Ba__panel{align-items:start;gap:var(--palette-lg);grid-template-columns:minmax(0,.9fr) minmax(0,2fr);min-width:0;display:grid;container-type:inline-size}.qr-color-panel-module__q7Z9Ba__current{aspect-ratio:1;border:1px solid var(--palette-line);border-radius:var(--palette-radius);position:relative}.qr-color-panel-module__q7Z9Ba__current>.qr-color-panel-module__q7Z9Ba__pair{border-radius:calc(var(--palette-radius) - 1px)}.qr-color-panel-module__q7Z9Ba__pair{width:100%;height:100%;display:block}.qr-color-panel-module__q7Z9Ba__pair[data-transparent=true],.qr-color-panel-module__q7Z9Ba__customSwatch[data-transparent=true],.qr-color-panel-module__q7Z9Ba__colorPreview[data-transparent=true]{background-color:var(--palette-checker-light);background-image:conic-gradient(var(--palette-checker-dark) 25%, var(--palette-checker-light) 0 50%, var(--palette-checker-dark) 0 75%, var(--palette-checker-light) 0);background-size:12px 12px}.qr-color-panel-module__q7Z9Ba__editButton,.qr-color-panel-module__q7Z9Ba__closeButton{width:var(--palette-target);height:var(--palette-target);border-radius:var(--palette-radius);color:var(--palette-ink);background:var(--palette-paper);cursor:pointer;border:0;place-items:center;padding:0;display:grid}.qr-color-panel-module__q7Z9Ba__editButton{position:absolute}.qr-color-panel-module__q7Z9Ba__editForeground{top:var(--palette-sm);left:var(--palette-sm)}.qr-color-panel-module__q7Z9Ba__editBackground{right:var(--palette-sm);bottom:var(--palette-sm);background:var(--palette-inset)}.qr-color-panel-module__q7Z9Ba__editButton svg,.qr-color-panel-module__q7Z9Ba__closeButton svg{width:var(--palette-lg);height:var(--palette-lg)}.qr-color-panel-module__q7Z9Ba__library{gap:var(--palette-md);min-width:0;display:grid}.qr-color-panel-module__q7Z9Ba__tabs{min-height:var(--palette-target);padding:var(--palette-xs);gap:var(--palette-xs);border-radius:var(--palette-radius);background:var(--palette-inset);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.qr-color-panel-module__q7Z9Ba__tabs button{min-width:0;min-height:var(--palette-target);padding:0 var(--palette-sm);border-radius:var(--palette-xs);color:var(--palette-muted);font:inherit;white-space:nowrap;cursor:pointer;transition:background-color var(--palette-duration) var(--palette-ease);background:0 0;border:0;font-weight:500}.qr-color-panel-module__q7Z9Ba__tabs button[aria-selected=true]{color:var(--palette-ink);background:var(--palette-paper)}.qr-color-panel-module__q7Z9Ba__grid{gap:var(--palette-sm);grid-template-columns:repeat(6,minmax(0,1fr));min-width:0;display:grid}.qr-color-panel-module__q7Z9Ba__swatch,.qr-color-panel-module__q7Z9Ba__customSwatch{min-width:0;min-height:var(--palette-target);border:1px solid var(--palette-line);border-radius:var(--palette-radius);background:var(--palette-paper);cursor:pointer;padding:0;display:block;position:relative}.qr-color-panel-module__q7Z9Ba__swatch{aspect-ratio:1.3}.qr-color-panel-module__q7Z9Ba__swatch>.qr-color-panel-module__q7Z9Ba__pair,.qr-color-panel-module__q7Z9Ba__customSwatch>svg{border-radius:calc(var(--palette-radius) - 1px)}.qr-color-panel-module__q7Z9Ba__swatch[aria-checked=true],.qr-color-panel-module__q7Z9Ba__customSwatch[aria-pressed=true]{outline:1px solid var(--palette-ink);outline-offset:1px}.qr-color-panel-module__q7Z9Ba__check{right:var(--palette-xs);bottom:var(--palette-xs);width:var(--palette-lg);height:var(--palette-lg);color:var(--palette-paper);background:var(--palette-ink);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute}.qr-color-panel-module__q7Z9Ba__check svg{width:var(--palette-md);height:var(--palette-md)}.qr-color-panel-module__q7Z9Ba__panel button:focus-visible,.qr-color-panel-module__q7Z9Ba__popover button:focus-visible{outline:2px solid var(--palette-focus);outline-offset:3px}.qr-color-panel-module__q7Z9Ba__panel button:active:not(:disabled),.qr-color-panel-module__q7Z9Ba__popover button:active:not(:disabled){filter:brightness(.92)}.qr-color-panel-module__q7Z9Ba__panel button:disabled,.qr-color-panel-module__q7Z9Ba__popover button:disabled{opacity:.5;cursor:not-allowed}.qr-color-panel-module__q7Z9Ba__popover{inset:var(--popover-top,16px) auto auto var(--popover-left,16px);width:288px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:var(--palette-lg);border:1px solid var(--palette-line);border-radius:var(--palette-radius);background:var(--palette-paper);box-shadow:var(--palette-shadow);margin:0;position:fixed;overflow:auto}.qr-color-panel-module__q7Z9Ba__popoverHeading{justify-content:space-between;align-items:center;gap:var(--palette-sm);margin-bottom:var(--palette-md);display:flex}.qr-color-panel-module__q7Z9Ba__popoverHeading strong{font-size:14px;font-weight:600}.qr-color-panel-module__q7Z9Ba__closeButton{margin-top:calc(-1 * var(--palette-sm));margin-right:calc(-1 * var(--palette-sm))}.qr-color-panel-module__q7Z9Ba__customPresets{gap:var(--palette-sm);margin-bottom:var(--palette-lg);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.qr-color-panel-module__q7Z9Ba__customSwatch{height:var(--palette-target)}.qr-color-panel-module__q7Z9Ba__customSwatch>svg{width:100%;height:100%;display:block}.qr-color-panel-module__q7Z9Ba__pickerArea,.qr-color-panel-module__q7Z9Ba__opacityControl{margin-bottom:var(--palette-md)}.qr-color-panel-module__q7Z9Ba__opacityLabel{justify-content:space-between;align-items:center;gap:var(--palette-sm);color:var(--palette-muted);font-size:12px;display:flex}.qr-color-panel-module__q7Z9Ba__opacityLabel output{font-variant-numeric:tabular-nums}.qr-color-panel-module__q7Z9Ba__opacityRange{width:100%;min-width:0;height:var(--palette-target);appearance:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block}.qr-color-panel-module__q7Z9Ba__opacityRange::-webkit-slider-runnable-track{border:1px solid var(--palette-line);border-radius:var(--palette-xs);background:linear-gradient(to right, transparent, var(--opacity-color)), conic-gradient(var(--palette-checker-dark) 25%, var(--palette-checker-light) 0 50%, var(--palette-checker-dark) 0 75%, var(--palette-checker-light) 0) 0 0 / 12px 12px;height:16px}.qr-color-panel-module__q7Z9Ba__opacityRange::-moz-range-track{border:1px solid var(--palette-line);border-radius:var(--palette-xs);background:linear-gradient(to right, transparent, var(--opacity-color)), conic-gradient(var(--palette-checker-dark) 25%, var(--palette-checker-light) 0 50%, var(--palette-checker-dark) 0 75%, var(--palette-checker-light) 0) 0 0 / 12px 12px;height:16px}.qr-color-panel-module__q7Z9Ba__opacityRange::-webkit-slider-thumb{border:2px solid var(--palette-paper);appearance:none;background:var(--palette-ink);width:22px;height:22px;box-shadow:0 0 0 1px var(--palette-line);border-radius:50%;margin-top:-4px}.qr-color-panel-module__q7Z9Ba__opacityRange::-moz-range-thumb{border:2px solid var(--palette-paper);background:var(--palette-ink);width:18px;height:18px;box-shadow:0 0 0 1px var(--palette-line);border-radius:50%}.qr-color-panel-module__q7Z9Ba__opacityRange:focus-visible{outline:2px solid var(--palette-focus);outline-offset:2px;border-radius:var(--palette-xs)}.qr-color-panel-module__q7Z9Ba__opacityRange:disabled,.qr-color-panel-module__q7Z9Ba__pickerArea[aria-disabled=true]{opacity:.5;cursor:not-allowed}.qr-color-panel-module__q7Z9Ba__pickerArea .qr-color-panel-module__q7Z9Ba__picker{gap:var(--palette-md);width:100%;height:208px}.qr-color-panel-module__q7Z9Ba__picker .react-colorful__saturation{border-radius:var(--palette-radius);border-bottom:0}.qr-color-panel-module__q7Z9Ba__picker .react-colorful__hue{border-radius:var(--palette-xs);flex:0 0 24px;height:24px;margin:10px 0}.qr-color-panel-module__q7Z9Ba__picker .react-colorful__hue .react-colorful__interactive{top:-10px;bottom:-10px}.qr-color-panel-module__q7Z9Ba__picker .react-colorful__pointer{width:22px;height:22px}.qr-color-panel-module__q7Z9Ba__picker .react-colorful__interactive:focus-visible .react-colorful__pointer{outline:2px solid var(--palette-focus);outline-offset:3px}.qr-color-panel-module__q7Z9Ba__hexLabel{margin-bottom:var(--palette-sm);color:var(--palette-muted);font-size:12px;display:block}.qr-color-panel-module__q7Z9Ba__hexField{min-height:var(--palette-target);border:1px solid var(--palette-line);border-radius:var(--palette-radius);align-items:center;display:flex}.qr-color-panel-module__q7Z9Ba__hexField:focus-within{outline:2px solid var(--palette-focus);outline-offset:2px}.qr-color-panel-module__q7Z9Ba__hexField[data-invalid=true]{border-color:var(--palette-error)}.qr-color-panel-module__q7Z9Ba__hexField input{min-width:0;min-height:var(--palette-target);padding:0 var(--palette-sm);border-radius:var(--palette-radius);color:var(--palette-ink);font:inherit;background:0 0;border:0}.qr-color-panel-module__q7Z9Ba__colorPreview{flex:0 0 var(--palette-target);width:var(--palette-target);height:var(--palette-target);padding:var(--palette-sm);border-radius:var(--palette-radius)}.qr-color-panel-module__q7Z9Ba__colorPreview rect{rx:var(--palette-xs)}.qr-color-panel-module__q7Z9Ba__hexField input[type=text]{text-transform:uppercase;outline:none;width:100%}.qr-color-panel-module__q7Z9Ba__editStatus{min-height:1.5em;margin:var(--palette-sm) 0;color:var(--palette-error);font-size:12px;line-height:1.5}.qr-color-panel-module__q7Z9Ba__actions{justify-content:flex-end;align-items:center;gap:var(--palette-sm);display:flex}.qr-color-panel-module__q7Z9Ba__actions button{min-height:var(--palette-target);padding:0 var(--palette-md);border-radius:var(--palette-radius);font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #0000;font-weight:500}.qr-color-panel-module__q7Z9Ba__cancelButton{color:var(--palette-muted);background:0 0}.qr-color-panel-module__q7Z9Ba__applyButton{color:var(--palette-paper);background:var(--palette-ink)}.qr-color-panel-module__q7Z9Ba__panel [data-tip]:after,.qr-color-panel-module__q7Z9Ba__popover [data-tip]:after{z-index:1;bottom:calc(100% + var(--palette-sm));width:max-content;max-width:180px;padding:var(--palette-xs) var(--palette-sm);border-radius:var(--palette-xs);color:var(--palette-paper);background:var(--palette-ink);content:attr(data-tip);transform:translateX(calc(-50% + var(--tooltip-shift,0px)));visibility:hidden;pointer-events:none;font-size:12px;font-weight:400;line-height:1.4;position:absolute;left:50%}.qr-color-panel-module__q7Z9Ba__panel [data-tip]:focus-visible:after,.qr-color-panel-module__q7Z9Ba__popover [data-tip]:focus-visible:after{visibility:visible}@media (hover:hover){.qr-color-panel-module__q7Z9Ba__swatch:hover:not(:disabled),.qr-color-panel-module__q7Z9Ba__customSwatch:hover:not(:disabled){border-color:var(--palette-ink)}.qr-color-panel-module__q7Z9Ba__editButton:hover:not(:disabled),.qr-color-panel-module__q7Z9Ba__closeButton:hover:not(:disabled),.qr-color-panel-module__q7Z9Ba__tabs button:hover:not(:disabled),.qr-color-panel-module__q7Z9Ba__cancelButton:hover:not(:disabled){background:var(--palette-inset)}.qr-color-panel-module__q7Z9Ba__panel [data-tip]:hover:after,.qr-color-panel-module__q7Z9Ba__popover [data-tip]:hover:after{visibility:visible;transition:visibility 0s .8s}}@container (max-width:460px){.qr-color-panel-module__q7Z9Ba__current{aspect-ratio:2.4;grid-column:1/-1;min-height:116px}.qr-color-panel-module__q7Z9Ba__library{grid-column:1/-1}}@container (max-width:350px){.qr-color-panel-module__q7Z9Ba__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:480px){.qr-color-panel-module__q7Z9Ba__popover{inset:auto var(--palette-lg) var(--palette-lg);width:auto;max-width:none}.qr-color-panel-module__q7Z9Ba__hexField input[type=text]{font-size:16px}}@media (prefers-reduced-motion:reduce){.qr-color-panel-module__q7Z9Ba__panel *,.qr-color-panel-module__q7Z9Ba__popover *{transition:none!important}}
.qr-effects-panel-module__zwanUW__panel{min-width:0;color:var(--i-ink-2);font-family:var(--font-sans);letter-spacing:0;gap:1rem;display:grid;container:ribbon-panel/inline-size}.qr-effects-panel-module__zwanUW__toggle{cursor:pointer;align-items:center;gap:.75rem;width:fit-content;min-height:2.75rem;font-size:.875rem;font-weight:500;display:flex}.qr-effects-panel-module__zwanUW__toggle input{appearance:none;border:1px solid var(--i-line-2);background:var(--i-sunk-2);width:2.75rem;height:1.625rem;cursor:inherit;transition:background-color .16s var(--i-ease);border-radius:999px;flex:0 0 2.75rem;margin:0;position:relative}.qr-effects-panel-module__zwanUW__toggle input:after{content:"";background:var(--i-surface);width:1.125rem;height:1.125rem;box-shadow:var(--i-shadow-xs);transition:transform .16s var(--i-ease);border-radius:50%;position:absolute;top:.1875rem;left:.1875rem}.qr-effects-panel-module__zwanUW__toggle input:checked{background:var(--i-ink);border-color:var(--i-ink)}.qr-effects-panel-module__zwanUW__toggle input:checked:after{transform:translate(1.125rem)}.qr-effects-panel-module__zwanUW__toggle:has(input:disabled){opacity:.55;cursor:not-allowed}.qr-effects-panel-module__zwanUW__toggle:active:not(:has(input:disabled)){color:var(--i-ink)}.qr-effects-panel-module__zwanUW__controls{border:0;gap:1rem;min-width:0;margin:0;padding:0;display:grid}.qr-effects-panel-module__zwanUW__controls:disabled{opacity:.5}.qr-effects-panel-module__zwanUW__current{align-items:center;gap:.625rem;min-height:2.75rem;display:flex}.qr-effects-panel-module__zwanUW__current>svg{width:1.125rem;height:1.125rem;color:var(--i-ink-3);flex:0 0 1.125rem;margin-right:.25rem}.qr-effects-panel-module__zwanUW__color{border:1px solid var(--i-line-2);background:var(--ribbon-color);width:2.75rem;height:2.75rem;box-shadow:inset 0 0 0 3px var(--i-surface);cursor:pointer;border-radius:50%;flex:0 0 2.75rem;padding:0;display:block}.qr-effects-panel-module__zwanUW__palettes{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;min-width:0;display:grid}.qr-effects-panel-module__zwanUW__palette{border:1px solid var(--i-line-2);background:var(--i-surface);cursor:pointer;width:100%;min-width:0;height:2.75rem;transition:box-shadow .16s var(--i-ease);border-radius:.375rem;margin:0;padding:0;display:block;position:relative}.qr-effects-panel-module__zwanUW__stripes{border-radius:.3125rem;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;height:100%;display:grid;overflow:clip}.qr-effects-panel-module__zwanUW__stripes i{background:var(--ribbon-color);display:block}.qr-effects-panel-module__zwanUW__palette[aria-checked=true]{border-color:var(--i-ink);box-shadow:0 0 0 2px var(--i-surface), 0 0 0 3px var(--i-ink)}.qr-effects-panel-module__zwanUW__check{background:var(--i-ink);width:1rem;height:1rem;color:var(--i-surface);border-radius:50%;place-items:center;display:grid;position:absolute;top:.1875rem;right:.1875rem}.qr-effects-panel-module__zwanUW__check svg{stroke-width:2.5px;width:.75rem;height:.75rem}.qr-effects-panel-module__zwanUW__palette:disabled,.qr-effects-panel-module__zwanUW__color:disabled{cursor:not-allowed}.qr-effects-panel-module__zwanUW__palette:active:enabled{box-shadow:inset 0 0 0 2px var(--i-ink)}.qr-effects-panel-module__zwanUW__color:active:enabled{border-color:var(--i-ink)}.qr-effects-panel-module__zwanUW__toggle input:focus-visible,.qr-effects-panel-module__zwanUW__color:focus-visible,.qr-effects-panel-module__zwanUW__palette:focus-visible{outline:2px solid var(--i-ink);outline-offset:4px}@media (hover:hover){.qr-effects-panel-module__zwanUW__toggle:hover:not(:has(input:disabled)){color:var(--i-ink)}.qr-effects-panel-module__zwanUW__color:hover:enabled{border-color:var(--i-ink)}.qr-effects-panel-module__zwanUW__palette:hover:enabled{box-shadow:0 0 0 1px var(--i-ink)}.qr-effects-panel-module__zwanUW__palette[aria-checked=true]:hover:enabled{box-shadow:0 0 0 2px var(--i-surface), 0 0 0 3px var(--i-ink)}}@container ribbon-panel (min-width:25.5rem){.qr-effects-panel-module__zwanUW__palettes{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.qr-effects-panel-module__zwanUW__toggle input,.qr-effects-panel-module__zwanUW__toggle input:after,.qr-effects-panel-module__zwanUW__palette{transition:none}}