@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);
.heroFeaturescontainer{justify-content:center;align-items:center;background:linear-gradient(180deg,#fff 0%,#ebebf0 51%,#fff 100%);display:flex;padding:80px 60px}.heroFeaturescontainer.bg1{background:linear-gradient(180deg,#FFF 0%,#EBEBF0 50%,#F5F5FA 100%),linear-gradient(180deg,#FFF 0%,#EBEBF0 51%,#FFF 100%)}.heroFeaturescontainer.bg2{background:linear-gradient(180deg,#FFE5EA 0%,#FFF 100%);padding-bottom:0}@media (max-width:991px){.heroFeaturescontainer{padding:80px 20px}}@media (max-width:767px){.heroFeaturescontainer{padding:120px 20px 40px;flex-direction:column}}.heroFeaturescontainer.mt80{margin-top:80px}.heroFeaturestext-content{color:var(--black-111,#111);font-weight:500;margin:auto 0;width:648px;display:flex;flex-direction:column;align-items:flex-start;gap:var(--padding-lg,24px)}.heroFeaturestext-content.w760{width:100%;max-width:760px}.heroFeaturestext-content.w810{width:100%;max-width:810px}.heroFeaturestext-content.wrap{padding:80px 15px 20px}.heroFeaturestext-content.centered{text-align:center;align-items:center}@media (max-width:991px){.heroFeaturestext-content{max-width:100%}}@media (max-width:767px){.heroFeaturestext-content{order:2}}.heroFeaturesbadge{display:flex;padding:8px 16px;align-items:center;justify-content:center;gap:10px;border-radius:4px;background:#E52E4C;position:relative;color:#FFF;font-size:12px;font-style:normal;font-weight:400;line-height:1;text-transform:uppercase;min-width:88px;min-height:32px}.heroFeaturesbadge:before,.heroFeaturesbadge:after{content:url(../../../themes/barkoder/img/heading-chip-curved.svg);width:7px;height:28px;left:2px;top:50%;transform:translateY(-14px);position:absolute}.heroFeaturesbadge:after{transform:rotate(180deg) translateY(14px);left:auto;right:2px}.heroFeaturesbadge.black{background:#111}.heroFeaturesbadge.green{background:#3DDB85}.heroFeaturesbadge.purple{background:#654FF0}@media (max-width:991px){.heroFeaturesbadge{white-space:initial}}.heroFeaturestext-content h1,.heroFeaturesheadline{color:var(--color111);font-size:clamp(var(--font-size-h3, 40px), 3vw, var(--font-size-h1, 64px));font-style:normal;line-height:normal;letter-spacing:-.96px;margin:0}.heroFeaturestext-content h1.size64,.heroFeaturesheadline.size64{font-size:64px}@media (max-width:991px){.heroFeaturestext-content h1,.heroFeaturesheadline{max-width:100%;font-size:32px}}.heroFeaturesdescription{overflow:hidden;color:var(--black-111,#111);text-overflow:ellipsis;font-size:18px;font-style:normal;font-weight:400;line-height:26px;margin:0}.heroFeaturesdescription a{text-decoration:underline;text-decoration-color:#E52E4C}@media (max-width:991px){.heroFeaturesdescription{max-width:100%;font-size:16px}}.heroFeaturesAppStores{display:flex;gap:16px;align-items:center;justify-content:flex-start}.heroFeaturesAppStores a{display:flex;align-items:center;justify-content:center;flex-grow:1}.heroFeaturesAppStores.h40 svg{width:auto;height:40px}.heroFeaturesimage-container{display:flex;flex-direction:column;overflow:hidden;position:relative;min-height:600px;width:424px;align-items:center;justify-content:center;text-align:center}.heroFeaturesimage-container img.featuresIcon{position:absolute;top:50%;left:50%;margin:-48px 0 0 -48px}.heroFeaturesimage-container.w-648{width:648px}.heroFeaturesimage-container.bg1{position:relative;overflow:visible}.heroFeaturesimage-container.bg1 img{z-index:2;position:relative}.heroFeaturesimage-container.bg1:before{content:'';position:absolute;top:-80px;left:-139px;width:896px;height:648px;background:url(../../../themes/barkoder/img/team-hero-bg.svg) no-repeat 0 0;z-index:1}.heroFeaturesimage-container .white-box-wrap{border-radius:48px;background-color:#fff;box-shadow:0 10px 30px 0 rgb(204 41 57 / .1);padding:20px;width:310px;height:310px;display:flex;align-items:center;justify-content:center}.heroFeaturesimage-container .white-box-wrap:before{border-radius:150px;background:#e0e0e0;box-shadow:19px 19px 37px #5a5a5a,-19px -19px 37px #fff}.heroFeaturesimage-container .white-box-wrap img{max-width:240px;max-height:240px}@media (max-width:991px){.heroFeaturesimage-container{max-width:100%;padding:0 20px}.heroFeaturesimage-container img.featuresIcon{width:64px;height:64px;margin:-32px 0 0 -32px}}@media (max-width:767px){.heroFeaturesimage-container{display:none}}.heroFeaturesbackground-image{position:absolute;inset:0;object-fit:cover;object-position:center}.heroFeaturescontainer.size2{margin-top:80px;padding:54px 15px;min-height:300px}.heroFeaturescontainer.size2 .wrap{max-width:980px;width:100%;display:flex;gap:24px}.heroFeaturescontainer.size2 .heroFeaturestext-content{width:auto;gap:16px}.heroFeaturescontainer.size2 .heroFeaturesimage-container{width:auto;min-height:0;margin-left:auto}.heroFeaturescontainer.img-pos-bottom{padding:120px 60px 0 60px}.heroFeaturescontainer.img-pos-bottom .heroFeaturesimage-container{min-height:0}@media (min-width:767px){.heroFeaturescontainer.img-pos-bottom{min-height:595px}}@media (max-width:767px){.heroFeaturescontainer.img-pos-bottom{padding:120px 15px 40px 15px}}
.content-grid{--flow-spacing:150px;--padding-inline:1rem;--content-max-width:1000px;--breakout-max-width:1320px;--breakout-size:calc((var(--breakout-max-width) - var(--content-max-width)) / 2);display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline),1fr) [breakout-start] minmax(0,var(--breakout-size)) [content-start] min(100% - (var(--padding-inline) * 2),var(--content-max-width)) [content-end] minmax(0,var(--breakout-size)) [breakout-end] minmax(var(--padding-inline),1fr) [full-width-end]}@media (min-width:768px){.content-grid{--content-max-width:750px}}@media (min-width:1350px){.content-grid{--flow-spacing:100px;--content-max-width:1000px}}.content-grid>:not(.breakout,.full-width),.full-width>:not(.breakout,.full-width){grid-column:content}.content-grid>.breakout{grid-column:breakout}.content-grid>.full-width{grid-column:full-width;display:grid;grid-template-columns:inherit}.content-grid img{max-width:100%}.content-grid .visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.content-grid .call-to-action{padding:1rem;background:hsl(0 0% 100% / .15)}.content-grid .wrapper{width:calc(100% - 3rem);max-width:900px;margin-inline:auto}.flow>*+*{margin-top:var(--flow-spacing,1em)}.content-grid .examples{margin-top:30px;background:#fafafa;display:flex;padding:50px 15px;justify-content:center;align-items:center}.content-grid .examples .boxes_wrapper{display:flex;gap:24px;max-width:1200px;flex-wrap:wrap;justify-content:center}.content-grid .examples .boxes_wrapper>a{background:#FFF;border:1px solid #3D3D3D;box-shadow:2px 2px 0 #333;border-radius:20px;transition-duration:.2s;width:216px;height:216px;display:flex;align-items:center;justify-content:center}.content-grid .examples .boxes_wrapper>a>img{max-height:150px}.content-grid .examples .boxes_wrapper>a:hover{transform:scale(1.02)}
.scan-codes{padding:80px 0;--example-spacing:120px}.scan-codes .ta_center{text-align:center}.scan-codes h1{font-size:38px;font-weight:500;text-align:center;line-height:1.2;margin-bottom:24px;color:var(--tomato)}.scan-codes h3{font-size:18px;font-weight:500;color:#3D3D3D}.scan-codes p{margin:20px 0;padding:0;color:var(--Colors-p-paragraph,#3D3D3D);font-size:var(--font-size-base,16px);font-style:normal;font-weight:400}.scan-codes a{text-decoration:underline;text-decoration-color:red;color:var(--color111)}.scan-codes ul{margin:20px 0;padding:0 0 0 30px;list-style:none;padding-left:0}.scan-codes ul li{font-size:18px;position:relative;color:var(--color111);margin:20px 0;padding-left:24px}.scan-codes ul li::before{content:"→";position:absolute;left:0;color:red;font-weight:700}.scan-codes li::marker{content:none}.scan-codes .how_to_section{display:flex;flex-direction:column;gap:24px}.scan-codes .item{width:100%;font-size:16px;color:var(--color111)}.scan-codes .item+h3{margin:var(--flow-spacing,1em) 0 0 0}.scan-codes .item+header h2{margin-top:100px}.scan-codes .item .img{text-align:center}.scan-codes .item .img.exampleSpacing>*+*{margin-bottom:var(--example-spacing,1em)}.scan-codes .item .img.exampleSpacing>p{margin:20px 0}.scan-codes .item .t{text-align:center}.scan-codes .item .main .img{float:right;margin:0 0 40px 120px}.scan-codes .item .main .t{text-align:left}.scan-codes .item .c{display:flex;align-items:center;text-align:center}.scan-codes .item .c li{list-style-position:inside}.scan-codes .item .c .img{width:50%;flex-grow:1;text-align:left}.scan-codes .item .c .img.full-w{width:100%}.scan-codes .item .c .img.t-align-c{text-align:center}.scan-codes .item .c .img img{display:inline-block;max-width:300px}.scan-codes .item .c .t{width:50%;flex-grow:1}.scan-codes .item .c.r .img{order:2;text-align:right}.scan-codes .item .c.r .t{order:1}.scan-codes .item.fw{width:100%;display:block}.scan-codes .item.fw .img{display:flex;align-items:center;justify-content:center;margin-bottom:24px;gap:80px}.scan-codes .item.fw .text{text-align:center}.scan-codes .step_container{display:flex;align-items:center;padding:48px;gap:48px;width:100%;height:464px;border-radius:var(--Radius-800,32px);background:#F5F7FA}.scan-codes .image_text_container{display:flex;gap:48px;align-items:center}.scan-codes .image_text_container img{min-width:180px}.scan-codes .image_text_container h3{font-size:clamp(var(--font-size-h4, 24px), 2.5vw, var(--font-size-h3, 32px));font-weight:500;color:#111}.scan-codes .important_info_container{display:flex;align-items:center;padding:16px;gap:16px;background:linear-gradient(105.57deg,#FFFAFA 0%,#FFE6E8 100%);border-radius:10px;margin:24px 0 50px 0}.scan-codes .code39_title_container,.scan-codes .datamatrix_title_container{margin-bottom:40px}.scan-codes .code39_img_wrapper{border:1px solid #3D3D3D;box-shadow:2px 2px 0 #3D3D3D;border-radius:20px;width:fit-content;height:320px;overflow:hidden}.scan-codes .datamatrix_img_wrapper{border:1px solid #3D3D3D;box-shadow:2px 2px 0 #3D3D3D;border-radius:20px;padding:10px;width:fit-content}.scan-codes .main_content{gap:105px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:start}.scan-codes .main_text{max-width:520px}@media (max-width:767px){.scan-codes{padding:40px 15px;text-align:left}.scan-codes h2{text-align:center}.scan-codes .item .main .img{float:none;margin:50px 0 40px 0;text-align:center}.scan-codes .main_content{flex-direction:column;gap:40px}.scan-codes .step_container{height:auto}.scan-codes .image_text_container{flex-direction:column}.scan-codes .item .img{width:216px;height:auto;overflow:hidden;margin:0 auto}.scan-codes .item .c{display:block}.scan-codes .item .c .img,.scan-codes .item .c.r .img{width:100%;text-align:center}.scan-codes .item .c .t{width:100%}}
*:focus{outline:0}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{position:relative;font-family:Roboto,Arial,Tahoma,Helvetica,sans-serif;font-size:16px;color:#1f1f1f;background:#fff;font-weight:400;margin:0 auto;padding:0;overflow:auto;-webkit-overflow-scrolling:touch}a img{border:none}img{max-width:100%}button{cursor:pointer;line-height:1;font-family:Roboto,Arial,Tahoma,Helvetica,sans-serif}.flex{display:flex}.justify-center{justify-content:center}.gap8{gap:8px}.gap16{gap:16px}.fs14{font-size:14px}.red_color{color:#E52E4C}.btn_wrapper{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;height:40px;padding:0 24px;justify-content:center;align-items:center;gap:8px;border-radius:8px;background:#E52E4C;color:#FFF;text-align:center;font-size:14px;font-style:normal;font-weight:500;line-height:150%;border:1px solid #E52E4C;cursor:pointer;transition-duration:.2s;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:hover{background:#f03547}.btn:has(svg){padding:0 16px 0 24px}.btn.just_icon:has(svg){padding:0;min-width:40px}.btn svg{width:24px;height:24px;fill:#fff}.btn.ico-l{padding:0 24px 0 16px}.btn.size1{min-height:48px}.btn.outline{background:#fff;border-color:#E52E4C;color:#E52E4C}.btn.outline svg{fill:#E52E4C;--fill-color:#E52E4C}.btn.plain{background:transparent;border-color:transparent}.btn.plain svg{fill:#111;--fill-color:#111111}.demo_container{width:100%;max-width:648px;margin:0 auto}@media (max-width:768px){.demo_container{max-width:100%;padding:0 16px}}#wasmApp{position:fixed;z-index:99;left:0;top:64px;width:100%;margin:auto;height:auto;bottom:0}#wasmApp svg{overflow:visible}[v-cloak]{display:none}html{scroll-behavior:smooth}.demo-header{position:fixed;top:0;left:0;width:100%;z-index:9999;display:flex;height:64px;justify-content:center;align-items:flex-start;gap:160px;align-self:stretch;background:#FFF;box-shadow:0 1px 1px 0 rgb(12 12 13 / .05)}.demo-header .demo_container{display:flex;justify-content:space-between;align-items:center;height:64px}.demo-header .demo_container .logo{width:120px}.demo-header .demo_container .logo img{width:100%;max-width:120px}.demo-header .demo_container nav.main-navigation{display:flex;padding:4px;gap:4px;justify-content:center;align-items:center;margin-left:auto;background:#F5F7FA;border-radius:100px}.demo-header .demo_container nav.main-navigation a{color:#000;font-size:16px;text-decoration:none;transition-duration:.2s;display:flex;padding:4px 16px;justify-content:center;align-items:center;border-radius:999px;font-style:normal;font-weight:400;min-height:32px}.demo-header .demo_container nav.main-navigation a:hover{background:#e7e9ec}.demo-header .demo_container nav.main-navigation a.active{background:#E52E4C;color:#FFF}.demo-header .demo_container .hamburger-menu{display:none;background:none;border:none;cursor:pointer;padding:8px;margin-left:auto;color:#000;transition:color 0.2s}.demo-header .demo_container .hamburger-menu:hover{color:#E52E4C}@media (max-width:768px){.demo-header .demo_container .hamburger-menu{display:block}.demo-header .demo_container nav.main-navigation{position:fixed;top:64px;left:0;right:0;background-color:#fff;flex-direction:column;padding:16px;border-radius:0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;transform:scale(.9) translateY(10px);opacity:0;visibility:hidden;transition-duration:.1s;margin-left:0;gap:12px;width:100%}.demo-header .demo_container nav.main-navigation.active{transform:scale(1) translateY(0);opacity:1;visibility:visible;gap:2px;padding:8px}.demo-header .demo_container nav.main-navigation a{width:100%;text-align:center;padding:12px;border-radius:4px}}.initial_screen{height:auto;margin:auto;top:64px;bottom:0;width:100%;position:fixed;z-index:2;padding:32px 0 0;overflow:auto}.initial_screen .demo_container{display:flex;flex-direction:column;gap:16px}.initial_screen .action{position:sticky;bottom:0;width:100%;max-width:100%;padding:16px;display:flex;justify-content:center;align-items:center;z-index:2;background:rgb(255 255 255 / .5);box-shadow:0 0 8px 0 rgb(0 0 0 / .1);backdrop-filter:blur(2.5px)}@media (max-width:768px){.initial_screen .start_scanner{width:100%}}.initial_screen .description{display:flex;flex-direction:column;gap:8px}.initial_screen .description h1,.initial_screen .description h2{color:#111;font-weight:500;font-size:20px;margin:0}.initial_screen .description p{line-height:150%;margin:0}.initial_screen .description p a{text-decoration:underline;color:#E52E4C}.initial_screen .types_container{display:flex;flex-direction:column;margin-bottom:74px;gap:4px}#startDemo{width:100vw;height:calc(100vh - 64px);display:flex;flex-direction:column;margin:64px auto 0 auto;justify-content:center;align-items:center;gap:24px;position:relative;z-index:3;transition-duration:.2s;text-align:center;padding:20px}#startDemo.hide{transform:translateY(-20px);opacity:0;visibility:hidden}#startDemo .logo{width:100%;margin-bottom:24px}#startDemo .logo img{width:100%;max-width:200px}#startDemo h1{font-size:24px}#startDemo p a{text-decoration:underline;color:#FF3347}#startDemo .actions{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}#startDemo .button{height:auto;background-color:#FF3347;color:#fff;border-radius:5px;font-size:16px;padding:12px 20px;display:inline-block;border:1px solid #ab3a46;line-height:1;text-align:center;transition-duration:.2s}#startDemo .button:hover{background-color:#f03547}.d-flex{display:flex}.align-center{align-items:center}.noActiveCamera{width:100vw;height:100vh;display:flex;flex-direction:column;margin:0 auto;justify-content:center;align-items:center;gap:24px;position:relative;z-index:3;background:#fff}.noActiveCamera .demo_container{display:flex;flex-direction:column;gap:24px;align-items:center;text-align:center}.noActiveCamera .icon{width:104px;height:104px;display:flex;justify-content:center;align-items:center;border-radius:50%;border-radius:32px;background:#FFF1F2}.noActiveCamera .icon svg{width:72px;height:72px;fill:#E52E4C}.noActiveCamera p{font-size:20px;color:#111;font-weight:400;margin:0}#barkoder-container{position:fixed;top:64px;left:0;bottom:0;width:100%!important;height:auto!important;margin:auto;background-color:#FFF;z-index:1}#startAgain{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.cameraLoader{position:fixed;width:30px;top:50%;left:50%;transform:translate(-50%,-50%)}.cameraLoader.initial{top:50%;left:50%;transform:translate(-50%,-50%);transition-duration:.3s;visibility:hidden;opacity:0}.cameraLoader.initial.visible{visibility:visible;opacity:1}.controlsOverlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:7}#controls{position:fixed;top:64px;bottom:64px;left:0;width:100%;z-index:2;height:auto}@supports (height:100dvh){#controls{min-height:calc(100svh - 64px);height:calc(100dvh - 64px)}}.mainActions{position:fixed;top:64px;left:0;z-index:8;width:100%;background:rgb(255 255 255 / .5);backdrop-filter:blur(2.5px)}.mainActions.no_scanning{box-shadow:0 1px 1px 0 rgb(12 12 13 / .05)}.mainActions .demo_container{display:flex;gap:8px;height:56px;align-items:center}.mainActions .demo_container>button{border:none;transition-duration:.2s;display:flex;width:40px;height:40px;justify-content:center;align-items:center;gap:8px;aspect-ratio:1/1;border-radius:8px;background:rgb(0 0 0 / .5)}.mainActions .demo_container>button svg{--fill-color:#fff;--fill-red-color:#fff;--stroke-color:#fff;transition-duration:.2s}.mainActions .demo_container>button svg.arrow{position:absolute;bottom:4px}.mainActions .demo_container>button.active{background:#E52E4C}.mainActions .demo_container>button.stop_scanner{height:32px;width:32px;background-color:#F5F7FA;margin-left:auto}.mainActions .demo_container>button.stop_scanner svg{fill:#1f1f1f;width:24px}.start_scanner_result_img{position:absolute;top:-48px;z-index:2;font-size:12px;font-weight:400;color:#1f1f1f;padding:2px 18px;border-radius:24px;background-color:rgb(255 255 255 / .5);box-shadow:0 0 16px rgb(15 23 42 / .1)}.resultBoxParent{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:20px;width:100%;height:90vh;margin:auto;z-index:3;padding:0 15px;flex-wrap:wrap}.resultBox{padding:24px;border-radius:16px;background:#fff;display:flex;gap:24px;flex-direction:column;text-align:center;position:relative;width:max-content}.resultBox .close{position:absolute;top:10px;right:10px;height:auto;background:none;z-index:2;color:#fff;border-radius:5px;font-size:16px;padding:12px;border:none;line-height:1}.resultBox h2{font-size:20px;margin:0}.resultBox p{word-break:break-all}.box_options{box-shadow:0 0 16px 0 rgb(0 0 0 / .1);position:fixed;z-index:9;top:128px;left:50%;display:flex;flex-direction:column;max-height:calc(var(--app-height) - 128px);background:#FFF;border-radius:16px;transform:translateX(-50%)}.box_options.fullpage{top:64px;height:calc(var(--app-height) - 64px);max-height:calc(var(--app-height) - 64px)}.box_options .box_heading{border-radius:16px 16px 0 0;position:relative;display:flex;align-items:center;background:#FFF;padding:16px;position:sticky;top:0;z-index:2}.box_options .box_content{padding:0 16px 16px 16px;display:flex;gap:16px;flex-direction:column;position:relative;z-index:1;overflow:auto}.box_options .box_content.pb0{padding-bottom:0}.box_options .box_heading h2{font-size:16px;font-weight:500;text-align:center;margin:0;flex:1}.box_options .box_heading .back{background:none;border:none;padding:0;width:24px;height:24px;display:inline-flex;align-items:center;cursor:pointer}.box_options .box_heading .back svg{fill:#1f1f1f;width:24px}.scan_history_box .box_content,.scan_details_box .box_content{max-height:calc(100dvh - 180px - env(safe-area-inset-bottom, 0px));overflow-y:auto}.history_count{margin:0 0 12px;color:#3d3d3d;font-size:14px}.box_options .box_heading .close{margin-left:auto;background:#fff;z-index:2;color:#fff;border-radius:5px;font-size:16px;padding:0;border:none;line-height:1;display:inline-flex;align-items:center;width:24px;height:24px}.box_options .box_heading .close svg{fill:#1f1f1f;width:24px}.box_options .line{display:flex;flex-direction:column;gap:8px}.box_options .line>label{display:block;color:#6D6D6D;font-size:12px;font-weight:400;line-height:16px}.box_options .line input,.box_options .line select{border-radius:var(--Radius-200,8px);border:1px solid #E7E7E7;background:#fff;padding:8px 8px 8px 16px;width:100%;height:40px;color:#000;font-size:14px;font-weight:400;line-height:16px}.box_options .line button{height:44px;border:1px solid #E52E4C;border-radius:5px;font-size:16px;width:100%;padding:0 10px;background:inherit;cursor:pointer}.box_options .dropdowns{display:flex;flex-direction:column;gap:8px}.box_options.fullpage .box_content.about_content{padding-top:16px}.about_grid{display:flex;flex-direction:column;gap:16px}.about_card{border-radius:12px;background:#F5F7FA;padding:16px}.about_card h3{margin:0 0 12px 0;font-size:14px;font-weight:600;color:#111;text-transform:uppercase;letter-spacing:.5px}.about_card .details_row{padding:10px 0;align-items:center}.about_card .details_row+.details_row{border-top:1px solid #E7E7E7}.about_mono{font-weight:500}.box_options .report_issue{margin-top:0}.box_options .report_issue .dropdowns{gap:10px}.box_options .report_issue .btn{width:100%;justify-content:center}@media (max-width:768px){.box_options{top:120px;max-width:100%;height:calc(var(--app-height) - 120px);max-height:calc(var(--app-height) - 120px);border-radius:0;margin:0}.box_options.top_radius{border-radius:16px 16px 0 0}.box_options.details{top:124px}.box_options.no_footer{max-height:100%;bottom:0;margin:auto;height:auto}.box_options .box_heading{border-radius:0;padding:16px 0}.box_options .box_content{border-radius:0;flex-grow:1;padding:0 0 16px}.box_options .box_content.pb0{padding-bottom:0}.about_grid{grid-template-columns:1fr}}.parsed_data_container{display:flex;flex-direction:column;gap:24px}.parsed_data_container .parsed_data_item{display:flex;flex-direction:column;gap:8px}.parsed_data_container .parsed_data_item .btn_wrapper{position:sticky;bottom:0;background:rgb(255 255 255 / .5);box-shadow:0 0 8px 0 rgb(0 0 0 / .1);backdrop-filter:blur(2.5px);padding:16px;margin:0 -16px;border-radius:0 0 16px 16px}@media (max-width:768px){.parsed_data_container .parsed_data_item .btn_wrapper{margin:0;border-radius:0 0 0 0}}.parsed_data_container .parsed_data_item .btn_wrapper .btn{width:100%}.parsed_data_container .parsed_data_item pre{padding:8px;background:#FAFAFA;border-radius:8px;word-break:break-all;overflow-wrap:break-word;white-space:pre-wrap}.fade-enter-active,.fade-leave-active{transition:all 0.2s ease-out}.fade-enter-from,.fade-leave-to{opacity:0}.showBox-enter-active,.showBox-leave-active{transition:all 0.2s ease-out}.showBox-enter-from,.showBox-leave-to{transform:translate(-50%,10px);opacity:0}.cameraPicker{flex-grow:1;display:flex;flex-direction:column;gap:8px;justify-content:center}.cameraPicker button{border-radius:8px;background:rgb(229 46 76 / .1);display:flex;height:48px;padding:0 8px 0 16px;justify-content:space-between;align-items:center;align-self:stretch;color:#E52E4C;text-align:center;font-size:14px;font-weight:500;line-height:150%;border:none}.cameraPicker button svg{fill:#E52E4C}.cameraPicker button.active{color:#fff;background:#E52E4C}.cameraPicker button.active svg{fill:#fff;width:24px;height:24px}.symPicker{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:8px;grid-row-gap:8px;background:#FAFAFA;padding:8px;border-radius:8px}.symPicker .btn_toggle{text-align:center}.btn_toggle{position:relative}.btn_toggle input{position:absolute;opacity:0;visibility:hidden;left:0;top:0}.btn_toggle label{min-height:40px;background:rgb(255 51 71 / .05);padding:8px 38px 8px 16px;border-radius:24px;gap:8px;display:flex;color:#E52E4C;font-size:16px;border:1px solid transparent;position:relative;transition-duration:.2s;justify-content:center}.btn_toggle label svg{fill:#E52E4C;position:absolute}.btn_toggle label svg.close{right:15px;top:11px;width:12px;height:12px}.btn_toggle label svg.check{width:16px;height:16px;top:9px;right:12px}.btn_toggle label .check{display:none}.btn_toggle input:checked+label .check{display:block}.btn_toggle input:checked+label .close{display:none}.btn_toggle input:checked+label{background:#fff;color:#E52E4C;border-color:#E52E4C}.types_filter_name{flex:0 0 auto}.types_filter_name label{padding:7px 16px;display:block;color:#000;font-size:16px;font-weight:400;position:relative;transition-duration:.2s;cursor:pointer;transition:color 0.3s,border 0.3s;text-align:center;border-radius:20px}.types_filter_name input:checked+label{background:#E52E4C;color:#fff}.symPickerType input[type="checkbox"]{display:none}.symPickerType{display:flex;gap:4px;flex-wrap:wrap}.symPickerAll{background:#fff}.btn_toggle.v1{flex-grow:1}.btn_toggle.v1 label{font-weight:500;justify-content:center;padding:8px 16px;background:none;color:#1f1f1f}.btn_toggle.v1 input:checked+label{background:#E52E4C;color:#fff}.btn_toggle.v2 label{font-weight:500;background:none;justify-content:center;padding:8px 16px;border-color:#E52E4C}.btn_toggle.v2 input:checked+label{background:#E52E4C;color:#fff}.list-enter-active,.list-leave-active{transition:all 0.5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translateX(30px)}.notifications{position:fixed;top:136px;left:16px;z-index:10;flex-direction:column;max-width:calc(100% - 32px);height:auto;bottom:88px;margin:auto;overflow:auto}.demo-footer{position:fixed;left:0;right:0;bottom:0;height:64px;z-index:5;display:flex;align-items:center;background:rgb(255 255 255 / .5);backdrop-filter:blur(2.5px)}.demo-footer .footer_inner{display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px}.demo-footer .footer_inner.left{flex-direction:row;justify-content:flex-start}.footer_left{display:flex;flex-direction:column;gap:2px;min-width:0}.footer_mode{font-size:14px;font-weight:500;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer_right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.status_pill{align-items:center;justify-content:center;padding:3px 10px;border-radius:999px;background:rgb(255 255 255 / .5);font-size:10px;font-weight:500;line-height:1;white-space:nowrap;color:#1f1f1f}.status_pill .pill_state{margin-left:6px;font-weight:600;opacity:.9}.status_pill:focus-visible{outline:2px solid rgb(229 46 76 / .35);outline-offset:2px}.footer_pills_floating{position:fixed;right:16px;bottom:80px;z-index:5;display:flex;flex-direction:column;gap:6px;pointer-events:none;align-items:center}.footer_pills_floating .status_pill{pointer-events:none}.footer_open_results{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 12px;border:none;background:none;border-radius:999px;cursor:pointer}.footer_open_results .count{opacity:.9;font-weight:600}.footer_open_results svg{fill:#1f1f1f;width:24px;height:24px}.scans_list{margin-top:12px;background:#FAFAFA;border-radius:12px;padding:8px;overflow:visible}.scan_item{background:#FFF;border-radius:10px;padding:10px 12px;box-shadow:0 1px 1px rgb(12 12 13 / .05);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}.scan_item_text{min-width:0;flex:1}.scan_item+.scan_item{margin-top:8px}.scan_item .desc{margin:0;font-size:14px;font-weight:500;color:#111;word-break:break-all}.scan_item .title{margin:4px 0 0;font-size:12px;color:#3D3D3D}.scan_item_info{flex:0 0 auto;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;opacity:.75}.scan_item:hover .scan_item_info{opacity:.95}.scan_item_info svg{width:18px;height:18px;fill:#6D6D6D}.details_container{display:flex;flex-direction:column;gap:16px;padding:16px;background:#FAFAFA;border-radius:12px}.details_row{display:flex;gap:16px;align-items:start;padding:12px 0;border-bottom:1px solid #E7E7E7}.details_row:last-child{border-bottom:none}.details_label{color:#6D6D6D;font-size:12px;letter-spacing:.5px;line-height:1.4}.details_value{margin-left:auto;color:#111;font-size:14px;font-weight:400;word-break:break-word;line-height:1.5}.details_block{margin-top:8px;padding-top:16px;border-top:1px solid #E7E7E7}.details_block:first-of-type{margin-top:0;padding-top:0;border-top:none}.details_block h3{margin:0 0 12px 0;font-size:14px;font-weight:600;color:#111;text-transform:uppercase;letter-spacing:.5px}.details_block pre{margin:0;padding:12px 16px;background:#FFF;border:1px solid #E7E7E7;border-radius:8px;font-size:13px;line-height:1.6;color:#111;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;font-family:'Roboto Mono','Courier New',monospace;overflow-x:auto}.details_block pre+pre{margin-top:12px}.details_block .details_row{padding:0;border-bottom:none}.details_block canvas{display:block;margin:0 auto;background:#FFF;box-shadow:0 2px 8px rgb(0 0 0 / .1);max-width:100%;height:auto;border:1px solid #E7E7E7;border-radius:8px}#barkoder-detail-image{max-width:100%;height:auto}.details_container.scan_details{background:radial-gradient(1200px 600px at 0% 0%,rgb(229 46 76 / .1) 0%,rgb(250 250 250) 50%);border:1px solid #E7E7E7;box-shadow:0 8px 24px rgb(12 12 13 / .08)}.scan_details_header{display:flex;align-items:center;justify-content:space-between;gap:12px}.scan_details_meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.scan_type_chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgb(229 46 76 / .12);color:#E52E4C;font-size:12px;font-weight:600;line-height:1}.scan_time{font-size:12px;color:#3D3D3D;background:rgb(255 255 255 / .7);border:1px solid rgb(231 231 231 / .9);padding:6px 10px;border-radius:999px;line-height:1;white-space:nowrap}.scan_details_actions{display:flex;align-items:center;gap:8px}.icon_btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid rgb(229 46 76 / .25);background:rgb(255 255 255 / .85);transition-duration:.2s}.icon_btn svg{width:18px;height:18px;fill:#E52E4C}.icon_btn:hover{transform:translateY(-1px);border-color:rgb(229 46 76 / .45);box-shadow:0 6px 16px rgb(229 46 76 / .18)}.icon_btn:active{transform:translateY(0)}.scan_value_card{padding:14px 14px;border-radius:12px;background:linear-gradient(135deg,rgb(229 46 76 / .1) 0%,rgb(255 255 255 / .95) 55%);border:1px solid rgb(229 46 76 / .18)}.scan_value_label{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#6D6D6D;margin-bottom:8px}.scan_value_text{color:#111;font-size:16px;font-weight:600;line-height:1.35;word-break:break-word;font-family:'Roboto Mono','Courier New',monospace}.scan_kv{margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scan_kv_item{margin:0;padding:12px;background:rgb(255 255 255 / .85);border:1px solid #E7E7E7;border-radius:12px}.scan_kv_item dt{margin:0 0 6px;color:#6D6D6D;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.scan_kv_item dd{margin:0;color:#111;font-size:13px;font-weight:500;word-break:break-word}.scan_section{border-radius:12px;border:1px solid #E7E7E7;background:rgb(255 255 255 / .92);overflow:hidden}.scan_section_header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:rgb(245 247 250 / .75);border-bottom:1px solid #E7E7E7}.scan_section_header img{max-width:40%}.scan_section_actions{display:inline-flex;align-items:center;gap:8px}.icon_btn.icon_btn_sm{width:auto;height:30px;padding:0 10px;border-radius:999px;gap:6px}.icon_btn.icon_btn_sm svg{width:16px;height:16px}.icon_btn.icon_btn_sm span{font-size:12px;font-weight:600;color:#E52E4C;line-height:1}.scan_section_header h3{margin:0;font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#111}.scan_section_body{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.scan_section_body pre{margin:0;padding:12px 12px;border-radius:10px;border:1px solid rgb(231 231 231 / .9);background:#FAFAFA;white-space:pre-wrap;word-break:break-word;overflow-x:auto;font-size:13px;line-height:1.6;font-family:'Roboto Mono','Courier New',monospace}.scan_preview{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:12px;background:#FFF;border:1px dashed rgb(229 46 76 / .35)}.scan_preview canvas{display:block;width:100%;max-width:420px;height:auto;border-radius:10px;border:1px solid #E7E7E7;box-shadow:0 4px 16px rgb(12 12 13 / .1)}@media (max-width:520px){.scan_kv{grid-template-columns:1fr}.scan_value_text{font-size:15px}}.report_issue h3{margin:12px 0 8px;font-size:14px;font-weight:600}.box_options .line textarea{border-radius:var(--Radius-200,8px);border:1px solid #E7E7E7;background:#fff;padding:10px 12px;width:100%;color:#000;font-size:14px;font-weight:400;line-height:16px;resize:vertical;min-height:96px}.hp{display:none!important}.field_error{margin:6px 0 0;color:#E52E4C;font-size:12px;line-height:16px;font-weight:400}.notifications .notification{margin:0;color:#000;padding:4px 8px;overflow:hidden;word-break:break-all;font-size:12px;font-weight:400;line-height:16px;border-radius:24px;background:#FFF;box-shadow:0 4px 4px -1px #0000001a,0 4px 4px -1px #0000001a}.notifications .notification+.notification{margin-top:4px}.fade-enter-active,.fade-leave-active{transition:opacity 0.5s}.fade-enter,.fade-leave-to{opacity:0}.toggle-btn{padding:5px 10px;font-size:14px;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer;transition:background-color 0.3s}.toggle-btn:hover{background-color:#0056b3}.status{font-size:16px;color:#000;line-height:24px}.scan_result_title{word-wrap:break-word}#barkoder-result-image{height:100px!important;object-fit:contain;max-width:100%}.barkoder-result-image{height:100%;width:100%;position:relative;z-index:1}#barkoder-result-image-full{display:block;width:100%;height:100%;object-fit:contain}.barcodesList{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;background-color:#FFF;position:absolute;bottom:0;left:0;right:0;margin:auto;z-index:8;border-radius:24px 24px 0 0;box-shadow:0 0 16px rgb(15 23 42 / .1)}.slide-up-enter-active,.slide-up-leave-active{transition:all 0.5s ease}.slide-up-enter-from{max-height:0;opacity:0;overflow:hidden}.slide-up-enter-to{max-height:80vh}.slide-up-leave-from{max-height:80vh}.slide-up-leave-to{max-height:0;overflow:hidden}.show-up-enter-active,.show-up-leave-active{transition:opacity .5s}.show-up-enter,.show-up-leave-to{opacity:0}.show-up-enter-active{transition:all 0.2s ease}.show-up-leave-active{transition:all 0.2s ease}.show-up-enter-from,.show-up-leave-to{transform:translateY(10px);opacity:0}.resultContainer{width:100%;transition-duration:.2s}.result_text_img{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center}.result_text_img .result_title{color:#000;font-size:18px;display:flex;justify-content:center;align-items:center;width:100%}.result_text_img .result_title span{margin:auto}.result_text_img .result_title button{background-color:#fff;color:#fff;border-radius:5px;border:1px solid #ab3a46;line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0}.result_text_img .result_title button svg{fill:#E52E4C;width:17px}.results_btn_container{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.main_btn{background:inherit;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding:16px;min-width:72px;min-height:72px;color:#111;font-size:12px;line-height:16px;font-weight:400;font-style:normal;text-align:center}.main_btn svg{width:24px;height:24px}.d-flex{display:flex!important}.switch_toggle input[type="checkbox"]{display:none}.switch_toggle label{cursor:pointer;position:relative;border-radius:8px;background:#FAFAFA;display:flex;padding:8px;gap:8px;align-items:center;align-self:stretch}.switch_toggle.v1 label{padding:8px 16px;min-height:56px}.switch_toggle label .right_content{margin-left:auto;display:flex;gap:8px;align-items:center}.switch_toggle label .label_text{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:16px}.switch_toggle label .label_val{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:16px}.switch_toggle label .slider{width:40px;height:24px;flex-shrink:0;background:#fff;border:1px solid #6D6D6D;border-radius:20px;transition-duration:.3s;position:relative}.switch_toggle label .slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:#6D6D6D;border-radius:50%;transition-duration:.3s}.switch_toggle input:checked+label .slider{background-color:#E52E40;border-color:#E52E40}.switch_toggle input:checked+label .slider:before{left:19px;background-color:#FFDFE2}input[type="radio"]{display:none}.radio-label{display:inline-block;vertical-align:middle;line-height:20px;color:#111;font-size:16px;line-height:24px;margin:0}.radio_description{margin:0;color:#3d3d3d;font-size:12px;line-height:16px}.radio_option label{display:flex;padding:16px;align-items:center;gap:16px;align-self:stretch;cursor:pointer;border-radius:16px;background:#F5F7FA;transition-duration:0.2s}.radio_option label:hover{background:#e3e6e9}.radio_option input[type="radio"]:checked+label .custom-radio::after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;background-color:red;border-radius:50%;transform:translate(-50%,-50%)}.radio_option .custom-radio{display:inline-block;width:20px;height:20px;border-radius:50%;border:1.5px solid #5D5F62;vertical-align:middle;position:relative;cursor:pointer;flex:0 0 auto;margin-left:auto}.radio_option .desc{display:flex;flex-direction:column;width:fit-content}.radio_option .icon_container{display:flex;align-items:center;justify-content:center;height:40px;width:40px;border-radius:8px;background:#fff;box-shadow:0 4px 8px -4px rgb(0 0 0 / .25)}.radio_option .icon_container img{max-width:24px;max-height:24px}.popup_expansion{overflow:hidden;transition:height 0.3s ease-in-out;position:relative;padding:16px;display:flex;flex-direction:column;gap:16px}@media (max-width:768px){.popup_expansion{padding:16px 0}}.popup_expansion .total_scanned_barcodes{margin:0;color:#111;font-feature-settings:'liga' off;font-size:16px;font-style:normal;font-weight:500;line-height:150%;display:flex;align-items:center;gap:8px}.popup_expansion .total_scanned_barcodes .history_toggle{background:none;border:none;padding:0;margin:0;color:inherit;font:inherit;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.popup_expansion .total_scanned_barcodes button{background:none;border:none;margin-left:auto;fill:#1f1f1f;margin:0;margin-left:auto}.popup_expansion .total_scanned_barcodes button svg{fill:#1f1f1f;width:24px;height:24px}.popup_expansion .scanResContainer{display:flex;flex-direction:column;gap:16px;background:#FAFAFA;border-radius:8px;padding:8px}.popup_expansion .scanRes{display:flex;gap:8px;align-items:center}.popup_expansion .scanRes button{background:none;border:none;margin:0;padding:0;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.popup_expansion .scanRes button svg{fill:#3d3d3d;width:24px;height:24px}.popup_expansion .scanRes button.btn_expanded svg{transform:rotate(90deg)}.popup_expansion .scanRes button.active svg{fill:#FF3347}.popup_expansion .latest_scan{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0%}.popup_expansion .latest_scan p{margin:0}.popup_expansion .latest_scan .title{color:#3D3D3D;font-size:12px;font-weight:400;line-height:16px;text-overflow:ellipsis;overflow:hidden;width:100%}.popup_expansion .latest_scan .desc{overflow:hidden;color:#111;text-overflow:ellipsis;width:100%;font-size:14px;font-weight:500;line-height:16px}.result_mrz_list{display:flex;flex-direction:row;gap:8px;flex:1;flex-wrap:wrap;width:100%}.result_mrz_field{padding:6px 8px;background-color:#f8f9fa;flex:1 1 auto;text-align:left;border-left:3px solid #FF3347;transition:all 0.2s ease;align-self:flex-start}.res_label{font-size:12px;font-weight:600;color:#6c757d;letter-spacing:.5px;margin-bottom:4px}.res_value{font-size:14px;font-weight:500;color:#212529;line-height:1.4;word-break:break-word}.scan_history_content{padding:16px}.scan_history_grid{display:flex;flex-direction:column;gap:16px}.scan_history_day{display:flex;flex-direction:column;gap:8px}.history_day_header{margin:0;color:#6D6D6D;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.scan_history_items{display:flex;flex-direction:column;gap:8px;background:#FAFAFA;border-radius:8px;padding:8px}.scan_history_item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#FFF;border-radius:10px;border:1px solid #E7E7E7;box-shadow:0 1px 1px rgb(12 12 13 / .05);cursor:pointer}.scan_history_item:hover{border-color:#DADADA;box-shadow:0 6px 16px rgb(12 12 13 / .10)}.scan_history_item:active{box-shadow:0 1px 1px rgb(12 12 13 / .05)}.scan_history_item_text{min-width:0;flex:1}.scan_history_item_text .scan_value{margin:0;font-size:14px;font-weight:500;color:#111;word-break:break-all}.scan_history_item_text .scan_type{margin:4px 0 0;font-size:12px;color:#3D3D3D}.scan_history_item_actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.scan_history_item_actions .icon_btn{width:32px;height:32px;padding:0}.scan_history_item_arrow{flex:0 0 auto;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;opacity:.6}.scan_history_item_arrow svg{width:18px;height:18px;fill:#6D6D6D;transition:transform .2s ease,opacity .2s ease}.scan_history_item:hover .scan_history_item_arrow svg{transform:translateX(2px);opacity:.95}.no_history{padding:36px 16px;text-align:center;color:#6D6D6D}.no_history p{margin:0;font-size:14px}.history_actions{margin-top:16px;padding-top:16px;border-top:1px solid #E7E7E7;background:#fff;display:flex;justify-content:center}#wasmApp button:focus-visible,#wasmApp [role="button"]:focus-visible,#wasmApp select:focus-visible,#wasmApp a:focus-visible,#wasmApp .latest_scan:focus-visible,#wasmApp .scan_item:focus-visible,#startDemo .button:focus-visible,#startDemo a:focus-visible{outline:2px solid #E52E4C;outline-offset:2px}#wasmApp .demo-footer{padding-bottom:env(safe-area-inset-bottom);height:calc(64px + env(safe-area-inset-bottom))}#wasmApp .footer_pills_floating{bottom:calc(80px + env(safe-area-inset-bottom))}#wasmApp .barcodesList{padding-bottom:env(safe-area-inset-bottom)}#wasmApp .mainActions{padding-top:env(safe-area-inset-top)}.mrz_fields{width:100%;margin:0;display:flex;flex-direction:column;gap:8px}.mrz_field{display:grid;grid-template-columns:minmax(120px,42%) 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #E7E7E7}.mrz_field dt{margin:0;color:#6D6D6D;font-size:13px}.mrz_field dd{margin:0;color:#1f1f1f;font-size:15px;font-weight:600;word-break:break-word}.mrz_fields_empty{margin:0;color:#6D6D6D}.parsed_data_item .btn_wrapper{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.parsed_data_item .btn.outline{background:#fff;color:#1f1f1f;border:1px solid #D0D5DD}.mrz_scan_error{margin:12px auto;padding:12px 16px;border-radius:12px;background:#fff4f4;color:#8a1f2b;border:1px solid #f3c1c8}.mrz_scan_error p{margin:0 0 8px}.mrz_scan_error button{border:0;background:#E52E4C;color:#fff;border-radius:8px;padding:6px 12px}#controls>.mrz_scan_error{position:fixed;left:16px;right:16px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:9;max-width:520px;margin-left:auto;margin-right:auto}.scan_state_line{margin:6px 0 0;font-size:13px;color:#6D6D6D}.setting_pill{display:inline-flex;margin-left:8px;padding:2px 8px;border-radius:999px;background:#F5F7FA;color:#1f1f1f;font-size:12px;font-weight:600}.no-active-camera-panel{position:fixed;top:64px;left:0;right:0;bottom:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:#fff}.no-active-camera-panel h2{margin:0;font-size:22px}.no-active-camera-panel p{max-width:360px;margin:0;color:#3d3d3d}.no-active-camera-panel .button{height:auto;margin-top:8px;padding:12px 20px;border:0;border-radius:8px;background:#FF3347;color:#fff;cursor:pointer}.start_permission{margin-top:8px;color:#3d3d3d}#initialCameraLoader.visible{z-index:6}.mrz_load_error{display:none;position:fixed;top:calc(50% + 88px);left:50%;z-index:6;width:min(90vw, 360px);transform:translateX(-50%);text-align:center;color:#8a1f2b}.mrz_load_error:not([hidden]){display:block}
/*# sourceMappingURL=public-page-f4576ca7-f4aa9e88db88.css.map */