.height-350{padding-bottom:65px!important}.mt-90{margin-top:90px!important}.gap_16{gap:16px}.title-hover{display:flex;position:relative}.copy_btn.active::before,.copy_btn:hover::before,.download_button:hover::before{opacity:1;visibility:visible}.heading-1,.heading-1 span,.title-hover,.tool-div,.urlbox{position:relative}.convertbtn,.heading-1{text-align:center}.heading-1{margin-top:6px}.copy-msg{position:absolute;top:-23px;right:15px;background:#333;color:#fff;font-size:12px;padding:2px 6px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.copy-password:hover{cursor:pointer}.result_inner .text.show-msg .copy-msg{opacity:1}.heading-1:before{content:"";display:block;border-top:2px solid #f0f0f0;width:100%;height:2px;position:absolute;top:50%;z-index:0;margin:0 10px}.copy_btn::before,.download_button::before{content:attr(data-title);transform:translateX(-50%);background-color:#000;color:#fff;border-radius:5px;opacity:0;font-size:12px;padding:2px 5px;z-index:9999;visibility:hidden}.heading-1 span{background:#fff;padding:0 10px;z-index:1;color:#d3d3d3}.title-hover{flex-direction:column;gap:1rem}.copy_btn::before{position:absolute;top:40%;left:-50%;transition:opacity 0.3s ease-in-out;-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;-ms-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out}.copy_btn.active::before{top:40%;content:"Copied"}.download_button::before{position:absolute;top:-10%;left:-75%;transition:opacity 0.3s ease-in-out}.urlbox{background:#f7f7f7;height:46px;margin-top:17px;border-radius:10px;padding:9px 14px}.urlbox span{position:absolute;z-index:3;top:11px;left:15px}.urlbox input{width:92%;height:31px;position:absolute;top:7px;z-index:2;left:49px;background:#f7f7f7;border:none;font-size:15px;color:#000}.urlbox input::placeholder{color:#b1b1b1}.urlbox input:focus{outline:0}.convertbtn button{margin-top:25px;background-color:#023c89;color:#fff;font-style:normal;font-size:20px;line-height:25px;font-weight:700;width:50%;border-radius:5px;border:1px solid #023c89;padding:10px}.pointer{cursor:pointer}p{font-size:18px;line-height:2}.display-none{display:none}.resultHead{display:flex;justify-content:space-between;align-items:center;width:100%}.resultCount{color:#3f3f40;font-size:22px;font-weight:600}.d-none{display:none!important}.results{display:flex;flex-direction:column;gap:16px;align-items:start;overflow-x:hidden;overflow-y:auto;max-height:300px}.result_inner{display:flex;flex-direction:column;align-items:start;gap:4px;width:100%}.results .head{font-weight:500;font-size:14px;line-height:20px;color:var(--color-disable)}.results .qr-multi-heading{font-weight:600;font-size:14px;line-height:20px;color:var(--color-heading);width:100%;padding-top:12px;border-top:1px solid #dde1e7}.results .qr-multi-heading:first-child{padding-top:0;border-top:none}.red_color{color:red!important}.results .result_inner .img_div_pdf{width:100px;height:100%;flex:1;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:#fff8f8;padding:10px;border:none}.results .result_inner .img_div img,.results .result_inner .img_div_pdf img{width:100%;height:65px;flex:8}.results .result_inner .img_div .name,.results .result_inner .img_div_pdf .name{flex:1;color:#000;text-align:center;font-size:10px;font-style:normal;font-weight:500;line-height:16px}.results .result_inner .result_text{font-family:Quicksand;flex:10;display:flex;height:100%;border-radius:8px;background:#fafafa;padding:16px;padding-right:40px;border:none;resize:none;font-size:16px;font-weight:600}.results .result_inner .result_text::-webkit-scrollbar{width:6px;border-radius:10px;border:none;background-color:#f5f5f5}.results .result_inner .result_text::-webkit-scrollbar-track{border-radius:10px}.results .result_inner .result_text::-webkit-scrollbar-thumb{border-radius:10px;background-color:#023c89}.results .result_inner .single_export_btns{position:absolute;right:15px;z-index:99}.results .result_inner .single_export_btns button{background:0 0;border:none;height:30px;cursor:pointer}.loader{transform:translate(-50%,-50%);border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:50px;height:50px;animation:2s linear infinite spin}.modes{display:flex;justify-content:start;align-items:center;padding-bottom:1rem;gap:.25rem}.mode{color:#1c385c;border:none;cursor:pointer;font-weight:500;font-size:16px;line-height:20px;letter-spacing:-1%;padding:8px 12px;background:none}.mode.active{background:#f1f3f7;border-radius:8px;font-weight:600}.w-1-2{width:50%!important}.password-text{white-space:pre}.tool-footer{position:unset!important}.no-code-found{color:red!important}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.counter-files{display:flex;padding:10px 5px;font-size:18px;font-weight:600;color:var(--color-heading)}.ml-1{margin-left:10px}.qr-scanner-wrapper{width:100%;display:none;position:absolute;border-radius:10px}.close-image,.close-camera{position:absolute;top:12px;right:12px;z-index:99;cursor:pointer;background-color:#fff;border-radius:99px;height:28px;width:28px;display:flex;justify-content:center;align-items:center;box-shadow:0 1px 3px 0 #00000040}#qr_scanner,video{width:100%!important;height:320px!important;background:none;object-fit:cover;border-radius:10px!important;height:350px!important;border-radius:0px!important}#qr-shaded-region{border-radius:10px!important}.url_text{text-decoration:underline!important;text-align:left!important;color:#2c84ff!important}.tool-footer-left{position:static!important;display:flex!important;justify-content:space-between!important;align-items:center!important;.privacy-text,.tool-footer-right{font-weight:500;font-size:12px;line-height:16px;color:#8e9bae;display:flex;align-items:center;gap:4px;width:fit-content}.toolTip-supported-files{display:none!important;position:absolute;right:7px;bottom:40px;max-width:170px;background:#000;color:#fff;padding:8px;border-radius:6px;z-index:10;font-size:12px!important;font-weight:500!important}}.enableCamera:not(.d-none){background-color:#fff;position:absolute;top:0;height:100%;width:100%;z-index:98;display:flex;justify-content:center;align-items:center;>img{max-height:100%;max-width:100%;object-fit:contain}}.dynamic-image{z-index:3;cursor:pointer}.scanner-indication{position:absolute;top:50%;width:73%;left:13%;height:4px;background:radial-gradient(red 24%,transparent 50%);animation:scanning 2s ease-in-out infinite alternate}@keyframes scanning{0%{top:25%}100%{top:75%}}.col2{max-width:1200px!important;width:100%!important;padding:0 16px;.box1{padding:24px 0;margin:0 auto!important;max-width:800px;.lineheight{font-weight:600;font-size:38px;line-height:60px;text-align:center;margin:0}>p{font-weight:500!important;font-size:18px!important;line-height:28px!important;text-align:center!important;color:#49607d!important}}.box2_upper{padding:0!important;.box2{width:100%!important;min-height:416px!important;max-height:fit-content!important;padding:16px!important;display:flex;flex-direction:column;gap:16px;border-radius:16px!important;box-shadow:0 4px 12px 0 #2a140e0d,0 24px 64px -20px #891e0033;.tool-working{display:flex;justify-content:center;align-items:center;height:100%;gap:16px;.divUploadFile{height:352px!important;border:2px dashed #dde1e7!important;overflow:hidden;border-radius:10px;padding:0;position:relative;&:hover,&.hover-active{background-color:#f9fafe;border-color:#023c89!important;cursor:pointer}&:has(.uploadFileImg:not(.d-none),.invalid-file-error:not(.d-none),.scanner-indication:not(.d-none)){background-color:#fff;border-color:#dde1e7!important;cursor:default}.rescan-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:rgb(255 255 255 / .75);border-radius:8px;z-index:5;font-size:13px;font-weight:500;color:#1c385c;.rescan-spinner{width:18px;height:18px;border:2px solid #dde1e7;border-top-color:#023c89;border-radius:50%;animation:qrRowSpin 0.7s linear infinite}}.file-upload-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;max-height:100%;height:100%;width:100%;padding:16px;.uploadFileText{font-weight:600;font-size:20px;line-height:28px;text-align:center;color:#023c89;margin:0}.folderbox{position:relative;gap:8px;max-width:360px!important;display:flex;justify-content:center;align-items:center;margin:10px 0;z-index:3;width:calc(100% - 32px);flex-wrap:wrap;gap:8px;margin:0px!important;cursor:pointer;label{padding:12px 24px;font-weight:600;font-size:16px;line-height:20px;text-align:center;display:flex;justify-content:center;align-items:center;width:calc(50% - 4px);border:none;box-shadow:0 0 0 1px #dde1e7;background:#fff;transition:0.2s ease-in-out;&:hover{background-color:#edeff2}&:first-of-type{width:100%!important;background-color:#023c89;color:#fff;box-shadow:none;&:hover{background-color:#002049}}}}#uploadOverlay{z-index:100!important;background-color:#f9fafe!important;.overlay_p{font-size:20px!important;line-height:28px!important;font-weight:600!important}}.uploadFileImg{max-height:80%;height:fit-content;width:auto;object-fit:contain;z-index:3}.invalid-file-error{height:100%;width:100%;display:flex;justify-content:center;align-items:center;>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:fit-content;height:fit-content;span{display:flex;flex-direction:column;gap:4px;.invalid-file-title{font-weight:700;font-size:16px;line-height:24px;text-align:center;color:#1c385c;margin:0}.invalid-file-text{font-weight:500;font-size:12px;line-height:16px;text-align:center;color:#8e9bae;margin:0}}}}}}#resultDiv{border-radius:10px;padding:0;width:50%;transition:all 0.2s ease-in-out;position:relative;border:1px solid #dde1e7;height:352px;overflow:hidden;&:has(.output-action-area:not(.d-none)){padding-bottom:60px}.results{padding:16px;height:100%;width:100%;&:has(.qr-scan-list){padding:0}.qr-scan-list{width:100%;.qr-list-item{display:flex;justify-content:space-between;width:100%;align-items:flex-start;gap:12px;padding:12px;border-bottom:1px solid #dde1e7;transition:0.2s ease-in-out;&:last-child{border-bottom:none}.qr-index{font-weight:500;font-size:16px;line-height:24px;color:#8e9bae}.qr-item-body{width:100%;display:flex;flex-direction:column;justify-content:flex-start;.text{font-weight:500;font-size:16px;line-height:24px;color:#1c385c;text-align:left;word-break:break-word}}.copy-single{padding:6px 12px;background-color:#edeff2;border-radius:8px;font-weight:600;font-size:14px;line-height:20px;color:#1c385c;border:none;cursor:pointer;outline:none;transition:all 0.3s ease;&:hover{background-color:#cfdaeb}}&.qr-row-pending{.qr-row-scanning{display:inline-flex;align-items:center;gap:8px;width:100%;font-weight:500;font-size:16px;line-height:24px;color:#8e9bae;.qr-row-spinner{width:14px;height:14px;border:2px solid #dde1e7;border-top-color:#023c89;border-radius:50%;animation:qrRowSpin 0.7s linear infinite}}}&.qr-row-hover,&:hover{.text,.scan-field-v{color:#f7691d}.scan-type-badge{background:#f7691d;color:#fff}}&.qr-row-flash{background:#f7691d1a}&.scan-type-wifi{>div{padding:12px!important;background:#f7f8fa!important;border-radius:8px!important;border:none!important;box-shadow:0 0 0 1px #dde1e7!important;width:100%;display:flex;flex-direction:column;align-items:flex-start;height:fit-content;justify-content:center;gap:8px;>span{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;line-height:20px;color:#1c385c;>img{height:16px;width:16px;min-width:16px}}>div{width:100%;background:#fff;box-shadow:0 0 0 1px #dde1e7;.qr-item-body{.scan-field{padding:8px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dde1e7;&:last-of-type{border:none!important}>span{display:flex;align-items:center;gap:8px;.scan-field-k{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.4px;padding:2px 8px;border-radius:999px;background:#edeff2;color:#1C385C;width:fit-content;white-space:nowrap}.scan-field-v{display:flex;align-items:center}}.copy-wifi-data{background:#fff0;border:none;height:24px;width:24px;display:flex;justify-content:center;padding:4px;border-radius:4px;transition:0.2s ease-in-out;cursor:pointer;&:hover{background-color:#edeff2}}}}}}&:hover{.text,.scan-field-v{color:#1c385c!important}}}}}.scan-safety{background-color:#fff5f2;border:.5px solid #feddd5;padding:8px 12px;border-radius:8px;display:flex;flex-direction:column;gap:4px;margin-top:8px;width:100%;.scan-safety-head{width:100%;display:flex;align-items:center;gap:6px;.scan-safety-title{color:#1c385c;font-weight:700;font-size:14px;line-height:20px;margin:0}}.scan-safety-reasons{display:flex;flex-direction:column;li{list-style:none;color:#49607d;font-weight:500;font-size:12px;line-height:16px;text-align:left}}}.scan-fields{display:grid;gap:4px}.scan-field{display:flex;gap:10px;align-items:baseline;font-size:14px;line-height:20px;text-align:left;.scan-field-k{flex:0 0 70px;font-weight:500;color:#8e9bae}.scan-field-v{min-width:0;font-weight:500;color:#1c385c;word-break:break-word}}.scan-vcard{display:flex;flex-direction:column;gap:6px;.scan-vc-name{font-weight:700;font-size:16px;line-height:22px;color:#1c385c;text-align:left}.scan-vc-sub{font-size:13px;line-height:18px;color:#49607d;text-align:left}}.scan-secret{font-family:monospace;letter-spacing:1px}.scan-reveal{border:none;background:#fff0;cursor:pointer}.nothing-found-area{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;p{color:#49607d!important;font-weight:500!important;font-size:14px!important;line-height:20px!important;text-align:center!important;margin:0!important;button{color:#023c89!important;text-decoration:underline!important;background:transparent!important;border:none!important;outline:none!important;cursor:pointer!important}}}}.scan-type-badge{display:inline-block;font-size:11px;font-weight:600;line-height:16px;letter-spacing:.4px;padding:2px 8px;border-radius:999px;background:#edeff2;color:#1C385C;margin-bottom:4px;width:fit-content}.before-result{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;height:100%;padding:16px;>img{object-fit:contain;width:90px;height:70px}.text{font-weight:500;font-size:12px;line-height:16px;text-align:center;color:#8e9bae}}.result-area-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f7f8fa;border-bottom:1px solid #dde1e7;gap:5px;.result-area-info{>p{font-weight:700;font-size:16px;line-height:24px;color:#1c385c;margin:0}.scan-type-badge{margin:0;font-size:14px;font-weight:500;line-height:20px}}span{display:flex;justify-content:center;align-items:center;gap:8px;.output-action-btn{padding:6px 12px;border-radius:8px;box-shadow:0 0 0 1px #dde1e7;background-color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:4px;color:#1c385c;font-weight:600;font-size:14px;line-height:20px;border:none;outline:none;transition:0.3s ease-in-out;position:static;z-index:0;height:fit-content;width:fit-content;&:hover{background-color:#edeff2}&:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}}}}}}}}}@media (max-width:768px){.hidden-result{display:none}.d-flex{flex-direction:column}.w-1-2{width:100%!important}nav ul li{margin:16px 0}.results .result_inner .img_div,.results .result_inner .img_div_pdf{width:75px;height:unset;flex:none}.heading-1:before{width:250px;left:-105px}.results .result_inner .img_div .name,.results .result_inner .img_div_pdf .name{max-width:100%;word-wrap:break-word}.results .result_inner .single_export_btns button svg{width:24px}.resultCount{font-size:16px}.downloadAll,.startOver{font-size:14px}.lineheight{line-height:normal!important}#box2{min-height:430px!important;&:has(#resultDiv:not(.hidden-result)){height:fit-content}}#resultDiv{max-height:352px!important;height:fit-content!important}.tool-working{flex-direction:column}label[for="custom-file-input"]{width:100%!important}.col2{padding:0 0 80px 0!important}.privacy-text{text-align:left!important;align-items:flex-start!important}}@media (min-width:601px){#qr-shaded-region{border-radius:10px!important;border-width:65px 123px!important}}@keyframes qrRowSpin{to{transform:rotate(360deg)}}.close-image.action-disabled{pointer-events:none;opacity:.5;cursor:not-allowed}#qr-shaded-region .qr-corner{position:absolute;width:30px;height:30px;border:4px solid #fff;pointer-events:none}#qr-shaded-region .qr-corner-tl{top:0;left:0;border-right:none;border-bottom:none}#qr-shaded-region .qr-corner-tr{top:0;right:0;border-left:none;border-bottom:none}#qr-shaded-region .qr-corner-bl{bottom:0;left:0;border-right:none;border-top:none}#qr-shaded-region .qr-corner-br{bottom:0;right:0;border-left:none;border-top:none}