:root{--sg-color-teal-400: #2dd4bf;--sg-color-teal-500: #14b8a6;--sg-color-teal-600: #0d9488;--sg-color-zinc-50: #fafafa;--sg-color-zinc-100: #f4f4f5;--sg-color-zinc-200: #e4e4e7;--sg-color-zinc-300: #d4d4d8;--sg-color-zinc-400: #a1a1aa;--sg-color-zinc-500: #71717a;--sg-color-zinc-600: #52525b;--sg-color-zinc-700: #3f3f46;--sg-color-zinc-800: #27272a;--sg-color-zinc-900: #18181b;--sg-color-zinc-950: #09090b;--sg-color-red-500: #ef4444;--sg-color-red-600: #dc2626;--sg-color-amber-500: #f59e0b;--sg-color-green-500: #22c55e;--sg-radius-sm: .25rem;--sg-radius-md: .5rem;--sg-radius-lg: .75rem;--sg-radius-full: 9999px;--sg-space-1: .25rem;--sg-space-2: .5rem;--sg-space-3: .75rem;--sg-space-4: 1rem;--sg-space-6: 1.5rem;--sg-space-8: 2rem;--sg-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sg-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sg-bg: #ffffff;--sg-surface: #fafafa;--sg-surface-raised: #f4f4f5;--sg-border: #e4e4e7;--sg-text: #18181b;--sg-text-muted: #71717a;--sg-primary: #0d9488;--sg-primary-hover: #14b8a6;--sg-on-primary: #ffffff;--sg-danger: #dc2626;--sg-warning: #f59e0b;--sg-success: #22c55e}.dark,[data-theme=dark]{--sg-bg: #09090b;--sg-surface: #18181b;--sg-surface-raised: #27272a;--sg-border: #3f3f46;--sg-text: #f4f4f5;--sg-text-muted: #a1a1aa;--sg-primary: #14b8a6;--sg-primary-hover: #2dd4bf;--sg-on-primary: #09090b;--sg-danger: #ef4444;--sg-warning: #f59e0b;--sg-success: #22c55e}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.mfe-qr-code-generator .visible{visibility:visible}.mfe-qr-code-generator .col-span-2{grid-column:span 2 / span 2}.mfe-qr-code-generator .m-0{margin:0}.mfe-qr-code-generator .mx-auto{margin-left:auto;margin-right:auto}.mfe-qr-code-generator .mb-1{margin-bottom:.25rem}.mfe-qr-code-generator .mb-1\.5{margin-bottom:.375rem}.mfe-qr-code-generator .mb-3{margin-bottom:.75rem}.mfe-qr-code-generator .mb-4{margin-bottom:1rem}.mfe-qr-code-generator .mb-6{margin-bottom:1.5rem}.mfe-qr-code-generator .mt-0\.5{margin-top:.125rem}.mfe-qr-code-generator .mt-1{margin-top:.25rem}.mfe-qr-code-generator .mt-1\.5{margin-top:.375rem}.mfe-qr-code-generator .mt-2{margin-top:.5rem}.mfe-qr-code-generator .mt-3{margin-top:.75rem}.mfe-qr-code-generator .mt-8{margin-top:2rem}.mfe-qr-code-generator .block{display:block}.mfe-qr-code-generator .flex{display:flex}.mfe-qr-code-generator .inline-flex{display:inline-flex}.mfe-qr-code-generator .grid{display:grid}.mfe-qr-code-generator .hidden{display:none}.mfe-qr-code-generator .h-12{height:3rem}.mfe-qr-code-generator .h-full{height:100%}.mfe-qr-code-generator .w-12{width:3rem}.mfe-qr-code-generator .w-full{width:100%}.mfe-qr-code-generator .min-w-0{min-width:0px}.mfe-qr-code-generator .min-w-\[12rem\]{min-width:12rem}.mfe-qr-code-generator .flex-1{flex:1 1 0%}.mfe-qr-code-generator .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.mfe-qr-code-generator .list-none{list-style-type:none}.mfe-qr-code-generator .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.mfe-qr-code-generator .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mfe-qr-code-generator .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mfe-qr-code-generator .flex-col{flex-direction:column}.mfe-qr-code-generator .flex-wrap{flex-wrap:wrap}.mfe-qr-code-generator .items-end{align-items:flex-end}.mfe-qr-code-generator .items-center{align-items:center}.mfe-qr-code-generator .justify-between{justify-content:space-between}.mfe-qr-code-generator .gap-1\.5{gap:.375rem}.mfe-qr-code-generator .gap-2{gap:.5rem}.mfe-qr-code-generator .gap-3{gap:.75rem}.mfe-qr-code-generator .gap-4{gap:1rem}.mfe-qr-code-generator .gap-8{gap:2rem}.mfe-qr-code-generator :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.mfe-qr-code-generator :is(.space-y-8>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.mfe-qr-code-generator .overflow-hidden{overflow:hidden}.mfe-qr-code-generator .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mfe-qr-code-generator .rounded{border-radius:.25rem}.mfe-qr-code-generator .rounded-2xl{border-radius:1rem}.mfe-qr-code-generator .rounded-sg-md{border-radius:var(--sg-radius-md)}.mfe-qr-code-generator .border{border-width:1px}.mfe-qr-code-generator .border-b{border-bottom-width:1px}.mfe-qr-code-generator .border-sg-border{border-color:var(--sg-border)}.mfe-qr-code-generator .bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.mfe-qr-code-generator .object-contain{object-fit:contain}.mfe-qr-code-generator .p-0{padding:0}.mfe-qr-code-generator .p-1{padding:.25rem}.mfe-qr-code-generator .pb-6{padding-bottom:1.5rem}.mfe-qr-code-generator .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.mfe-qr-code-generator .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.mfe-qr-code-generator .text-2xl{font-size:1.5rem;line-height:2rem}.mfe-qr-code-generator .text-2xs{font-size:.6875rem;line-height:1rem}.mfe-qr-code-generator .text-sm{font-size:.875rem;line-height:1.5rem}.mfe-qr-code-generator .text-xs{font-size:.8125rem;line-height:1.5rem}.mfe-qr-code-generator .font-bold{font-weight:700}.mfe-qr-code-generator .font-normal{font-weight:400}.mfe-qr-code-generator .font-semibold{font-weight:600}.mfe-qr-code-generator .uppercase{text-transform:uppercase}.mfe-qr-code-generator .normal-case{text-transform:none}.mfe-qr-code-generator .tracking-normal{letter-spacing:0em}.mfe-qr-code-generator .tracking-tight{letter-spacing:-.025em}.mfe-qr-code-generator .tracking-wider{letter-spacing:.05em}.mfe-qr-code-generator .text-sg-primary{color:var(--sg-primary)}.mfe-qr-code-generator .text-sg-text{color:var(--sg-text)}.mfe-qr-code-generator .text-sg-text-muted{color:var(--sg-text-muted)}.mfe-qr-code-generator .shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.mfe-qr-code-generator .ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.mfe-qr-code-generator .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.mfe-qr-code-generator .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.mfe-qr-code-generator,.mfe-qr-code-generator *,.mfe-qr-code-generator :before,.mfe-qr-code-generator :after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--sg-border, #3f3f46)}.mfe-qr-code-generator h2,.mfe-qr-code-generator p{font-family:inherit}.mfe-qr-code-generator button{font:inherit;color:inherit;margin:0;padding:0;cursor:pointer}sg-segmented:not(:defined),sg-select:not(:defined){display:inline-block}sg-segmented:not(:defined) option,sg-select:not(:defined) option{display:none}.mfe-qr-code-generator .qr-preview{display:flex;align-items:center;justify-content:center;border-radius:var(--sg-radius-md, .5rem);padding:.5rem}.mfe-qr-code-generator .qr-preview svg{display:block;width:100%;max-width:22rem;height:auto;filter:drop-shadow(0 8px 24px rgb(0 0 0 / .18))}.mfe-qr-code-generator .qr-checker{background-color:#fff;background-image:linear-gradient(45deg,#e4e4e7 25%,transparent 25%),linear-gradient(-45deg,#e4e4e7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e4e7 75%),linear-gradient(-45deg,transparent 75%,#e4e4e7 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.mfe-qr-code-generator .qr-swatch{width:1.75rem;height:1.75rem;border-radius:9999px;border:2px solid var(--sg-border, #3f3f46);transition:transform .15s,border-color .15s}.mfe-qr-code-generator .qr-swatch:hover{transform:scale(1.1);border-color:var(--sg-primary, #14b8a6)}.mfe-qr-code-generator .qr-swatch:focus-visible{outline:2px solid var(--sg-primary, #14b8a6);outline-offset:2px}.mfe-qr-code-generator .qr-thumb{display:flex;align-items:center;justify-content:center;width:100%;max-width:12rem;aspect-ratio:1 / 1;border-radius:var(--sg-radius-md, .5rem)}.mfe-qr-code-generator .qr-thumb .qr-preview svg{max-width:100%;filter:none}@media(min-width:640px){.mfe-qr-code-generator .sm\:col-span-1{grid-column:span 1 / span 1}.mfe-qr-code-generator .sm\:col-span-2{grid-column:span 2 / span 2}.mfe-qr-code-generator .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mfe-qr-code-generator .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mfe-qr-code-generator .sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.mfe-qr-code-generator .sm\:flex-row{flex-direction:row}.mfe-qr-code-generator .sm\:items-center{align-items:center}.mfe-qr-code-generator .sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media(min-width:768px){.mfe-qr-code-generator .md\:flex-row{flex-direction:row}.mfe-qr-code-generator .md\:items-center{align-items:center}}@media(min-width:1024px){.mfe-qr-code-generator .lg\:sticky{position:sticky}.mfe-qr-code-generator .lg\:top-4{top:1rem}.mfe-qr-code-generator .lg\:col-span-2{grid-column:span 2 / span 2}.mfe-qr-code-generator .lg\:col-span-3{grid-column:span 3 / span 3}.mfe-qr-code-generator .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mfe-qr-code-generator .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}