#top-content-home{position:relative;overflow:hidden;z-index:1;color:#fff;margin-bottom:100px}#top-content-home .container{position:relative;min-height:780px}#top-content-home .container:after{content:"";background:url(../../../themes/barkoder/img/homepage-top-sec.png) no-repeat scroll 0 0;position:absolute;right:-260px;top:0;width:1140px;height:779px;z-index:-1}#top-content-home.barcode-page{margin:0 0 80px 0}#top-content-home.barcode-page .container{min-height:600px}#top-content-home.barcode-page .d-flex{align-items:center;margin:80px 0 0 0;min-height:460px}#top-content-home.barcode-page .d-flex .top-text{margin:0;flex-basis:50%}#top-content-home.barcode-page .d-flex .top-text .teaser-wrap{width:464px;padding-left:111px}#top-content-home.barcode-page .d-flex .top-text .teaser-wrap h1{font-size:36px;line-height:1.333;color:var(--color111)}#top-content-home.barcode-page .d-flex .top-text .teaser-wrap h2,#top-content-home.barcode-page .d-flex .top-text .teaser-wrap h3,#top-content-home.barcode-page .d-flex .top-text .teaser-wrap p{font-size:18px;color:var(--medium-gray)}#top-content-home.barcode-page .d-flex .top-image{margin:0;height:auto;width:auto;flex-basis:50%;text-align:center;display:flex;justify-content:center}#top-content-home.barcode-page .d-flex .top-image .white-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}#top-content-home.barcode-page .d-flex .top-image .white-wrap img{max-width:250px;max-height:250px}#top-content-home.barcode-page .container:after{width:878px;height:600px;background-size:100%;right:-116px}#top-content-home.try{margin-bottom:0}#top-content-home.try .top-image{width:587px}#top-content-home.barcodeTypes{position:relative;overflow:hidden;z-index:1;background:#212e3b url(../../../themes/barkoder/img/BarcodeTypes-cover.webp) no-repeat scroll 0 0;background-position:center;background-repeat:no-repeat;background-size:cover;height:400px;align-items:center;justify-content:center;display:flex}#top-content-home h1{font-size:clamp(var(--font-size-h3, 32px), 3vw, var(--font-size-h2, 48px));line-height:1.2;margin:0 0 13px 0;color:var(--color111);letter-spacing:-.025em}#top-content-home .top-text{width:536px;float:left;margin:260px 0 0 0}#top-content-home .top-text>p{font-family:var(--Rubik);color:var(--medium-gray);font-size:21px}#top-content-home .links{display:flex;flex-wrap:wrap;gap:16px;margin:47px 0 0 0}#top-content-home .links a{color:var(--smooth-red);font-size:18px;font-weight:500;width:168px;border:2px solid var(--smooth-red);border-radius:48px;padding:8px 10px 7px;text-align:center;transition-duration:.2s}#top-content-home .links a:hover{color:#fff;background:var(--smooth-red)}#top-content-home .top-image{float:right;width:687px;height:545px;position:relative;margin:175px 0 0 0}#top-content-home .top-image img:nth-child(1){float:left}#top-content-home .top-image img:nth-child(2){position:absolute;left:50%;transform:translate(-50%,-36px)}#top-content-home .top-image img:nth-child(3){float:right}@media (max-width:1350px){#top-content-home .top-image{width:587px}}@media (max-width:1200px){#top-content-home .top-text{width:355px;margin:170px 0 0 0}#top-content-home .top-image{width:484px}}@media (max-width:992px){#top-content-home.barcode-page .d-flex{justify-content:center}#top-content-home.barcode-page .d-flex .top-image{display:none}#top-content-home.barcode-page .d-flex .top-text{flex-basis:100%}#top-content-home.barcode-page .d-flex .top-text .teaser-wrap{padding:0 15px;width:auto}#top-content-home.barcode-page .container:after{background-size:cover;width:100%}#top-content-home .top-text{width:80%;margin:220px auto 0;float:none}#top-content-home .top-image{display:none}}@media (max-width:767px){#top-content-home h1{font-size:38px}#top-content-home .top-text>p{font-size:18px}#top-content-home .wave{display:none}}@media (max-width:400px){#top-content-home h1{margin-top:110px}}
#blog_breadcrumb .breadcrumb{margin-bottom:16px}@media (pointer:fine){nav{scrollbar-width:thin}}@media (min-width:997px){@supports (scrollbar-gutter:stable){nav{scrollbar-gutter:stable}}}.blog_no_results{text-align:center;font-size:18px}#top_menu.article-cover{background-color:#eb001b;background-position:center;background-repeat:no-repeat;background-size:cover;align-items:center;justify-content:center;overflow:hidden;display:flex;align-items:center;height:600px}#top_menu.article-cover span{background:var(--color111);padding:3px 20px 8px;margin-left:24px;color:#fff}#top_menu.article-cover>h2{text-align:center;font-size:3em;color:#fff;position:absolute;padding:0 10px;z-index:2;margin:0 auto}#top_menu.article-cover span{background:var(--color111);padding:3px 20px 8px;margin-left:24px;color:#fff}@media (max-width:1042px){#top_menu.article-cover img{margin-bottom:20px}}.blogPagination{display:flex;justify-content:center}.blogPagination .pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;padding:8px;float:none}.blogPagination a{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:4px;box-sizing:border-box;border:1px solid rgb(0 0 0 / .05);border-radius:8px;background:#fff;font-family:var(--Inter);font-size:14px;line-height:20px;font-weight:400;color:#3d3d3d;text-align:center;text-decoration:none;transition-duration:.2s}.blogPagination a svg{display:block;width:20px;height:20px;flex-shrink:0;color:#6b7280;transition-duration:.2s}.blogPagination a:has(.pagination_prev){margin-right:4px}.blogPagination a:has(.pagination_next){margin-left:4px}.blogPagination a:hover{background:rgb(0 0 0 / .05);border-color:transparent}.blogPagination a.active,.blogPagination a.active:hover{background:var(--tomato,#e52e4c);border-color:var(--tomato,#e52e4c);color:#fff;cursor:default}.blog_tags{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:center;gap:8px;padding:16px 16px 100px;min-height:300px}.blog_tags a{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:4px 8px 4px 12px;box-sizing:border-box;border-radius:999px;background:var(--Colors-Brand,#F8F9FC);font-family:var(--Inter);font-size:20px;font-weight:500;line-height:28px;letter-spacing:-.066px;color:#3D3D3D;white-space:nowrap;text-decoration:none;transition-duration:.2s}.blog_tags a span{display:inline-flex;align-items:center;justify-content:center;padding:0 4px;border-radius:999px;background:#FFF;font-family:var(--Inter);font-size:16px;font-weight:500;line-height:24px;letter-spacing:0;font-feature-settings:"liga" 0;color:#6D6D6D;text-align:center;transition-duration:.2s}.blog_tags a:hover{background:var(--tomato,#E52E4C);color:#FFF}.blog_tags a:hover span{background:rgb(0 0 0 / .1);color:#FFF}@media (max-width:767px){.blog_tags{padding:16px 0 60px;gap:6px;min-height:0}.blog_tags a{height:32px;padding:4px 6px 4px 10px;gap:6px;font-size:16px;line-height:24px}.blog_tags a span{font-size:14px;line-height:20px}}.mostViews{display:flex;flex-direction:column;gap:8px}
.dotcodeHeadercontainer{justify-content:center;align-items:center;align-self:stretch;background:linear-gradient(180deg,#fff 0%,#ebebf0 51%,#fff 100%);display:flex;padding:80px 60px 0}@media (max-width:991px){.dotcodeHeadercontainer{padding:80px 20px 0}}.dotcodeHeadercontent-wrapper{width:903px;max-width:100%}.dotcodeHeadercolumns{gap:20px;display:flex}@media (max-width:991px){.dotcodeHeadercolumns{flex-direction:column;align-items:stretch;gap:0}}.dotcodeHeadercontent-column{display:flex;flex-direction:column;line-height:normal;width:50%;margin-left:0}@media (max-width:991px){.dotcodeHeadercontent-column{width:100%}}.dotcodeHeadertext-content{color:var(--black-111,#111);font-weight:500;margin:auto 0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--padding-lg,24px)}@media (max-width:991px){.dotcodeHeadertext-content{max-width:100%;margin-top:40px}}.dotcodeHeaderbadge{display:flex;padding:8px var(--padding-md,16px);align-items:center;gap:10px;color:var(--White,#FFF);font-size:14px;font-style:normal;font-weight:500;line-height:24px;text-transform:uppercase;border-radius:24px;background:var(--Red,#E52E4C)}@media (max-width:991px){.dotcodeHeaderbadge{white-space:initial}}.dotcodeHeaderheadline{color:var(--color111);font-size:48px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.96px;margin:0}@media (max-width:991px){.dotcodeHeaderheadline{max-width:100%;font-size:40px}}.dotcodeHeaderdescription{overflow:hidden;color:var(--black-111,#111);text-overflow:ellipsis;font-size:18px;font-style:normal;font-weight:400;line-height:26px;margin:0}@media (max-width:991px){.dotcodeHeaderdescription{max-width:100%}}.dotcodeHeaderimage-column{display:flex;flex-direction:column;line-height:normal;width:50%;margin-left:20px}@media (max-width:991px){.dotcodeHeaderimage-column{width:100%}}.dotcodeHeaderimage-wrapper{justify-content:center;display:flex;flex-grow:1;flex-direction:column}@media (max-width:991px){.dotcodeHeaderimage-wrapper{max-width:100%;margin-top:24px}}.dotcodeHeaderimage-container{display:flex;flex-direction:column;overflow:hidden;position:relative;min-height:600px;width:100%;align-items:center;justify-content:center;padding:80px 60px;text-align:center}@media (max-width:991px){.dotcodeHeaderimage-container{max-width:100%;padding:0 20px}}.dotcodeHeaderbackground-image{position:absolute;inset:0;object-fit:cover;object-position:center}.dotcodeHeaderforeground-image{aspect-ratio:1.49;object-fit:auto;object-position:center;width:88px;margin:191px 0 136px}@media (max-width:991px){.dotcodeHeaderforeground-image{margin:40px 0}}.dotcodeMidSection-container{align-items:center;background-color:#fff;display:flex;font:400 16px/24px Rubik,sans-serif;justify-content:center;padding:80px 60px}@media (max-width:991px){.dotcodeMidSection-container{padding:80px 20px}}.dotcodeMidSection-content-wrapper{display:flex;width:872px;max-width:100%;flex-direction:column;align-items:center}.dotcodeMidSection-badge{justify-content:center;border-radius:24px;border:1px solid rgb(222 222 222);color:rgb(96 93 98);text-align:center;padding:8px 16px;font:14px Rubik,sans-serif}.dotcodeMidSection-title{color:#111;text-align:center;margin-top:16px;font-size:36px}@media (max-width:991px){.dotcodeMidSection-title{max-width:100%}}.dotcodeMidSection-description{color:rgb(102 102 102);text-align:center;margin-top:16px;width:648px}@media (max-width:991px){.dotcodeMidSection-description{max-width:100%}}.dotcodeMidSection-image{aspect-ratio:1.75;object-fit:auto;object-position:center;width:100%;align-self:stretch;margin-top:40px}@media (max-width:991px){.dotcodeMidSection-image{max-width:100%}}.dotcodeMidSection-additional-info{align-self:stretch;font-feature-settings:"liga" off;margin-top:40px;color:rgb(102 102 102)}@media (max-width:991px){.dotcodeMidSection-additional-info{max-width:100%}}.xcode-note{position:relative;border:1px solid rgb(255 51 71 / .18);border-radius:12px;background:linear-gradient(90deg,rgb(255 51 71 / .08) 0%,rgb(255 51 71 / .02) 100%);color:#2c2c34;margin-top:16px;padding:16px 16px 16px 52px;font-size:14px;line-height:22px}.xcode-note::before{content:"i";position:absolute;top:16px;left:16px;width:24px;height:24px;border-radius:50%;background-color:rgb(255 51 71 / .15);color:rgb(198 16 52);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.xcode-note strong{color:#111;font-weight:500}.xcode-note a{color:rgb(255 51 71);text-decoration:underline;text-underline-offset:2px}@media (max-width:991px){.xcode-note{padding:14px 14px 14px 48px}.xcode-note::before{top:14px;left:14px}}.dotcodeMidSection-link{text-decoration:underline;color:rgb(255 51 71)}.dotcodeReadingPerformance-section{justify-content:center;align-self:stretch;background:linear-gradient(0deg,#282A33 0%,#282A33 100%),linear-gradient(0deg,#26334D 0%,#26334D 100%),linear-gradient(106deg,#FFFAFA 0%,#FFE5E8 100%);box-shadow:0 -1px 0 0 rgb(255 51 71 / .1),0 1px 0 0 rgb(255 51 71 / .1);padding:100px 60px}@media (max-width:991px){.dotcodeReadingPerformance-section{padding:0 20px 60px}}.dotcodeReadingPerformance-content-container{gap:20px;display:flex;align-items:center}@media (max-width:991px){.dotcodeReadingPerformance-content-container{flex-direction:column;align-items:stretch;gap:0}}.dotcodeReadingPerformance-text-content{display:flex;flex-direction:column;line-height:normal;width:50%;margin-left:0;color:#fff}@media (max-width:991px){.dotcodeReadingPerformance-text-content{width:100%}}.dotcodeReadingPerformance-text-tag{font-feature-settings:"liga" off;justify-content:center;border-radius:24px;border-color:rgb(222 222 222);border-style:solid;border-width:1px;align-self:start;color:var(--Gray40,#605d62);white-space:nowrap;text-align:center;padding:8px 16px;color:#fff}@media (max-width:991px){.dotcodeReadingPerformance-text-tag{white-space:initial}}.dotcodeReadingPerformance-image-content{display:flex;flex-direction:column;line-height:normal;width:50%;margin-left:20px;position:relative}.dotcodeReadingPerformance-image-content::before{content:"";background:url(../../../themes/barkoder/img/video_bg_1_white.svg) no-repeat scroll center center;width:calc(100% + 20px);height:calc(100% + 88px);display:block;position:absolute;z-index:1;background-size:contain;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:991px){.dotcodeReadingPerformance-image-content{width:100%}}.dotcodeReadingPerformance-responsive-img{max-width:100%;max-height:100%;width:100%;height:auto;border-radius:16px;position:relative;z-index:2}@media (max-width:991px){.dotcodeReadingPerformance-responsive-img{max-width:100%;margin-top:40px}}
.bentoSection{padding:80px 0;background:var(--Gradient-Linear-Gray,linear-gradient(180deg,#FFF 0%,#EBEBF0 50%,#FFF 100%))}.bentoSection header{margin-bottom:80px}.masonry{display:flex;gap:24px;flex-direction:column}.masonry>.line{display:grid;gap:24px}.masonry>.line:nth-child(1){grid-template-rows:[row1] 1fr [row2] 1fr [row3];grid-template-columns:[col1] 1fr [col2] 1fr [col3] 1fr [col4] 1fr [col5]}.masonry>.line:nth-child(2){grid-template-rows:[row1] 1fr [row2] 1fr [row3];grid-template-columns:[col1] 1fr [col2] 1fr [col3] 1fr [col4]}.masonry>.line .tile{position:relative}.masonry>.line .tile h3{font-size:clamp(var(--font-size-h7, 16px), 3vw, var(--font-size-h5, 24px));font-weight:600;margin:0}.masonry>.line .tile .text{font-size:16px;color:#1f1f1f}.masonry>.line .pos{padding:var(--Spacing-800,32px);overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:24px;isolation:isolate;position:absolute;top:0;left:0;width:100%;height:100%;transition-duration:.2s;border-radius:var(--Radius-800,32px);border:1px solid var(--Neutral-50,#F6F6F6);background:#FFF;box-shadow:1px 1px 0 0 var(--Neutral-100,#E7E7E7)}.masonry>.line .pos>.mid{display:flex;flex-direction:row;padding:0;gap:24px;flex:none;align-self:stretch;flex-grow:0;z-index:1}.masonry>.line .pos>.mid .icon{width:96px;display:flex;justify-content:center;flex:0 0 auto}.masonry>.line .pos>.mid .icon svg{max-width:96px;max-height:96px}.masonry>.line .pos>.mid .description{display:flex;flex-direction:column;padding:0;gap:16px;color:#666}.masonry>.line .pos>.mid .description .text{overflow:hidden}.masonry>.line .pos>.mid .description .text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden;color:var(--Colors-p-paragraph,#3D3D3D);font-feature-settings:'liga' off;text-overflow:ellipsis;font-family:var(--Base-font-family,Rubik);font-size:16px;font-style:normal;font-weight:400;line-height:150%}.masonry>.line .pos>.mid.topIcon .description .text{-webkit-line-clamp:6}.masonry>.line:nth-child(1)>.tile:nth-child(3) .pos>.mid .description .text>p,.masonry>.line:nth-child(1)>.tile:nth-child(4) .pos>.mid .description .text>p,.masonry>.line:nth-child(2)>.tile:nth-child(1) .pos>.mid .description .text>p,.masonry>.line:nth-child(2)>.tile:nth-child(4) .pos>.mid .description .text>p{-webkit-line-clamp:6}.masonry>.line .pos>.mid .description .text>*{margin:0 0 10px 0}.masonry>.line .pos>.mid .description .text svg{display:none}.masonry>.line .pos>.ctrl{display:flex;flex-direction:row;align-items:flex-start;gap:24px;z-index:1;max-height:0;overflow:hidden;margin-top:auto}.masonry>.line .pos>.ctrl a{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:6px 12px;gap:8px;border:1px solid transparent;border-radius:24px;font-size:16px;line-height:24px;font-weight:500}.masonry>.line .pos>.ctrl a svg{width:24px}.masonry>.line .pos>.ctrl a:not(.youtube_popup) svg{width:20px;fill:var(--tomato)}.masonry>.line .pos>.ctrl a:hover{background:#ffebed}.masonry>.line .pos>.ctrl a:not(.youtube_popup){border-color:var(--tomato)}.masonry>.line .pos>.ctrl a:not(.youtube_popup):hover{background:var(--tomato);color:#fff}.masonry>.line .pos>.ctrl a:not(.youtube_popup):hover svg{fill:#fff}.masonry>.line .pos>.mid.topIcon,.masonry>.line .pos>.mid.topText{flex-direction:column;align-items:flex-start}.masonry>.line .pos>.mid.topIcon .description{order:2}.masonry>.line .pos>.mid.topIcon .icon{order:1}.masonry>.line:nth-child(1)>.tile:nth-child(1){height:200px;grid-column-start:col1;grid-column-end:col3;grid-row-start:row1;grid-row-end:row2}.masonry>.line:nth-child(1)>.tile:nth-child(2){height:200px;grid-column-start:col1;grid-column-end:col3;grid-row-start:row2;grid-row-end:row3}.masonry>.line:nth-child(1)>.tile:nth-child(3){height:424px;grid-column-start:col3;grid-column-end:col4;grid-row-start:row1;grid-row-end:row3}.masonry>.line:nth-child(1)>.tile:nth-child(4){height:424px;grid-column-start:col4;grid-column-end:col5;grid-row-start:row1;grid-row-end:row3}.masonry>.line:nth-child(1)>.tile:nth-child(1) .pos,.masonry>.line:nth-child(1)>.tile:nth-child(2) .pos{height:200px}.masonry>.line:nth-child(1)>.tile:nth-child(3) .pos,.masonry>.line:nth-child(1)>.tile:nth-child(4) .pos{height:424px}.masonry>.line:nth-child(2)>.tile:nth-child(1){height:200px;grid-column-start:col1;grid-column-end:col2;grid-row-start:row1;grid-row-end:row1}.masonry>.line:nth-child(2)>.tile:nth-child(2){height:200px;grid-column-start:col1;grid-column-end:col1;grid-row-start:row2;grid-row-end:row3}.masonry>.line:nth-child(2)>.tile:nth-child(3){height:424px;grid-column-start:col2;grid-column-end:col3;grid-row-start:row1;grid-row-end:row3}.masonry>.line:nth-child(2)>.tile:nth-child(4){height:200px;grid-column-start:col3;grid-column-end:col4;grid-row-start:row1;grid-row-end:row2}.masonry>.line:nth-child(2)>.tile:nth-child(5){height:200px;grid-column-start:col3;grid-column-end:col4;grid-row-start:row2;grid-row-end:row3}@media only screen and (max-width:9999px) and (min-width:992px){.masonry>.line:nth-child(1)>.tile:nth-child(1):hover{z-index:2}.masonry>.line:nth-child(1)>.tile:nth-child(1):has(+.tile:hover) .pos{opacity:0}.masonry>.line:nth-child(1)>.tile:nth-child(2):hover{z-index:2}.masonry>.line:nth-child(1)>.tile:nth-child(3):hover .pos{z-index:2}.masonry>.line:nth-child(1)>.tile:nth-child(3):hover+.tile .pos{opacity:0}.masonry>.line:nth-child(1)>.tile:nth-child(3):has(+.tile:hover) .pos{opacity:0}.masonry>.line:nth-child(1)>.tile:nth-child(4):hover{z-index:2}.masonry>.line:nth-child(2)>.tile:nth-child(1):hover{z-index:2}.masonry>.line:nth-child(2)>.tile:nth-child(2):hover{z-index:2}.masonry>.line:nth-child(2)>.tile:nth-child(3):hover{z-index:2}.masonry>.line:nth-child(2)>.tile:nth-child(4):hover{z-index:2}.masonry>.line:nth-child(2)>.tile:nth-child(5):hover{z-index:2}.masonry>.line:nth-child(2)>.tile .pos>.mid .icon.first{opacity:0;visibility:hidden;max-height:0}.masonry>.line:nth-child(2)>.tile .pos>.mid .icon.second{max-height:120px;margin-top:auto}.masonry>.line:nth-child(2)>.tile:hover .pos>.mid .icon.first{opacity:1;visibility:visible;max-height:120px}.masonry>.line:nth-child(2)>.tile:hover .pos>.mid .icon.second{opacity:0;visibility:hidden;max-height:0}.masonry>.line .tile:hover .pos>.mid .description .text{max-height:100%;-webkit-line-clamp:none}.masonry>.line .tile:hover .pos>.ctrl{max-height:45px}}@media only screen and (max-width:9999px) and (min-width:1349px){.masonry>.line:nth-child(1)>.tile:nth-child(1):hover .pos{height:424px}.masonry>.line:nth-child(1)>.tile:nth-child(2):hover .pos{height:424px;top:-224px;width:985px}.masonry>.line:nth-child(1)>.tile:nth-child(3):hover .pos{width:648px}.masonry>.line:nth-child(1)>.tile:nth-child(4):hover .pos{width:648px;left:-336px;height:454px;top:-30px}.masonry>.line:nth-child(2)>.tile:nth-child(1):hover .pos{width:872px;height:424px}.masonry>.line:nth-child(2)>.tile:nth-child(2):hover .pos{width:872px;height:424px;top:-224px}.masonry>.line:nth-child(2)>.tile:nth-child(3):hover .pos{width:872px;height:524px}.masonry>.line:nth-child(2)>.tile:nth-child(4):hover .pos{width:872px;left:-447px;height:424px}.masonry>.line:nth-child(2)>.tile:nth-child(5):hover .pos{width:872px;left:-447px;height:424px;top:-224px}.masonry>.line:nth-child(2) .pos>.mid{flex-grow:1}}@media only screen and (max-width:1349px) and (min-width:1199px){.masonry>.line .tile h3{font-size:22px}.masonry>.line:nth-child(1)>.tile:nth-child(1):hover .pos{height:474px}.masonry>.line:nth-child(1)>.tile:nth-child(2):hover .pos{height:424px;top:-224px;width:965px}.masonry>.line:nth-child(1)>.tile:nth-child(3):hover .pos{width:648px;left:-70px}.masonry>.line:nth-child(1)>.tile:nth-child(4):hover .pos{width:648px;left:-374px;height:454px;top:-30px}.masonry>.line:nth-child(2)>.tile:nth-child(1):hover .pos{width:872px;height:424px}.masonry>.line:nth-child(2)>.tile:nth-child(2):hover .pos{width:872px;height:424px;top:-224px}.masonry>.line:nth-child(2)>.tile:nth-child(3):hover .pos{width:872px;height:524px;left:-398px}.masonry>.line:nth-child(2)>.tile:nth-child(4):hover .pos{width:872px;left:-498px;height:424px}.masonry>.line:nth-child(2)>.tile:nth-child(5):hover .pos{width:872px;left:-498px;height:424px;top:-224px}}@media only screen and (max-width:1199px) and (min-width:992px){.masonry>.line .tile h3{font-size:20px}.masonry>.line .pos>.mid .icon{width:88px}.masonry>.line:nth-child(2)>.tile{height:360px}.masonry>.line:nth-child(1)>.tile:nth-child(1):hover .pos{height:474px;width:723px}.masonry>.line:nth-child(1)>.tile:nth-child(2):hover .pos{height:520px;top:-224px;width:724px}.masonry>.line:nth-child(1)>.tile:nth-child(3):hover .pos{width:648px;left:-174px}.masonry>.line:nth-child(1)>.tile:nth-child(4):hover .pos{width:648px;left:-423px;height:454px;top:-30px}.masonry>.line:nth-child(2)>.tile:nth-child(1):hover .pos{width:872px;height:424px}.masonry>.line:nth-child(2)>.tile:nth-child(2):hover .pos{width:872px;height:424px;top:-224px}.masonry>.line:nth-child(2)>.tile:nth-child(3):hover .pos{width:772px;height:524px;left:-230px}.masonry>.line:nth-child(2)>.tile:nth-child(4):hover .pos{width:640px;left:-332px;height:424px}.masonry>.line:nth-child(2)>.tile:nth-child(5):hover .pos{width:640px;left:-332px;;height:424px;top:-224px}}@media (max-width:991px){.masonry>.line{display:flex;flex-direction:column;gap:24px}.masonry>.line>.tile{height:auto}.masonry>.line>.tile .pos{position:relative}.masonry>.line .pos>.mid .description .text{max-height:none;text-align:left;display:block;-webkit-box-orient:vertical;-webkit-line-clamp:500}.masonry>.line .pos>.mid .description .text svg{display:block;float:right;margin:0 0 15px 25px;border-radius:0 0 0 37px;width:100px;shape-outside:margin-box}.masonry>.line .pos>.mid.topIcon,.masonry>.line .pos>.mid.topText{flex-direction:row}.masonry>.line .pos>.mid.topIcon .description,.masonry>.line .pos>.mid.topText .description{order:1}.masonry>.line .pos>.mid.topIcon .icon,.masonry>.line .pos>.mid.topText .icon{order:2}.masonry>.line:nth-child(2)>.tile .pos>.mid .icon.second{margin:0;display:none}.masonry>.line .pos>.ctrl,.masonry>.line>.tile,.masonry>.line>.tile .pos,.masonry>.line .pos>.mid .description .text{height:auto!important;max-height:none!important}}@media (max-width:991px){.masonry{padding:0 15px}}@media (max-width:500px){.masonry>.line .pos>.mid,.masonry>.line .pos>.mid.topIcon,.masonry>.line .pos>.mid.topText{flex-direction:column}.masonry>.line .pos>.mid .icon,.masonry>.line .pos>.mid.topIcon .icon,.masonry>.line .pos>.mid.topText .icon{order:1}.masonry>.line .pos>.mid .description,.masonry>.line .pos>.mid.topIcon .description,.masonry>.line .pos>.mid.topText .description{order:2}}
.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}}
.frameworks_support{padding:80px 0;background:linear-gradient(180deg,#FFF 0%,#F0F0F5 51%,#FFF 100%)}.frameworks_support header{margin-bottom:40px}.frameworks_support>.frameworks .frameworks_list{display:flex;gap:40px 24px;justify-content:center;flex-wrap:wrap}.frameworks_support>.frameworks .frameworks_list .item{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px 48px;max-width:424px}.frameworks_support>.frameworks .frameworks_list .logo{display:flex;width:88px;height:88px;padding:20px;justify-content:space-between;align-items:center;flex-shrink:0;border-radius:24px;border:2px solid #D6DEE7;background:var(--White,#FFF)}.frameworks_support>.frameworks .frameworks_list .logo svg{width:48px;height:48px}.frameworks_support>.frameworks .frameworks_list .text h3{align-self:stretch;color:#111;text-align:center;font-size:18px;font-style:normal;font-weight:500;line-height:24px}.frameworks_support>.frameworks .frameworks_list .text p{align-self:stretch;color:#666;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:18px}
.bkrdFormatSupport{padding:80px 0;display:flex;flex-direction:column;gap:40px}.bkrdFormatSupport .wrap{display:flex;flex-direction:column;flex-wrap:wrap;gap:40px}.bkrdFormatSupport .bkrds{display:flex;flex-wrap:wrap;gap:24px}.bkrdFormatSupport .bkrds .preview{position:relative;width:calc(50% - 12px);min-height:424px;padding:14px}.bkrdFormatSupport .bkrds .preview>.b{position:absolute;border-radius:24px;background-color:#fff;box-shadow:0 10px 20px 0 rgb(17 17 17 / .05);width:212px;height:212px;top:calc(50% - 106px);left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center}.bkrdFormatSupport .bkrds .preview>.b img{max-width:80%;max-height:50%}.bkrdFormatSupport .bkrds .preview .b:nth-child(1){z-index:1;transform:translateX(calc(-50% + -200px))}.bkrdFormatSupport .bkrds .preview .b:nth-child(2){top:calc(50% - 114px);z-index:3}.bkrdFormatSupport .bkrds .preview .b:nth-child(3){z-index:2;transform:translateX(calc(-50% + +200px))}.bkrdFormatSupport .bkrds .text{padding:24px;display:flex;flex-direction:column;justify-content:center;width:calc(50% - 12px)}.bkrdFormatSupport .bkrds .text>*{align-self:baseline}.bkrdFormatSupport .bkrds .text h3{color:var(--Colors-h-heading,#111);font-size:clamp(18px, 3vw, 32px);font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.64px;margin:0 0 24px 0}.bkrdFormatSupport .bkrds .text p{padding:0;margin:0 0 48px 0;color:var(--Colors-p-paragraph,#3D3D3D);font-size:clamp(14px, 3vw, var(--font-size-base, 16px));font-style:normal;font-weight:400}.bkrdFormatSupport .bkrds.one-d .preview{background:url(../../../themes/barkoder/img/video_bg_1.svg) no-repeat scroll center 0}.bkrdFormatSupport .bkrds.two-d .text{order:1}.bkrdFormatSupport .bkrds.two-d .preview{background:url(../../../themes/barkoder/img/video_bg_2.svg) no-repeat scroll center 0;order:2}@media (max-width:1349px){.bkrdFormatSupport .bkrds .preview{min-height:374px}.bkrdFormatSupport .bkrds .preview .b:nth-child(1){transform:unset;left:0}.bkrdFormatSupport .bkrds .preview .b:nth-child(3){transform:unset;right:0;left:auto}}@media (max-width:991px){.bkrdFormatSupport .bkrds .text,.bkrdFormatSupport .bkrds .preview,.bkrdFormatSupport .bkrds.two-d .text,.bkrdFormatSupport .bkrds.two-d .preview{order:unset}.bkrdFormatSupport .bkrds{flex-direction:column}.bkrdFormatSupport .bkrds .preview{width:100%;max-width:420px;align-self:center;min-height:280px}.bkrdFormatSupport .bkrds .text{width:100%;transform:unset!important}.bkrdFormatSupport .bkrds .text>*{align-self:center}.bkrdFormatSupport .bkrds .text p{margin-bottom:24px}.bkrdFormatSupport .bkrds .preview>.b{width:142px;height:142px;top:calc(50% - 71px)}.bkrdFormatSupport .bkrds .preview .b:nth-child(2){top:calc(50% - 79px)}}@media (max-width:500px){.bkrdFormatSupport .bkrds .preview{width:90%}}
.details_section{display:flex;justify-content:center;align-items:center;gap:24px;background:linear-gradient(0deg,#F5F7FA,#F5F7FA),linear-gradient(105.57deg,#FFFAFA 0%,#FFE6E8 100%);border-radius:32px;padding:48px}.details_section>.details{display:flex;width:100%;justify-content:start;align-items:flex-start;gap:24px}.details_section>.details>.icon{width:88px;height:88px;flex-shrink:0}.details_section>.details>.desc{display:flex;flex-direction:column;gap:24px}.details_section>.details>.desc>.text{display:flex;min-width:312px;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch}.details_section>.details>.desc>.text *{color:#666;font-size:14px;font-style:normal;font-weight:400;line-height:18px;margin:0}.details_section>.details>.desc>.text h3{color:#111;font-size:18px;font-style:normal;font-weight:500;line-height:24px}.details_section>.details>.desc>.text li{list-style-type:disc;padding-left:5px;padding-top:5px}.details_section>.details>.desc>.text li::marker{content:'→';color:#e04356;position:absolute;left:0;top:0}.details_section>.details>.desc>.links{display:flex;align-items:flex-start;gap:8px;align-self:stretch}.details_section>.details>.desc>.links a{display:flex;padding:16px;justify-content:center;align-items:center;border-radius:16px;background:#FFF5F6;transition-duration:.2s}.details_section>.details>.desc>.links a:hover{background:#f5e7e9}.details_section>.details>.desc>.links a svg{width:24px;height:24px;fill:#E52E4C}.details_section>.img{display:flex;height:-webkit-fill-available;flex-direction:column;justify-content:flex-start;align-items:center}@media (max-width:991px){.details_section{padding:0 15px}}@media (max-width:767px){.details_section{flex-direction:column;gap:78px}}@media (max-width:500px){.details_section>.details{flex-wrap:wrap;width:auto}}
.barkoder_testing_sheeet{padding:80px 0}.barkoder_testing_sheeet .wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px}.barkoder_testing_sheeet .wrap>.img{display:flex;justify-content:center;position:relative;align-items:center}.barkoder_testing_sheeet .wrap>.img:before{content:"";background:url(../../../themes/barkoder/img/video_bg_1.svg) no-repeat scroll center center;max-width:100%;max-height:100%;width:540px;height:540px;position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);z-index:-1}.barkoder_testing_sheeet .wrap>.img img{max-width:541px;width:100%;height:auto}.barkoder_testing_sheeet .wrap>.txt{display:flex;flex-direction:column;justify-content:center;align-items:baseline;gap:40px}.barkoder_testing_sheeet .wrap>.txt>.frame{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:16px;flex:none;order:0;align-self:stretch;flex-grow:0}.barkoder_testing_sheeet .wrap>.txt>.frame header label{align-self:baseline}.barkoder_testing_sheeet .wrap>.txt>.frame header h2{text-align:left;color:var(--color111);font-size:clamp(var(--font-size-h4, 24px), 3vw, var(--font-size-h2, 40px));font-weight:600}.barkoder_testing_sheeet .wrap>.txt>.frame p{font-style:normal;font-weight:400;font-size:16px;font-size:clamp(var(--font-size-sm, 14px), 3vw, var(--font-size-base, 16px));line-height:24px;font-feature-settings:'liga' off;color:#605D62;flex:none;align-self:stretch;flex-grow:0;margin:0}@media (max-width:767px){.barkoder_testing_sheeet .wrap{display:flex;flex-direction:column}.barkoder_testing_sheeet .wrap>.txt{align-items:center;gap:24px}.barkoder_testing_sheeet .wrap>.txt>.frame header label{align-self:center}.barkoder_testing_sheeet .wrap>.txt>.frame header h2{text-align:center}.barkoder_testing_sheeet{padding:40px 15px}}
.trial_main_container_v1{padding:216px 0;position:relative;background:linear-gradient(180deg,#146666 0%,#143D66 100%),#146666}.trial_main_container_v1.padding80{padding:80px 0}.trial_main_container_v1::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../../../themes/barkoder/img/paper-paper.svg);opacity:.05;z-index:1}.free_trial_section_v1{display:flex;flex-direction:column;align-items:center;gap:40px;align-self:stretch;z-index:2;position:relative;margin:0 auto;width:100%;max-width:980px}.free_trial_section_v1 header>h2{color:#fff;font-style:normal;font-size:clamp(var(--font-size-h4, 24px), 3vw, var(--font-size-h2, 40px));margin:0}.free_trial_section_v1 .desc{padding-top:8px;color:#fff;text-align:center}.free_trial_section_v1 .desc>*{color:#fff;margin:0}.free_trial_section_v1 .features{align-self:stretch;display:inline-grid;row-gap:8px;column-gap:8px;align-self:stretch;grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto}.free_trial_section_v1 .features .feature{display:flex;padding:var(--sizes-spacing-sp-24,24px);flex-direction:column;align-items:center;gap:var(--sizes-spacing-sp-8,8px);flex:1 0 0%;border-radius:var(--sizes-radius-global-rd-16,16px);border:1px solid var(--color-black-bl-05,rgb(0 0 0 / .05));background:var(--color-black-bl-10,rgb(0 0 0 / .1));box-shadow:0 2px 4px 0 rgb(0 0 0 / .1);backdrop-filter:blur(2px)}.free_trial_section_v1 .features .feature:nth-child(1){grid-area:1 / 1 / 2 / 4}.free_trial_section_v1 .features .feature:nth-child(2){grid-area:1 / 4 / 2 / 7}.free_trial_section_v1 .features .feature:nth-child(1),.free_trial_section_v1 .features .feature:nth-child(2){align-self:start}.free_trial_section_v1 .features .feature:nth-child(3){grid-area:2 / 1 / 3 / 3}.free_trial_section_v1 .features .feature:nth-child(4){grid-area:2 / 3 / 3 / 5}.free_trial_section_v1 .features .feature:nth-child(5){grid-area:2 / 5 / 3 / 7}.free_trial_section_v1 .features .feature .feature_icon{width:48px;height:48px}.free_trial_section_v1 .features .feature .feature_icon svg{width:48px;height:48px;--stroke-color:#A4E670}.free_trial_section_v1 .features .feature .feature_content{display:flex;flex-direction:column;align-items:center;gap:8px;flex-grow:1}.free_trial_section_v1 .features .feature .feature_content h3{margin:0;font-size:20px;font-weight:500;color:#fff}.free_trial_section_v1 .features .feature .feature_content:has(>.feature_icon){align-self:flex-start;width:100%;flex-direction:row;justify-content:flex-start}.free_trial_section_v1 .features .feature .feature_content .feature_icon{margin-left:auto;width:24px;height:24px}.free_trial_section_v1 .features .feature .feature_content .feature_icon svg{width:24px;height:24px}.free_trial_section_v1 .features .feature .feature_items_list{align-self:stretch;position:relative;height:32px}.free_trial_section_v1 .features .feature .feature_items_list:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(255 255 255 / .1);border-radius:16px;pointer-events:none;height:32px}.free_trial_section_v1 .features .feature .feature_items_list .wrap{color:#d6f1ff;font-size:12px;justify-content:flex-start;flex:1;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transform:translateY(6px);padding:0 16px}.free_trial_section_v1 .features .feature .feature_items_list:hover .wrap{transform:translateY(0);position:absolute;left:0;right:0;top:0;padding:6px 16px;overflow:visible;-webkit-line-clamp:unset;z-index:10;flex-wrap:wrap;gap:8px;background:rgb(255 255 255 / .1);border-radius:16px;text-align:left}.free_trial_section_v1 .features .feature .feature_items_list:hover:before{display:none}.free_trial_section_v1 .features .feature .feature_items_list a{color:#D6F1FF;text-decoration:none;font-size:12px;font-weight:400}.free_trial_section_v1 .features .feature .feature_items_list a:hover{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--tomato)}.free_trial_section_v1 .actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;align-items:center;padding:18px 0 0}@media (max-width:767px){.trial_main_container_v1{padding:80px 15px}.trial_main_container_v1.padding80{padding:40px 15px}}
.android_video{text-align:center;margin:115px 0}.android_video h2{font-size:28px;font-weight:400}.android_video p{font-size:18px}.android_video>.container{max-width:967px}.android_video>.container>.videoContent{position:relative;z-index:2}.android_video>.container>.videoWrap{background:url(../../../themes/barkoder/img/video_back.svg) no-repeat scroll 0 0;background-size:100%;padding:9% 0 9% 44px;margin-top:-5%;max-width:100%;text-align:left;position:relative;z-index:1}.android_video>.container>.videoWrap iframe{border-radius:16px;background-color:#666;box-shadow:0 10px 30px 0 rgb(0 0 0 / .2);max-width:100%;aspect-ratio:16 / 9;height:fit-content}.android_video>.container>.videoWrap a img{border-radius:16px;background-color:#666;box-shadow:0 10px 30px 0 rgb(0 0 0 / .2);width:100%;aspect-ratio:16 / 9;height:fit-content}@media (max-width:992px){.android_video>.container>.videoWrap{padding:12% 44px 12% 44px}}
/*# sourceMappingURL=public-page-c1bee511-5097cf24781b.css.map */