@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:300;src:url(../assets/fonts/open-sans-v34-latin-300.eot);src:url(../assets/fonts/open-sans-v34-latin-300.eot?#iefix) format("embedded-opentype"),url(../assets/fonts/open-sans-v34-latin-300.woff2) format("woff2"),url(../assets/fonts/open-sans-v34-latin-300.woff) format("woff"),url(../assets/fonts/open-sans-v34-latin-300.ttf) format("truetype"),url(../assets/fonts/open-sans-v34-latin-300.svg#OpenSans) format("svg")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:500;src:url(../assets/fonts/open-sans-v34-latin-500.eot);src:url(../assets/fonts/open-sans-v34-latin-500.eot?#iefix) format("embedded-opentype"),url(../assets/fonts/open-sans-v34-latin-500.woff2) format("woff2"),url(../assets/fonts/open-sans-v34-latin-500.woff) format("woff"),url(../assets/fonts/open-sans-v34-latin-500.ttf) format("truetype"),url(../assets/fonts/open-sans-v34-latin-500.svg#OpenSans) format("svg")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:600;src:url(../assets/fonts/open-sans-v34-latin-600.eot);src:url(../assets/fonts/open-sans-v34-latin-600.eot?#iefix) format("embedded-opentype"),url(../assets/fonts/open-sans-v34-latin-600.woff2) format("woff2"),url(../assets/fonts/open-sans-v34-latin-600.woff) format("woff"),url(../assets/fonts/open-sans-v34-latin-600.ttf) format("truetype"),url(../assets/fonts/open-sans-v34-latin-600.svg#OpenSans) format("svg")}input[type=range].styled-slider{-webkit-appearance:none;border-radius:.7rem;height:1rem}input[type=range].styled-slider.slider-progress{--range:calc(var(--max) - var(--min));--ratio:calc((var(--value) - var(--min))/var(--range));--sx:calc(0.8rem + var(--ratio)*(100% - 1.6rem))}input[type=range].styled-slider:focus{outline:none}input[type=range].styled-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--orange);border:none;border-radius:1.6rem;box-shadow:0 0 .2rem #000;height:1.6rem;margin-top:-.3rem;width:1.6rem}input[type=range].styled-slider::-webkit-slider-runnable-track{background:var(--white);border:none;border-radius:.7rem;box-shadow:none;height:1rem}input[type=range].styled-slider::-webkit-slider-thumb:hover{background:var(--orange)}input[type=range].styled-slider:hover::-webkit-slider-runnable-track{background:var(--white-hover)}input[type=range].styled-slider::-webkit-slider-thumb:active{background:var(--orange)}input[type=range].styled-slider:active::-webkit-slider-runnable-track{background:var(--white-hover)}input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track{background:linear-gradient(var(--orange),var(--orange)) 0 /var(--sx) 100% no-repeat,var(--white)}input[type=range].styled-slider.slider-progress:hover::-webkit-slider-runnable-track{background:linear-gradient(var(--orange-hover),var(--orange-hover)) 0 /var(--sx) 100% no-repeat,var(--white-hover)}input[type=range].styled-slider.slider-progress:active::-webkit-slider-runnable-track{background:linear-gradient(var(--orange),var(--orange)) 0 /var(--sx) 100% no-repeat,var(--white-hover)}input[type=range].styled-slider::-moz-range-thumb{background:var(--orange);border:none;border-radius:1.6rem;box-shadow:0 0 .2rem var(--black);height:1.6rem;width:1.6rem}input[type=range].styled-slider::-moz-range-track{background:var(--white);border:none;border-radius:.7rem;box-shadow:none;height:1rem}input[type=range].styled-slider::-moz-range-thumb:hover{background:var(--orange)}input[type=range].styled-slider:hover::-moz-range-track{background:var(--white-hover)}input[type=range].styled-slider::-moz-range-thumb:active{background:var(--orange)}input[type=range].styled-slider:active::-moz-range-track{background:var(--white-hover)}input[type=range].styled-slider.slider-progress::-moz-range-track{background:linear-gradient(var(--orange),var(--orange)) 0 /var(--sx) 100% no-repeat,var(--white)}input[type=range].styled-slider.slider-progress:hover::-moz-range-track{background:linear-gradient(var(--orange--hover),var(--orange--hover)) 0 /var(--sx) 100% no-repeat,var(--white-hover)}input[type=range].styled-slider.slider-progress:active::-moz-range-track{background:linear-gradient(var(--orange),var(--orange)) 0 /var(--sx) 100% no-repeat,var(--white-hover)}input[type=range].styled-slider::-ms-fill-lower,input[type=range].styled-slider::-ms-fill-upper{background:transparent;border-color:transparent}input[type=range].styled-slider::-ms-thumb{background:var(--orange);border:none;border-radius:1.6rem;box-shadow:0 0 .2rem var(--black);box-sizing:border-box;height:1.6rem;margin-top:0;width:1.6rem}input[type=range].styled-slider::-ms-track{background:var(--white);border:none;border-radius:.7rem;box-shadow:none;box-sizing:border-box;height:1rem}input[type=range].styled-slider::-ms-thumb:hover{background:var(--orange)}input[type=range].styled-slider:hover::-ms-track{background:var(--white-hover)}input[type=range].styled-slider::-ms-thumb:active{background:var(--orange)}input[type=range].styled-slider:active::-ms-track{background:var(--white-hover)}input[type=range].styled-slider.slider-progress::-ms-fill-lower{background:var(--orange);border:none;border-radius:.7rem 0 0 .7rem;border-right:0;height:1rem;margin:-undefined 0 -undefined -undefined}input[type=range].styled-slider.slider-progress:hover::-ms-fill-lower{background:var(--orange--hover)}input[type=range].styled-slider.slider-progress:active::-ms-fill-lower{background:var(--orange)}.setting fieldset .qr-format label{cursor:pointer;font-size:1.3rem;padding-left:1.9rem;position:relative;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.setting fieldset .qr-format input[type=radio]{cursor:pointer;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-1}.setting fieldset .qr-format .checkmark{background-color:var(--white);border-radius:50%;height:1.3rem;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1.3rem}.setting fieldset .qr-format label:hover input[type=radio]~.checkmark{background-color:var(--white-hover)}.setting fieldset .qr-format label input[type=radio]:checked~.checkmark{background-color:var(--white)}.setting fieldset .qr-format .checkmark:after{content:"";display:none;position:absolute}.setting fieldset .qr-format label input[type=radio]:checked~.checkmark:after{display:block}.setting fieldset .qr-format label .checkmark:after{background:var(--orange);border-radius:50%;height:.65rem;left:50%;top:50%;transform:translate(-50%,-50%);width:.65rem}:root{--body-background:#ebf7ff;--app-background:#00298a;--setting-box:#1139a0;--white:#fff;--white-hover:#f8f8f8;--white-disabled:hsla(0,0%,100%,.3);--light-blue:#3dbcfa;--orange:#ff9b02;--orange-hover:#f99700;--orange-disabled:rgba(255,155,2,.3);--black:#000;--error:#ff6350;--box-shadow:0 1.5rem 4rem rgba(0,0,0,.15);--tooltip:rgba(0,0,0,.7);--preview-overlay:rgba(0,0,0,.5);--lightbox-overlay:rgba(0,0,0,.85);--main-font:"Open Sans",sans-serif;--default-letter-spacing:0.05rem;--input-border-focus:0.1rem solid var(--orange);--input-box-shadow-focus:0 0 0 0.1rem var(--orange);--input-box-shadow-error:0 0 0 0.1rem var(--error);--all-five-ms-transition:all 0.5s}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:10px;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ebf7ff;background-color:var(--body-background);color:#fff;color:var(--white);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Open Sans,sans-serif;font-family:var(--main-font);justify-content:center;min-height:100vh;padding:5rem 0}.qr-app{background-color:#00298a;background-color:var(--app-background);border-radius:2rem;-webkit-box-shadow:0 1.5rem 4rem rgba(0,0,0,.15);box-shadow:0 1.5rem 4rem rgba(0,0,0,.15);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);padding:5rem 4rem;width:52rem}h1.app-title{font-size:2.8rem;font-weight:600;letter-spacing:.05rem;letter-spacing:var(--default-letter-spacing);line-height:3.2rem;margin-bottom:2.5rem;text-align:center}.reset-section{margin-bottom:.5rem;text-align:right}.reset-section button.reset-btn{background-color:transparent;border:none;color:#fff;color:var(--white);cursor:pointer;font-size:1.3rem;font-weight:500;outline:none;-webkit-text-decoration:underline;text-decoration:underline;text-transform:capitalize;-webkit-transition:all .5s;transition:all .5s;-webkit-transition:var(--all-five-ms-transition);transition:var(--all-five-ms-transition)}.reset-section button.reset-btn:hover{color:#f99700;color:var(--orange-hover)}.data-input-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;margin-bottom:3rem}.setting-title,label{font-size:1.6rem;font-weight:500;line-height:2rem;text-transform:uppercase}label .asterisk{color:#ff9b02;color:var(--orange);font-size:1.2rem;font-weight:600}label .tooltip{cursor:pointer;display:inline-block;margin-left:.3rem;position:relative}label .tooltip:after,label .tooltip:before{position:absolute;-webkit-transition:all .5s;transition:all .5s;-webkit-transition:var(--all-five-ms-transition);transition:var(--all-five-ms-transition);z-index:-1}label .tooltip:before{border-color:rgba(0,0,0,.7) transparent transparent;border-color:var(--tooltip) transparent transparent transparent;border-style:solid;border-width:1rem .8rem 0;content:"";left:0;opacity:0;top:-.2rem}label .tooltip:after{background-color:rgba(0,0,0,.7);background-color:var(--tooltip);border-radius:.5rem;content:attr(data-tooltip);font-size:1rem;font-weight:400;height:3.3rem;left:-4rem;line-height:1.3rem;opacity:0;padding:.2rem 1.2rem;text-transform:none;top:-3.5rem;width:23rem}label .tooltip:hover:after,label .tooltip:hover:before{opacity:1;z-index:2}label .tooltip i:before{font-size:1.4rem;font-weight:600}.error-msg,span.sub-label{display:block;font-size:1.3rem;font-weight:300;line-height:1.8rem}.error-msg{color:#ff6350;color:var(--error);display:none;font-weight:600;margin-top:.2rem}.error-msg.visible{display:block}.data-input-container input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-color:var(--white);border:.1rem solid #fff;border:.1rem solid var(--white);border-radius:.7rem;font-size:1.4rem;font-weight:400;line-height:2rem;margin:.5rem 0 .2rem;outline:none;padding:.5rem 1.3rem;width:100%}.data-input-container input[type=text].error{border:.1rem solid #ff6350;border:.1rem solid var(--error);-webkit-box-shadow:0 0 0 .1rem #ff6350;box-shadow:0 0 0 .1rem #ff6350;-webkit-box-shadow:var(--input-box-shadow-error);box-shadow:var(--input-box-shadow-error)}.data-input-container input[type=text]:focus,.data-input-container input[type=text]:focus-visible{background-color:#fff;background-color:var(--white);border:.1rem solid #ff9b02;border:var(--input-border-focus);-webkit-box-shadow:0 0 0 .1rem #ff9b02;box-shadow:0 0 0 .1rem #ff9b02;-webkit-box-shadow:var(--input-box-shadow-focus);box-shadow:var(--input-box-shadow-focus)}.data-input-container input[type=text]:-webkit-autofill,.data-input-container input[type=text]:-webkit-autofill:focus,.data-input-container input[type=text]:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #fff;-webkit-box-shadow:0 0 0 1000px var(--white) inset}section.setting-box-container{background-color:#1139a0;background-color:var(--setting-box);border-radius:.7rem;margin-bottom:1.5rem;padding:1.8rem 2.2rem}section.setting-box-container.last{margin-bottom:3.5rem}section.setting-box-container label{font-size:1.3rem;text-transform:capitalize}section.setting-box-container span.sub-label{font-size:1.2rem}.setting{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.setting:first-of-type{margin-top:1.2rem}.setting:not(:last-of-type){margin-bottom:1.4rem}.setting.margin,.setting.size{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.setting-title{cursor:pointer;letter-spacing:.05rem;letter-spacing:var(--default-letter-spacing);position:relative}.setting-title:after{content:"\f107";font-family:Font Awesome\ 6 Free;font-size:1.6rem;font-weight:600;line-height:1;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .5s;transition:all .5s;-webkit-transition:var(--all-five-ms-transition);transition:var(--all-five-ms-transition)}.setting-title.active:after{content:"\f106"}.setting-options{max-height:0;overflow:hidden;-webkit-transition:max-height .2s ease-out;transition:max-height .2s ease-out}.setting span.color-preview{height:2rem;margin:0 1rem;width:3.2rem}.setting-options.colors input.sub-label{border:.1rem solid #fff;border:.1rem solid var(--white);border-radius:.3rem;font-size:1.2rem;letter-spacing:.07rem;outline:none;padding:.2rem .6rem;width:110px}.setting-options.colors input.sub-label:focus,.setting-options.colors input.sub-label:focus-visible{border:.1rem solid #ff9b02;border:var(--input-border-focus);-webkit-box-shadow:0 0 0 .1rem #ff9b02;box-shadow:0 0 0 .1rem #ff9b02;-webkit-box-shadow:var(--input-box-shadow-focus);box-shadow:var(--input-box-shadow-focus)}.setting legend{font-size:1.3rem;font-weight:500;line-height:2rem;text-transform:capitalize}.setting .slider,.setting .slider input[type=range]{width:100%}.setting .slider input[type=range]{cursor:pointer;margin-top:.5rem;outline:none}.setting .slider input[type=range]:focus-visible{border:none;outline:none}.setting fieldset{border:none;width:100%}.setting fieldset .qr-format-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:.5rem}.setting fieldset .qr-format-container .qr-format:not(:last-child){margin-right:4rem}.form-footer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:space-between}.form-footer .preview-outer h3{font-size:1.2rem;font-weight:500;letter-spacing:.05rem;letter-spacing:var(--default-letter-spacing);margin-bottom:.6rem;text-align:center;text-transform:uppercase}.form-footer .preview-outer .mobile-info{-webkit-box-pack:center;-ms-flex-pack:center;display:none;justify-content:center;margin:.6rem auto 0;position:relative;width:70%}.form-footer .preview-outer .mobile-info i{display:inline-block;margin-top:.3rem;width:10%}.form-footer .preview-outer .mobile-info i:before{font-size:1.2rem}.form-footer .preview-outer .mobile-info .text{display:inline-block;font-size:1.2rem;font-weight:500;text-align:center;width:80%}.form-footer .preview-outer .preview-inner{border:1px solid #fff;border:1px solid var(--white);height:13rem;margin:0 auto;position:relative;width:13rem}.form-footer .preview-inner .preview{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;width:100%}.form-footer .preview-inner .preview .preview-element{height:12.2rem;width:12.2rem}.form-footer .preview-outer .preview-element.no-preview{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;background-color:var(--white);color:#000;color:var(--black);font-size:1.1rem;font-weight:600;padding:1.5rem;text-align:center}.form-footer .preview-inner .preview-overlay,.form-footer .preview-outer .preview-element.no-preview{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.form-footer .preview-inner .preview-overlay{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background-color:rgba(0,0,0,.5);background-color:var(--preview-overlay);cursor:pointer;height:100%;opacity:0;position:absolute;-webkit-transition:all .5s;transition:all .5s;-webkit-transition:var(--all-five-ms-transition);transition:var(--all-five-ms-transition);visibility:hidden;width:100%}.form-footer .preview-inner .preview-overlay.active{visibility:visible;z-index:1}.form-footer .preview-inner .preview-overlay.active:hover{opacity:1}.form-footer .preview-inner .preview-overlay:after{color:#fff;color:var(--white);content:"\f00e";font-family:Font Awesome\ 6 Free;font-size:3rem;font-weight:600;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.form-footer .preview-inner .preview-overlay p{font-size:1.4rem;font-weight:600;margin-bottom:1.5rem}.form-footer .btns-container{margin-top:3.5rem}.form-footer .btns-container button{border-radius:3.5rem;cursor:pointer;max-width:17rem;min-width:17rem;outline:none;padding:2.2rem 0;-webkit-transition:all .5s;transition:all .5s;-webkit-transition:var(--all-five-ms-transition);transition:var(--all-five-ms-transition)}.form-footer .btns-container button.download-btn:hover,.form-footer .btns-container button.generate-btn:hover{background-color:transparent}.form-footer .btns-container button.generate-btn{background-color:#3dbcfa;background-color:var(--light-blue);border:2px solid #3dbcfa;border:2px solid var(--light-blue);margin-right:1.2rem}.form-footer .btns-container button.download-btn{background-color:#ff9b02;background-color:var(--orange);border:2px solid #ff9b02;border:2px solid var(--orange);margin-left:1.2rem}.form-footer .btns-container button.download-btn:disabled,.form-footer .btns-container button.download-btn:disabled:hover{background-color:rgba(255,155,2,.3);background-color:var(--orange-disabled)}.form-footer .btns-container button .text{color:#fff;color:var(--white);font-family:Open Sans,sans-serif;font-family:var(--main-font);font-size:1.4rem;font-weight:500;letter-spacing:.05rem;letter-spacing:var(--default-letter-spacing);line-height:1;padding-left:2rem;position:relative;text-transform:uppercase}.form-footer .btns-container button:disabled .text{color:hsla(0,0%,100%,.3);color:var(--white-disabled)}.form-footer .btns-container button.generate-btn:hover .text,.form-footer .btns-container button.generate-btn:hover .text:before{color:#3dbcfa;color:var(--light-blue)}.form-footer .btns-container button.download-btn:disabled:hover .text,.form-footer .btns-container button.download-btn:disabled:hover .text:before{color:hsla(0,0%,100%,.3);color:var(--white-disabled)}.form-footer .btns-container button.download-btn:hover .text,.form-footer .btns-container button.download-btn:hover .text:before{color:#ff9b02;color:var(--orange)}.form-footer .btns-container button.generate-btn .text:before{content:"\f029"}.form-footer .btns-container button.download-btn .text:before,.form-footer .btns-container button.generate-btn .text:before{font-family:Font Awesome\ 6 Free;font-size:1.4rem;font-weight:600;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.form-footer .btns-container button.download-btn .text:before{content:"\f019"}.loader{display:none;height:120px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:120px}.loader.show{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.loader div{-webkit-animation:move 4s infinite;animation:move 4s infinite;height:30px;position:absolute;width:30px}.loader div:first-child{-webkit-animation-delay:-1s;animation-delay:-1s;background-color:#9e88f6;-webkit-box-shadow:0 7px 29px 0 #9e88f6;box-shadow:0 7px 29px 0 #9e88f6;-webkit-transform:translate(-30px,-30px);transform:translate(-30px,-30px)}.loader div:nth-child(2){-webkit-animation-delay:-2s;animation-delay:-2s;background-color:#61b7fd;-webkit-box-shadow:0 7px 29px 0 #61b7fd;box-shadow:0 7px 29px 0 #61b7fd;-webkit-transform:translate(30px,-30px);transform:translate(30px,-30px)}.loader div:nth-child(3){-webkit-animation-delay:-3s;animation-delay:-3s;background-color:#5ff9af;-webkit-box-shadow:0 7px 29px 0 #5ff9af;box-shadow:0 7px 29px 0 #5ff9af;-webkit-transform:translate(30px,30px);transform:translate(30px,30px)}.loader div:nth-child(4){-webkit-animation-delay:-4s;animation-delay:-4s;background-color:#f3ab59;-webkit-box-shadow:0 7px 29px 0 #f3ab59;box-shadow:0 7px 29px 0 #f3ab59;-webkit-transform:translate(-30px,30px);transform:translate(-30px,30px)}@-webkit-keyframes move{0%{-webkit-transform:translate(-30px,-30px);transform:translate(-30px,-30px)}25%{-webkit-transform:translate(30px,-30px);transform:translate(30px,-30px)}50%{-webkit-transform:translate(30px,30px);transform:translate(30px,30px)}75%{-webkit-transform:translate(-30px,30px);transform:translate(-30px,30px)}to{-webkit-transform:translate(-30px,-30px);transform:translate(-30px,-30px)}}@keyframes move{0%{-webkit-transform:translate(-30px,-30px);transform:translate(-30px,-30px)}25%{-webkit-transform:translate(30px,-30px);transform:translate(30px,-30px)}50%{-webkit-transform:translate(30px,30px);transform:translate(30px,30px)}75%{-webkit-transform:translate(-30px,30px);transform:translate(-30px,30px)}to{-webkit-transform:translate(-30px,-30px);transform:translate(-30px,-30px)}}.lightbox-container{background-color:rgba(0,0,0,.85);background-color:var(--lightbox-overlay);height:100vh;left:0;opacity:0;position:fixed;top:0;-webkit-transition:all .5s;transition:all .5s;-webkit-transition:var(--all-five-ms-transition);transition:var(--all-five-ms-transition);visibility:hidden;width:100vw}.lightbox-container.active{opacity:1;visibility:visible;z-index:2}.lightbox-container .lightbox-inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center;width:100%}.lightbox-container .img-container{position:relative}.lightbox-container .img-container .close-lightbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer;height:2.8rem;outline:none;position:absolute;right:-4rem;top:-4rem;width:2.8rem}.lightbox-container .img-container .close-lightbox:before{color:#fff;color:var(--white);content:"\f00d";font-family:Font Awesome\ 6 Free;font-size:2.8rem;font-weight:600;-webkit-transition:all .5s;transition:all .5s;-webkit-transition:var(--all-five-ms-transition);transition:var(--all-five-ms-transition)}.lightbox-container .img-container .close-lightbox:hover:before{color:#3dbcfa;color:var(--light-blue)}.lightbox-container .img-container .lightbox-image{max-width:42rem}.lightbox-container .lightbox-inner h3{font-size:2rem;font-weight:600;margin-top:3rem}@media only screen and (max-width:768px){.form-footer .preview-outer .mobile-info{display:-webkit-box;display:-ms-flexbox;display:flex}}@media only screen and (max-width:767px){.qr-app{padding:4rem 3rem;width:93%}h1.app-title{font-size:2.3rem}.setting-title,label{font-size:1.4rem}.error-msg,span.sub-label{font-size:1.1rem}section.setting-box-container{padding:1.2rem 1.8rem}section.setting-box-container label{font-size:1.2rem;line-height:1.6rem}section.setting-box-container span.sub-label{font-size:1.1rem}.setting span.color-preview{min-width:3.2rem}.setting fieldset .qr-format-container{-ms-flex-wrap:wrap;flex-wrap:wrap}.setting fieldset .qr-format-container .qr-format{margin-bottom:.8rem;margin-top:.6rem;width:20%}.form-footer .btns-container{text-align:center}.form-footer .btns-container button.download-btn,.form-footer .btns-container button.generate-btn{margin:0}.form-footer .btns-container button.generate-btn{margin-bottom:2rem}.lightbox-container .img-container .lightbox-image{max-width:23rem}}