.qr-page-container{min-height:100vh;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#dbeafe var(--tw-gradient-from-position);--tw-gradient-to:rgba(219,234,254,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#c7d2fe var(--tw-gradient-to-position);padding-top:1rem;padding-bottom:1rem}@media (min-width:640px){.qr-page-container{padding-top:1.5rem;padding-bottom:1.5rem}}@media (min-width:768px){.qr-page-container{padding-top:2.5rem;padding-bottom:2.5rem}}@media (min-width:1024px){.qr-page-container{padding-top:4rem;padding-bottom:4rem}}.settings-section{overflow:visible;border-radius:.75rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(224 231 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.settings-section:hover{--tw-border-opacity:1;border-color:rgb(199 210 254/var(--tw-border-opacity,1))}.scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.scrollbar-hide::-webkit-scrollbar{display:none}.scroll-shadow{background:linear-gradient(#fff 33%,hsla(0,0%,100%,0)),linear-gradient(hsla(0,0%,100%,0),#fff 66%) 0 100%,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.1),transparent),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.1),transparent) 0 100%;background-repeat:no-repeat;background-color:#fff;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll}html{scroll-behavior:smooth}.settings-input:focus{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1));--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(2px + 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);--tw-ring-color:rgba(99,102,241,.2);outline:none}.settings-hover{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.settings-hover:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.settings-button{display:flex;width:100%;align-items:center;justify-content:space-between;border-top-left-radius:.75rem;border-top-right-radius:.75rem;padding:1rem;text-align:left;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.settings-button:hover{background-color:rgba(249,250,251,.5)}.settings-icon-container{border-radius:.5rem;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#e0e7ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(224,231,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f3e8ff var(--tw-gradient-to-position);padding:.625rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.settings-icon{height:1.25rem;width:1.25rem;--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.settings-content{display:flex;align-items:center;gap:1rem}.settings-text{font-weight:600;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.settings-description{margin-top:.125rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.settings-chevron{height:1.25rem;width:1.25rem;--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.settings-panel{border-top-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1));padding:1rem}.qr-content-container{width:100%}@media (min-width:480px){.qr-content-container{max-width:480px}}@media (min-width:640px){.qr-content-container{max-width:640px}}@media (min-width:768px){.qr-content-container{max-width:768px}}@media (min-width:1024px){.qr-content-container{max-width:1024px}}@media (min-width:1280px){.qr-content-container{max-width:1280px}}@media (min-width:1536px){.qr-content-container{max-width:1536px}}.qr-content-container{margin-left:auto;margin-right:auto;padding-left:.5rem;padding-right:.5rem}@media (min-width:640px){.qr-content-container{padding-left:1rem;padding-right:1rem}}@media (min-width:768px){.qr-content-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.qr-content-container{padding-left:2rem;padding-right:2rem}}.qr-main-card{border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1rem;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:640px){.qr-main-card{padding:1.5rem}}@media (min-width:768px){.qr-main-card{padding:2rem}}@media (min-width:1024px){.qr-main-card{padding:2.5rem}}.qr-title{margin-bottom:2rem;text-align:center;font-size:1.875rem;line-height:2.25rem;font-weight:800;--tw-text-opacity:1;color:rgb(55 48 163/var(--tw-text-opacity,1))}@media (min-width:640px){.qr-title{font-size:2.25rem;line-height:2.5rem}}@media (min-width:768px){.qr-title{font-size:3rem;line-height:1}}@media (min-width:1024px){.qr-title{font-size:3.75rem;line-height:1}}.qr-title-gradient{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#6366f1 var(--tw-gradient-from-position);--tw-gradient-to:rgba(99,102,241,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#9333ea var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;color:transparent}.qr-flex-container{display:flex;flex-direction:column;align-items:stretch;gap:2rem}@media (min-width:1024px){.qr-flex-container{flex-direction:row}}.qr-left-column{flex:1 1 0%;overflow-y:auto}.qr-left-column,.qr-right-column{display:flex;flex-direction:column}@media (min-width:1024px){.qr-right-column{width:41.666667%}}.qr-preview-container{display:flex;flex-direction:column;align-items:center}.qr-code-wrapper{margin-bottom:1.5rem;border-radius:.75rem;border-width:1px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.5rem;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.qr-button-container{display:flex;width:100%;align-items:center;gap:.75rem}.qr-download-button{display:flex;flex:1 1 0%;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#4f46e5 var(--tw-gradient-from-position);--tw-gradient-to:rgba(79,70,229,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#9333ea var(--tw-gradient-to-position);padding:.75rem 1.5rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.qr-download-button:hover{--tw-gradient-from:#4338ca var(--tw-gradient-from-position);--tw-gradient-to:rgba(67,56,202,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#7e22ce var(--tw-gradient-to-position)}.qr-share-button{display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:700;--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.qr-share-button:hover{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.qr-settings-button{border-radius:9999px;padding:.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.qr-settings-button:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.qr-settings-icon{height:1.25rem;width:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.qr-product-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width:640px){.qr-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.qr-product-card{position:relative;overflow:hidden;border-radius:.75rem;--tw-bg-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.qr-customize-button,.qr-product-card{background-color:rgb(255 255 255/var(--tw-bg-opacity,1));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.qr-customize-button{position:absolute;top:.5rem;right:.5rem;border-radius:9999px;--tw-bg-opacity:1;padding:.5rem;opacity:0;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.qr-customize-button:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.group:hover .qr-customize-button{opacity:1}.qr-product-image{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.qr-product-content{padding:1rem}.qr-product-title{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.qr-product-description{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.qr-product-footer{margin-top:1rem;display:flex;align-items:center;justify-content:space-between}.qr-product-price{font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.qr-view-button{display:inline-flex;align-items:center;border-radius:.375rem;border-width:1px;border-color:transparent;--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.qr-view-button:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}