@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-outline-style:solid;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-duration:initial}}}@layer components{.box-style{border-radius:var(--radius-2xl,1rem);background-color:var(--color-white,#fff);--tw-shadow:0px 0px 14px 0px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.code-format-list{align-items:center;gap:calc(var(--spacing,.25rem) * 2);overscroll-behavior-x:contain;grid-auto-columns:max-content;grid-auto-flow:column;display:grid;overflow-x:hidden}@media(min-width:576px){.code-format-list{gap:calc(var(--spacing,.25rem) * 3)}}.code-format-list.dragging,.code-format-list.dragging .code-format-list__item{-webkit-user-select:none;user-select:none}.code-format-list__item{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:#676767;--tw-shadow:0px 0px 24px 0px var(--tw-shadow-color,#2bb7de1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#f6f6f6;border-width:.5px;border-color:#0000;display:flex}@media(hover:hover){.code-format-list__item:hover{background-color:#0061e024!important}}@media(min-width:576px){.code-format-list__item{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}}.code-format-list.sub-list .code-format-list__item{min-width:calc(var(--spacing,.25rem) * 10.5)}@media not all and (min-width:576px){.code-format-list.sub-list .code-format-list__item{gap:calc(var(--spacing,.25rem) * 1);padding:calc(var(--spacing,.25rem) * 1)}}@media(min-width:576px){.code-format-list.sub-list .code-format-list__item{min-width:calc(var(--spacing,.25rem) * 18.5)}}@media not all and (min-width:576px){.code-format-list.generator-type .code-format-list__item{padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1.5);font-size:.625rem}}.generator-subtype-active,.generator-active{color:var(--primary-color);--tw-shadow:0px 0px 24px 0px var(--tw-shadow-color,#2bb7de1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0061e024!important}.generator-active{border-style:var(--tw-border-style);border-width:.5px;border-color:var(--primary-color)}.generator-subtype-active>i,.generator-active>i{background-color:var(--primary-color)!important}.custom-scroll-container::-webkit-scrollbar{width:10px;height:8px}.custom-scroll-container--config::-webkit-scrollbar{height:10px}.custom-scroll-container::-webkit-scrollbar-track{border-radius:var(--radius-2xl,1rem);background-color:#cfcece}.custom-scroll-container::-webkit-scrollbar-thumb{border-radius:var(--radius-2xl,1rem);background-color:#fff;border:2px solid #cfcece}.input-group{--tw-leading:1;line-height:1}.input-group label{margin-bottom:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:1;--tw-font-weight:var(--font-weight-semibold,600);line-height:1;font-weight:var(--font-weight-semibold,600);color:#313131;display:inline-block}.input-group input:not([type=checkbox]):not([type=radio]),.input-group textarea,.input-group .select-option{min-height:calc(var(--spacing,.25rem) * 9.5);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));border-width:1px;border-color:#dadada;display:block}:is(.input-group input:not([type=checkbox]):not([type=radio]),.input-group textarea,.input-group .select-option)::placeholder{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:#8e8e8e}:is(.input-group input:not([type=checkbox]):not([type=radio]),.input-group textarea,.input-group .select-option):focus{border-color:var(--primary-color);--tw-shadow:0px 0px 0px 1px var(--tw-shadow-color,var(--primary-color));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}.invalidInputField{border-style:var(--tw-border-style);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-black,#000);border-width:1px;border-color:var(--color-red-600,oklch(57.7% .245 27.325))!important;--tw-shadow:0px 0px 0px 1px var(--tw-shadow-color,#e02424)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.invalidInputField:focus{outline-style:var(--tw-outline-style);outline-width:0;border-color:var(--color-red-600,oklch(57.7% .245 27.325))!important;--tw-shadow:0px 0px 0px 1px var(--tw-shadow-color,#e02424)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.input-group textarea{resize:none;padding-block:calc(var(--spacing,.25rem) * 1.5)}.input-group .select-option{cursor:pointer;appearance:none;background-color:var(--color-white,#fff);background-image:url(https://qrscanner.net/build/images/icons/arrow-down.svg);background-position:right 10px center;background-repeat:no-repeat}.input-group .select-option:where(:dir(rtl),[dir=rtl],[dir=rtl] *){background-position:10px}.input-group .select-option{background-size:.75rem}.checkbox-input{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);cursor:pointer;appearance:none;border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);border-width:1px;border-color:#d1d1d1;position:relative}.checkbox-input:checked{background-color:var(--primary-color);background-image:url(images/icons/tick-mark.svg);background-position:50%;background-repeat:no-repeat;background-size:.8rem}.input-group .radio-input{height:calc(var(--spacing,.25rem) * 3.5);width:calc(var(--spacing,.25rem) * 3.5);appearance:none;border-style:var(--tw-border-style);border-width:1px;border-color:#bababa;border-radius:3.40282e38px;position:relative}.input-group .radio-input:checked:after{height:calc(var(--spacing,.25rem) * 2);width:calc(var(--spacing,.25rem) * 2);--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--primary-color);--tw-content:"";content:var(--tw-content);border-radius:3.40282e38px;position:absolute;top:50%;left:50%}.input-group .radio-input:checked:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:transparent}.input-group .radio-input:checked{border-color:var(--primary-color);background-color:#0000}.config__item{border-radius:var(--radius-md,.375rem);background-color:var(--color-white,#fff);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);justify-content:center;align-items:center;display:flex}.config__item:not(.active):hover,.drop-logo-zone[data-upload=post]:not(.active):hover{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s}@media(hover:hover){:is(.config__item:not(.active):hover,.drop-logo-zone[data-upload=post]:not(.active):hover):hover{--tw-shadow:0px 0px 8px 0px var(--tw-shadow-color,var(--primary-color));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.config__item.active{--tw-shadow:0px 0px 0px 1px var(--tw-shadow-color,var(--primary-color));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0061e024}.drop-logo-zone[data-upload=post].active{--tw-shadow:0px 0px 0px 1px var(--tw-shadow-color,var(--primary-color));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.config__item--frame{height:calc(var(--spacing,.25rem) * 22.5);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3)}.config__item--innerEye,.config__item--outerEye{height:calc(var(--spacing,.25rem) * 11.5);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1.5)}.config__item--level{min-height:6.8rem;padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * 2);flex-direction:column}.config__item--level .qr-img-container{width:calc(var(--spacing,.25rem) * 18.25);height:calc(var(--spacing,.25rem) * 18.75)!important}.config__item--level .qr-img-container>*{max-width:100%;height:auto}.config__item--shape{height:calc(var(--spacing,.25rem) * 16.5);padding:calc(var(--spacing,.25rem) * 2)}.config__item--logo{height:calc(var(--spacing,.25rem) * 12);padding:calc(var(--spacing,.25rem) * 2)}#generatorSubTypeList .sub-list:not(.is-default){animation:var(--animate-fadeOut,fadeOut .25s linear 0s 1 forwards);display:none}#generatorSubTypeList[data-generator-subList=upcSubList] #upcSubList:not(.is-default),#generatorSubTypeList[data-generator-subList=linearSubList] #linearSubList:not(.is-default),#generatorSubTypeList[data-generator-subList=eanSubList] #eanSubList:not(.is-default),#generatorSubTypeList[data-generator-subList=qrSubList] #qrSubList:not(.is-default){animation:var(--animate-fadeIn,fadeIn .25s linear 0s 1 forwards);display:grid}.input-section{margin-top:calc(var(--spacing,.25rem) * 1.5);position:relative}.input-section:not(.is-default){animation:var(--animate-fadeOut,fadeOut .25s linear 0s 1 forwards);display:none!important}#inputFieldsContainer[data-input-section=URL] #urlInputSection:not(.is-default),#inputFieldsContainer[data-input-section=VCARD] #VcardInputSection:not(.is-default),#inputFieldsContainer[data-input-section=TEXT] #textInputSection:not(.is-default),#inputFieldsContainer[data-input-section=EMAIL] #emailInputSection:not(.is-default),#inputFieldsContainer[data-input-section=SMS] #smsInputSection:not(.is-default),#inputFieldsContainer[data-input-section=WIFI] #wifiInputSection:not(.is-default),#inputFieldsContainer[data-input-section=FACEBOOK] #fbUrlInputSection:not(.is-default),#inputFieldsContainer[data-input-section=PDF] #pdfInputSection:not(.is-default),#inputFieldsContainer[data-input-section=TWITTER] #twitterInputSection:not(.is-default),#inputFieldsContainer[data-input-section=MP3] #mp3InputSection:not(.is-default),#inputFieldsContainer[data-input-section=APP] #appStoreInputSection:not(.is-default),#inputFieldsContainer[data-input-section=IMAGE] #imgInputSection:not(.is-default),#inputFieldsContainer[data-input-section=PHONE] #phoneInputSection:not(.is-default),#inputFieldsContainer[data-input-section=LOCATION] #locationInputSection:not(.is-default),#inputFieldsContainer[data-input-section=EVENT] #eventInputSection:not(.is-default),#inputFieldsContainer[data-input-section=BAR_CODE] #barCodeInputSection:not(.is-default){animation:var(--animate-fadeIn,fadeIn .25s linear 0s 1 forwards);display:block!important}.config-options>label{border-style:var(--tw-border-style);border-width:.5px;border-color:#0000}#qrFrames:checked~.config-options>label[for=qrFrames],#qrShapesColor:checked~.config-options>label[for=qrShapesColor],#qrLogo:checked~.config-options>label[for=qrLogo],#qrLevel:checked~.config-options>label[for=qrLevel],#qrSize:checked~.config-options>label[for=qrSize],#backgroundColor:checked~.config-options>label[for=backgroundColor]{border-style:var(--tw-border-style);border-width:.5px;border-color:var(--primary-color);color:var(--primary-color);--tw-shadow:0px 0px 24px 0px var(--tw-shadow-color,#2bb7de1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0061e024!important}.config-list:not(.is-default){animation:var(--animate-fadeOut,fadeOut .25s linear 0s 1 forwards);display:none!important}#qrFrames:checked~.config-container>#frameSection:not(.is-default),#qrShapesColor:checked~.config-container>#shapeColorSection:not(.is-default),#qrLogo:checked~.config-container>#logoSection:not(.is-default),#qrLevel:checked~.config-container>#levelSection:not(.is-default),#qrSize:checked~.config-container>#sizeSection:not(.is-default),#backgroundColor:checked~.config-container>#bgColorSection:not(.is-default){animation:var(--animate-fadeIn,fadeIn .25s linear 0s 1 forwards);display:flex!important}.color-content .gradient-type{appearance:none;background-image:url(https://qrscanner.net/build/images/icons/arrow-down.svg);background-position:right 6px center;background-repeat:no-repeat;padding-inline-start:calc(var(--spacing,.25rem) * 1.5);padding-inline-end:calc(var(--spacing,.25rem) * 6)}.color-content .gradient-type:where(:dir(rtl),[dir=rtl],[dir=rtl] *){background-position:6px}.color-content .gradient-type{background-size:.75rem}.custom-sticky{z-index:20;position:sticky}.logoDropZone{background-color:#2bb7de1a}#logoDropZone #pre-upload,#logoDropZone #post-upload{animation:var(--animate-fadeOut,fadeOut .25s linear 0s 1 forwards);display:none!important}#logoDropZone[data-upload=pre] #pre-upload,#logoDropZone[data-upload=post] #post-upload{animation:var(--animate-fadeIn,fadeIn .25s linear 0s 1 forwards);display:flex!important}.gradient-select{padding:0 30px 0 10px!important}.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gradient-color-state:checked~.color-heading .color-heading__slider{inset-inline-start:50%!important}.single-color-state:checked~.color-heading .color-heading__single,.gradient-color-state:checked~.color-heading .color-heading__gradient{color:#fff!important}.single-color-state~.color-content .color-content__single,.gradient-color-state~.color-content .color-content__gradient{display:none!important}.single-color-state:checked~.color-content .color-content__single,.gradient-color-state:checked~.color-content .color-content__gradient{display:flex!important}.range-logo-size{--thumbSize:4px;--thumbBorderSize:5px;--radius:5px;--trackSize:6px;--thumbBg:white;--trackBg:#0061e024;--thumbBorderColor:var(--primary-color);--progressBg:var(--primary-color)}.char-counter{text-align:end;--tw-leading:var(--leading-tight,1.25);font-size:.75rem;line-height:var(--leading-tight,1.25);color:gray;border-radius:.25rem}.char-counter.at-limit{color:#721c24}.code-format-list:focus{outline:none}.range-datalist{margin:calc(var(--spacing,.25rem) * 0);padding-inline:calc(var(--spacing,.25rem) * 1.75);position:relative}.range-datalist__marker{flex:none;position:relative}.range-datalist__marker:after{inset-inline-start:calc(var(--spacing,.25rem) * 0);top:calc(var(--spacing,.25rem) * -.75);height:calc(var(--spacing,.25rem) * 2);width:calc(var(--spacing,.25rem) * .75);border-radius:var(--radius-xl,.75rem);--tw-content:"";content:var(--tw-content);background-color:#d1d1d1;display:inline-block;position:absolute}.qr-wrapper{transition:box-shadow .6s cubic-bezier(.34,1.56,.64,1);transform:scale(1);box-shadow:0 5px 10px #0000001a}.qr-wrapper.shadow-3d{animation:var(--animate-popBounce,popBounce .6s cubic-bezier(.34, 1.56, .64, 1));transform:scale(1.03);box-shadow:0 4px 18px #0000000a,0 8px 16px #0000000d,0 12px 24px #0000000f}.password-line:after{visibility:hidden;height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * .5);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);content:var(--tw-content);background-color:#000000b3;border-radius:.25rem;position:absolute;top:50%;rotate:-45deg}@supports (color:color-mix(in lab,red,red)){.password-line:after{background-color:color-mix(in oklab,var(--color-black,#000) 70%,transparent)}}.password-line:after{--tw-content:"";content:var(--tw-content)}.password-line:where(:dir(rtl),[dir=rtl],[dir=rtl] *):after{content:var(--tw-content);rotate:45deg}.password-line.show:after{content:var(--tw-content);visibility:visible}.phone-row:first-child .delete-phone-btn{display:none}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-duration{syntax:"*";inherits:false}@keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes fadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}