#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}
.homepage_blog_section{padding:80px 0}.homepage_blog_section header{align-items:flex-start;margin-bottom:80px}.homepage_blog_section header h2{margin:0;font-weight:600;font-size:clamp(var(--font-size-h4, 24px), 3vw, var(--font-size-h2, 40px));color:var(--color111)}@media (max-width:767px){.homepage_blog_section{padding:0 15px}.homepage_blog_section header{align-items:center;text-align:center;margin-bottom:40px}}.page_articles{margin:80px 0}.page_articles>.container{display:flex;flex-direction:column;gap:40px}.page_articles>.container>header{margin-bottom:0}.page_articles .highlight{background:#fbfb8c}.page_articles .info{display:flex;align-items:flex-end;gap:24px;margin:auto 0 0 0}.page_articles .info>*,.page_articles .info a{display:inline-flex;align-items:center;gap:4px;font-family:var(--Inter);font-size:14px;line-height:20px;font-style:normal;color:var(--color6D,#6d6d6d);white-space:nowrap;text-decoration:none;transition-duration:.2s}.page_articles .info a:hover{color:var(--tomato)}.page_articles .info svg{width:20px;height:20px;flex-shrink:0;transition-duration:.2s;fill:transparent;--stroke-color:#6B7280;--folder-fill:transparent;--folder-stroke:var(--color6D, #6d6d6d)}.page_articles .featured_blogs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;padding:48px;border:1px solid #e5e7eb;border-radius:32px;overflow:hidden}.page_articles article.featured_blog{min-width:0;display:flex;flex-direction:column;gap:24px}.page_articles article.featured_blog:only-child{grid-column:1 / -1}.page_articles article.featured_blog .featured_label{font-family:var(--Inter);font-size:20px;line-height:28px;letter-spacing:-.066px;color:#000}.page_articles article.featured_blog .media{display:block;position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid #e5e7eb;border-radius:24px;background:#eee}.page_articles article.featured_blog .media img{display:block;width:100%;height:100%;object-fit:cover;transition-duration:.2s}.page_articles article.featured_blog .data{flex:1 1 auto;display:flex;flex-direction:column;gap:16px;padding:0}.page_articles article.featured_blog h2{margin:0;font-family:var(--PlusJakartaSans);font-weight:700;font-size:24px;line-height:normal;color:#000;text-align:left}.page_articles article.featured_blog h2 a{color:inherit;transition-duration:.2s}.page_articles article.featured_blog .intro{padding-bottom:8px;font-family:var(--Inter);font-size:16px;line-height:24px;color:#3d3d3d}.page_articles article.featured_blog .intro>*{margin:0;font-size:inherit;line-height:inherit;color:inherit}.page_articles article.featured_blog:hover .media img{transform:scale(1.05)}.page_articles article.featured_blog:hover h2 a{color:var(--tomato)}.page_articles article.featured_blog:hover .info svg{--calendar-blank-stroke:var(--tomato);--folder-stroke:var(--tomato)}.page_articles>.container>.articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.page_articles>.container>.articles article{display:flex;flex-direction:column;overflow:hidden;border-radius:32px;background:#f8f9fc;box-shadow:0 1px 2px 0 rgb(0 0 0 / .1);transition-duration:.2s}.page_articles>.container>.articles article .media{display:block;position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:32px;background:#eee}.page_articles>.container>.articles article .media img{display:block;width:100%;height:100%;object-fit:cover;transition-duration:.2s}.page_articles>.container>.articles article .data{flex:1;display:flex;flex-direction:column;gap:8px;padding:24px}.page_articles>.container>.articles article h3{margin:0;font-family:var(--Inter);font-weight:700;font-size:20px;line-height:28px;letter-spacing:-.066px;color:#000;text-align:left}.page_articles>.container>.articles article h3 a{color:inherit;transition-duration:.2s}.page_articles>.container>.articles article .text{padding-bottom:8px;font-family:var(--Inter);font-size:16px;line-height:24px;color:#3d3d3d}.page_articles>.container>.articles article .text>*{margin:0;font-size:inherit;line-height:inherit;color:inherit}.page_articles>.container>.articles article .info{margin-top:auto;padding:8px 0}.page_articles>.container>.articles article:hover{box-shadow:none;transform:translateY(5px);background:transparent}.page_articles>.container>.articles article:hover .media img{transform:scale(1.05)}.page_articles>.container>.articles article:hover h3 a{color:var(--tomato)}.page_articles>.container>.articles article:hover .info svg{--calendar-blank-stroke:var(--tomato);--folder-stroke:var(--tomato)}@media (max-width:1200px){.page_articles .featured_blogs{gap:32px;padding:32px}.page_articles article.featured_blog h2{font-size:22px}}@media (max-width:992px){.page_articles .featured_blogs{grid-template-columns:minmax(0,1fr);gap:40px}.page_articles article.featured_blog{gap:20px}.page_articles>.container>.articles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.page_articles{margin:24px 15px}.page_articles .featured_blogs{gap:32px;padding:24px;border-radius:24px}.page_articles article.featured_blog{gap:16px}.page_articles article.featured_blog .featured_label{font-size:18px;line-height:24px}.page_articles article.featured_blog .media{border-radius:16px}.page_articles article.featured_blog .data{gap:12px}.page_articles article.featured_blog h2{font-size:20px}.page_articles article.featured_blog .intro{font-size:15px;line-height:22px}.page_articles .info{flex-wrap:wrap;gap:8px 16px}.page_articles>.container>.articles{grid-template-columns:minmax(0,1fr)}.page_articles>.container>.articles article{border-radius:24px}.page_articles>.container>.articles article .media{border-radius:24px}}@media (max-width:480px){.page_articles .featured_blogs{padding:16px;border-radius:20px}.page_articles article.featured_blog .media{border-radius:12px}}
.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}}
.performance_section_title{text-align:center;font-size:28px;font-weight:500;margin-bottom:180px}.performance_section{display:flex;gap:24px;align-items:center;justify-content:center}.performance_section .video{background-color:#666;box-shadow:2.828px 2.828px 0 0 rgb(0 0 0 / .25);width:648px;height:364px;position:relative;border-radius:16px;background-color:#666;box-shadow:0 10px 20px 0 rgb(0 0 0 / .1)}.performance_section .video::before{content:"";background:url(../../../themes/barkoder/img/video_bg_1.svg) no-repeat scroll 0 0;width:745px;height:612px;display:block;position:absolute;z-index:-1;left:-48px;top:-124px}.performance_section .video iframe{width:100%;height:100%;max-width:648px;max-height:364px;border-radius:14px}.performance_section .video img{width:100%;height:100%;max-width:648px;max-height:364px;border-radius:14px}.performance_section>*{display:flex;min-height:264px}.performance_section.half>*{width:50%!important;justify-content:center}.performance_section .media{width:calc(50% - 12px);padding:0 62px;position:relative;min-width:523px;min-height:414px;display:flex;justify-content:center;align-items:center}.performance_section .media::before{content:"";background:url(../../../themes/barkoder/img/video_bg_1.svg) no-repeat scroll center center;width:calc(100% + -125px);height:100%;display:block;position:absolute;z-index:1;left:50%;top:50%;background-size:contain;transform:translate(-50%,-50%)}.performance_section .media img{max-width:100%;max-height:100%;width:100%;height:auto;border-radius:16px;position:relative;z-index:2}.performance_section .media.no_p{padding:0}.performance_section.reverse .media:before{background:url(../../../themes/barkoder/img/video_bg_2.svg) no-repeat scroll center center}.performance_section .data{width:calc(50% - 12px);font-size:16px;color:#111;font-weight:400;justify-content:center;align-items:center}.performance_section .data.centered{justify-content:center}.performance_section .data>a,.performance_section .data>a .clickMe,.performance_section .data>img,.performance_section .data>svg{display:none}.performance_section .data h2,.performance_section .data h3{font-weight:500;font-size:20px;margin-bottom:20px}.performance_section .data>p a{text-decoration:underline}.performance_section .data>a{margin-top:30px;text-decoration:none}.performance_section .data a.mobile_youtube_popup{display:none;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:var(--color111);text-transform:uppercase;font-weight:500;gap:4px;line-height:1}.performance_section .data a.mobile_youtube_popup svg{fill:var(--tomato);width:43px}.performance_section .data .ctrl{padding-top:30px;display:flex;flex-wrap:wrap;gap:24px;align-items:center}.performance_section:nth-child(even){flex-direction:row-reverse}.performance_section.pink-shine{gap:0;padding-right:60px;margin:0}.performance_section.pink-shine .media{background:url(../../../themes/barkoder/img/pink-shine.webp) no-repeat scroll 0 0;min-width:834px;min-height:721px;justify-content:flex-end}.performance_section.pink-shine .media::before{content:"";background:none}.performance_section.pink-shine .media img{box-shadow:none}.performance_section.pink-shine .media+.data{min-height:721px}.performance_section.reverse .mediaWrap{order:2}.performance_section.reverse .media{order:2}.performance_section.reverse .data{order:1}.performance_section.reverse.pink-shine{padding-right:0;padding-left:60px}.performance_section.mb-0{margin-bottom:0}.performance_section.mb-80{margin-bottom:80px}.performance_section .data li{list-style-type:disc;font-size:16px;color:#666;padding-left:5px}.performance_section li::marker{content:'→';color:#e04356;position:absolute;left:0;top:0}.performance_section .links{display:flex;flex-direction:row;align-items:flex-start;gap:8px;flex-wrap:wrap;padding:36px 0 0 0}.performance_section .links a{display:inline-flex;border-radius:50px;background:#fafbfc;gap:8px;border:1px solid var(--tomato);color:var(--tomato);font-size:16px;font-weight:500;flex-grow:1;align-items:center;justify-content:center;min-height:40px;padding:0 16px 0 25px;transition-duration:.2s}.performance_section .links a svg{width:20px;fill:var(--tomato)}@media (max-width:1455px){.performance_section.pink-shine{padding:0;gap:50px}.performance_section.reverse.pink-shine{padding:0}.performance_section.pink-shine .media{background:url(../../../themes/barkoder/img/pink-shine.webp) no-repeat scroll 0 0;min-width:300px;min-height:300px;background-size:100% 100%}.performance_section.pink-shine .media+.data{min-height:300px}}@media (max-width:1199px){.performance_section>*{flex-grow:1;min-height:0}}@media (max-width:991px){.performance_section.half>*{width:100%!important}.performance_section.reverse .mediaWrap{order:1}.performance_section{padding:0 20px;display:block}.performance_section:nth-child(even){padding:0 20px;flex-direction:column;gap:50px;display:flex}.performance_section .video,.performance_section .media{width:100%;max-width:100%;min-width:100%;min-height:auto}.performance_section .data{display:block}.performance_section .data,.performance_section:nth-child(odd) .data,.performance_section:nth-child(even) .data{width:100%}.performance_section .data>a,.performance_section .data>img,.performance_section .data>svg{display:block;float:left;width:120px;margin:0 24px 20px 0;shape-outside:margin-box;border-radius:0 0 50% 0}.performance_section.pink-shine,.performance_section.reverse.pink-shine{padding:0 20px}.performance_section.pink-shine .media{background:none;width:100%;justify-content:center}.performance_section .data a.mobile_youtube_popup{display:inline-flex}}@media (max-width:500px){.performance_section .video{height:180px}}
.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}}
.platform_support{padding:80px 0}.platform_support header{margin-bottom:40px}.platform_support>.container{padding:96px 0}.platform_support .docsWrapper{padding:0 68px}.platform_support .docs{display:flex;gap:40px;flex-wrap:wrap}.platform_support .docs .platforms{flex:1 1 auto;display:flex;gap:48px;border-radius:var(--Radius-800,32px);background:#F5F7FA;padding:48px;justify-content:center;align-items:center}.platform_support .docs .platforms .left_container{width:50%;flex:1 1 auto}.platform_support .docs .platforms .right_container{flex:0 1 auto;max-width:40%;padding:0 44px;display:flex;justify-content:center;align-items:center}.platform_support .docs .platforms .wrap{padding:48px;display:flex;gap:24px}.platform_support .docs .platforms .logo{flex:0 0 auto;width:96px;height:96px;border-radius:24px;border:2px solid #E7E7E7;background:#F5F5F5;display:flex;align-items:center;justify-content:center}.platform_support .docs .platforms .logo.android{border:2px solid #D6E7DE;background:#F5FFF9}.platform_support .docs .platforms .logo.wasm{border:2px solid #D8D6E7;background:#F6F5FF}.platform_support .docs .platforms .logo svg{transition-duration:.2s;width:48px;height:48px}.platform_support .docs .platforms .data h3{font-size:18px;font-weight:600;margin:0 0 16px 0}.platform_support .docs .platforms .data li{list-style-type:disc;color:var(--Colors-p-paragraph,#3D3D3D);font-size:var(--font-size-base,16px);font-weight:400}.platform_support .docs .platforms .data .links{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex-wrap:wrap;padding:48px 0 0 0}.platform_support .docs .platforms .data .links a{display:inline-flex;gap:8px;color:var(--tomato);font-size:16px;font-weight:400;flex-grow:1;align-items:center;min-height:40px;transition-duration:.2s}.platform_support .docs .platforms .data .links a:hover{gap:12px}.platform_support .docs .platforms .data .links a svg{width:20px;fill:var(--tomato)}.platform_support .docs .platforms .data .links.grid{flex-direction:row}.platform_support .docs .platforms .data .links.grid a{width:46%}.platform_support .docs .platforms:nth-child(even) .left_container{order:2}.platform_support .docs .platforms:nth-child(even) .right_container{order:1}@media (max-width:991px){.platform_support .docs .platforms .wrap{flex-direction:column;padding:0}.platform_support .docs .platforms .right_container{padding:0}.platform_support .docs .platforms .data .links.grid{flex-direction:column}.platform_support .docs .platforms .data .links.grid a{width:auto}}@media (max-width:767px){.platform_support .docs .platforms{flex-direction:column;align-items:flex-start;padding:40px}.platform_support .docs .platforms .wrap{flex-direction:row;width:100%}.platform_support .docs .platforms .left_container{width:100%}.platform_support .docs .platforms .right_container{display:none}.platform_support{padding:40px 15px}.platform_support .docsWrapper{padding:0 20px}}@media (max-width:500px){.platform_support .docs .platforms .wrap{flex-direction:column}}.platform_support.reverse_bg{background:#F5F7FA}.platform_support.reverse_bg .docs .platforms{background:#fff}
.scanner_by_barkoder{padding:130px 15px 80px}.scanner_by_barkoder>.container>.d{border-radius:32px;gap:24px;display:flex;background:linear-gradient(156deg,#0061C1 31.15%,#54A9FF 100%);position:relative}.scanner_by_barkoder>.container>.d>*{flex:0 0 auto;width:calc(50% - 12px)}.scanner_by_barkoder>.container>.d>.media{position:relative;padding:48px 0 48px 48px}.scanner_by_barkoder>.container>.d>.media img{min-height:calc(100% + 50px);position:absolute;bottom:0;left:50%;transform:translateX(-50%);object-fit:contain}.scanner_by_barkoder>.container>.d>.data{display:flex;gap:16px;padding:48px 48px 48px 0;flex-direction:column;justify-content:center;color:#fff}.scanner_by_barkoder>.container>.d>.data>header{align-items:flex-start}.scanner_by_barkoder>.container>.d>.data>header h2{font-size:clamp(var(--font-size-h4, 24px), 3vw, var(--font-size-h2, 40px));font-weight:600;text-align:left}.scanner_by_barkoder>.container>.d>.data>.links{display:flex;gap:16px;flex-wrap:wrap;padding-top:32px}.scanner_by_barkoder>.container>.d>.data>.links>*{display:flex;flex-direction:column;align-items:center;gap:20px}.scanner_by_barkoder>.container>.d>.data>.links a{display:inline-block}.scanner_by_barkoder>.container>.d>.data>.links a img{height:40px}.scanner_by_barkoder>.container>.d>.data>.links label{height:40px;width:40px;border-radius:var(--Radius-200,8px);background:var(--Transparent-Black-10,rgb(0 0 0 / .1));display:flex;padding:8px;justify-content:center;align-items:center;gap:8px;--fill-color:#fff;cursor:pointer;transition-duration:.2s;margin-left:auto}.scanner_by_barkoder>.container>.d>.data>.links label svg{width:32px;height:32px}.scanner_by_barkoder>.container>.d>.data>.links label:hover,.scanner_by_barkoder>.container>.d>.data>.scanner_text:has(input:checked)+.links label{background:rgb(0 0 0 / .15)}.scanner_by_barkoder>.container>.d>.data>.scanner_text{position:relative}.scanner_by_barkoder>.container>.d>.data>.scanner_text input{display:none}.scanner_by_barkoder>.container>.d>.data .scanner_text .text{transition-duration:.2s;display:flex;flex-direction:column;gap:16px;font-size:clamp(var(--font-size-sm, 14px), 3vw, var(--font-size-base, 16px))}.scanner_by_barkoder>.container>.d>.data .scanner_text .text>*{margin:0}.scanner_by_barkoder>.container>.d>.data .scanner_text .codes{transform:scale(1.1);opacity:0;visibility:hidden;position:absolute;top:0;left:0;width:100%;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:32px;transition-duration:.2s;flex-wrap:wrap;padding:16px}.scanner_by_barkoder>.container>.d>.data .scanner_text .codes .c{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.scanner_by_barkoder>.container>.d>.data .scanner_text .codes .c p{margin:0;color:#1f1f1f;text-align:center;font-size:16px;font-weight:500}.scanner_by_barkoder>.container>.d>.data .scanner_text:has(input:checked) .text{transform:scale(.9)}.scanner_by_barkoder>.container>.d>.data>.scanner_text:has(input:checked) .codes{opacity:1;visibility:visible;transform:scale(1)}@media (max-width:1199px){.scanner_by_barkoder>.container>.d>.media img{position:relative}}@media (max-width:991px){.scanner_by_barkoder>.container>.d{flex-direction:column}.scanner_by_barkoder>.container>.d>*{flex:1 1 auto;width:100%}.scanner_by_barkoder>.container>.d>.data{order:1;padding:48px}.scanner_by_barkoder>.container>.d>.media{padding:0 15px;order:2}}@media (max-width:767px){.scanner_by_barkoder>.container>.d>.data{padding:40px 15px}}
/*# sourceMappingURL=public-page-37205f32-c4e2b541ca11.css.map */