:root{--ux-title: clamp(34px, calc(26px + 1.85vw) , 52px);--ux-section: clamp(28px, calc(24px + 1.15vw) , 40px);--ux-card: clamp(20px, calc(18px + .3vw) , 22px);--ux-subtitle: clamp(22px, calc(20px + .55vw) , 28px);--ux-reading-title: clamp(32px, calc(25px + 1.4vw) , 44px);--ux-reading-heading: clamp(24px, calc(22px + .45vw) , 28px);--ux-body: 16px;--ux-lead: 18px;--ux-meta: 13px;--ux-label: 12px;--ux-heading-font: Poppins, SintraPackagePoppins, sans-serif;--ux-body-font: "DM Sans", SintraPackageDM, sans-serif}html body main:not([data-sb-design]) :is(h1,h2,h3,h4,h5,h6){font-family:var(--ux-heading-font)!important;font-weight:600!important;letter-spacing:-.025em!important;overflow-wrap:anywhere}html body main:not([data-sb-design]) h1{font-size:var(--ux-title)!important;line-height:1.16!important;letter-spacing:-.035em!important;text-wrap:balance}html body main:not([data-sb-design]) h1 :is(span,strong,em){font-size:inherit!important;line-height:inherit!important}html body main:not([data-sb-design]) h2{font-size:var(--ux-section)!important;line-height:1.25!important}html body main:not([data-sb-design]) h3{font-size:var(--ux-card)!important;line-height:1.35!important}html body main:not([data-sb-design]) :is(h4,h5,h6){font-size:18px!important;line-height:1.4!important}html body main:not([data-sb-design]) :is(.heading-section,.section-title,.section-heading>h3,.section-head>h3,.expert-support-content>h3,#projects-title,#matrix-glossary-title){font-size:var(--ux-section)!important;line-height:1.25!important}html body main:not([data-sb-design]) :is(.heading-card,.hero-tagline,.architecture-card-heading h4){font-size:var(--ux-card)!important;line-height:1.35!important}html body main:not([data-sb-design]) .hero-tagline{font-size:var(--ux-subtitle)!important}html body main:not([data-sb-design]) :is(.portfolio-card h2,.case-related-card h3,.sintra-case-content h3,.sn-live-card h2,.sn-live-card h3,.so-job-card h4,.related-card-body h4,.agency-hub-card h4,.process-step h4,.application-item h4,.sr-card strong,.sr-tile>strong,.blog-index-card h3,.blog-related-link h3){font-family:var(--ux-heading-font)!important;font-size:var(--ux-card)!important;line-height:1.35!important;font-weight:600!important}html body main:not([data-sb-design]) :is(.case-overview-title,.case-scope h3,.blog-author h2,.case-flow-work h4,#portfolio-filter-title,.service-path h4,.sr-author-card h2,.sr-article-sidebar h2){font-size:18px!important;line-height:1.4!important}html body main:not([data-sb-design]) :is(.credentials-label,.ecosystem-group h4){font-family:var(--ux-body-font)!important;font-size:var(--ux-label)!important;line-height:1.5!important;letter-spacing:.07em!important}html body main:not([data-sb-design]) :is(p,li){font-family:var(--ux-body-font);font-size:var(--ux-body)!important;line-height:1.65!important}html body main:not([data-sb-design]) :is(.hero-description,.np-lead,.sr-lead,.section-intro,.blog-intro,.portfolio-intro,.clients-intro,.glossary-intro,.definition-lead){font-size:var(--ux-lead)!important;line-height:1.65!important}html body main:not([data-sb-design]) :is(.eyebrow,.np-eyebrow,.sr-eyebrow,.inquiry-kicker,.home-pill,.db-proof-label,.family-small-label,.architecture-model,.scope){font-size:var(--ux-label)!important;line-height:1.5!important;letter-spacing:.08em}html body main:not([data-sb-design]) :is(.sr-privacy,.so-forms-privacy,.form-note,.contact-note,.so-review-note,.testimonial-rating-source,.testimonial-inline-status,.project-category,.np-card-meta,.related-card-category,.related-card-note,.ds-section-note,.ds-example-note,.db-flow-note,.clients-experience-scope,.portfolio-card-meta,.case-live-note,.case-credit,.case-related-technology,.blog-author-role,.blog-index-meta,.blog-index-category,.blog-meta,.results-count,#portfolio-result-count,#blog-result-count,figcaption,.breadcrumbs,.np-breadcrumbs,.sr-breadcrumbs,.service-paths-heading>p){font-size:var(--ux-meta)!important;line-height:1.55!important}html body main:not([data-sb-design]) :is(.breadcrumbs,.np-breadcrumbs,.sr-breadcrumbs) :is(a,span,li){font-size:inherit!important;line-height:inherit!important}html body main:not([data-sb-design]) :is(.breadcrumbs,.np-breadcrumbs,.sr-breadcrumbs){flex-wrap:wrap;row-gap:6px;overflow-wrap:anywhere}html body main:not([data-sb-design]) :is(.architecture-diagram,.architecture-visual,.ecosystem-map) p{font-size:14px!important}html body main:not([data-sb-design]) .sr-tile>span:not(.sr-menu-icon){font-size:16px;line-height:1.65}html body main:not([data-sb-design]) .sr-tile>b{font-size:15px;line-height:1.5}html body main:not([data-sb-design]) :is(.blog-feature-meta,.blog-card-meta,.blog-feature-bottom,.definition-meta){font-size:var(--ux-meta)!important;line-height:1.55!important}html body main:not([data-sb-design]) :is(.home-link,.home-outline,.blog-topic-buttons button,.blog-topic-buttons legend,[data-blog-clear],.blog-index-pagination button){font-size:14px!important;line-height:1.5!important}html body main:not([data-sb-design]) :is(.blog-tags a,.blog-tag,.blog-category,.blog-header-category,.technology-tags a,.case-tags a,.case-tags span){font-size:13px!important;line-height:1.5!important}html body main:not([data-sb-design]) :is(.testimonial-quote,.testimonial-inline-quote) p,html body main:not([data-sb-design]) p:is(.testimonial-quote,.testimonial-inline-quote){font-family:var(--ux-heading-font);font-size:var(--ux-subtitle)!important;line-height:1.5!important}html body.sp-editorial-page main:not([data-sb-design]) .blog-header h1,html body main:not([data-sb-design]) .definition-heading h1{font-size:var(--ux-reading-title)!important;text-wrap:pretty}html body main:not([data-sb-design]) .definition-heading h1 .definition-expanded-name{font-size:var(--ux-subtitle)!important;line-height:1.4!important;display:block;margin-top:12px}html body main:not([data-sb-design]) :is(.blog-content h2,.blog-content .sp-faq-heading,.blog-related>h2,.definition-copy-section>h2,.definition-copy-section>h3,.definition-copy h2,.definition-copy h3,.sr-article-body h2){font-size:var(--ux-reading-heading)!important;line-height:1.35!important}html body main:not([data-sb-design]) :is(.sp-editorial-body h3,.sr-article-body h3){font-size:var(--ux-card)!important}html body main:not([data-sb-design]) :is(.blog-faq summary,.faq-list summary,.sr-faq summary,.case-faq summary){font-size:16px!important;line-height:1.5!important;min-height:44px;overflow-wrap:anywhere}html body main:not([data-sb-design]) .blog-faq summary :is(h3,h4,h5,h6){font:inherit!important;letter-spacing:inherit!important}html body main:not([data-sb-design]) :is(.blog-content,.definition-copy,.sr-article-body) :is(p,li){line-height:1.8!important}html body main:not([data-sb-design]) :is(.blog-toc,.definition-toc) :is(a,li){font-size:14px!important;line-height:1.5!important}html body main:not([data-sb-design]) :is(.blog-featured h2,.blog-index-feature h2){font-size:var(--ux-subtitle)!important;line-height:1.35!important}html body main:not([data-sb-design]) .letter-group>h3{font-size:var(--ux-reading-heading)!important}html body main:not([data-sb-design]) .blog-header h1{margin-bottom:24px}html body main:not([data-sb-design]) :is(.blog-content,.definition-copy,.sr-article-body) :is(h2,h3,h4){scroll-margin-top:100px}html body :is(main:not([data-sb-design]),dialog,.sn-site-footer) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-family:var(--ux-body-font)!important;font-size:16px!important;line-height:1.5!important;min-width:0;max-width:100%}html body :is(main:not([data-sb-design]),dialog) :is(label,.field-label){font-size:14px!important;line-height:1.5!important}html body main:not([data-sb-design]) :is(.button,.btn,.sr-button,.sr-btn,.text-link,.inline-link,.portfolio-pagination a,.portfolio-pagination button,.blog-pagination button){font-family:var(--ux-body-font)!important;font-size:15px!important;line-height:1.5!important}html body main:not([data-sb-design]) shopify-forms-embed{--forms-body-font: normal 400 16px "DM Sans",sans-serif;--forms-heading-font: normal 600 24px Poppins,sans-serif}html body main:not([data-sb-design]) :is(.hero-copy,.hero-grid>*,.section-heading>*,.contact-grid>*,.faq-grid>*,.technology-grid>*,.np-split>*,.sr-split>*,.blog-header-copy,.portfolio-card){min-width:0}@media(max-width:767px){:root{--ux-title: 34px;--ux-section: 28px;--ux-card: 20px;--ux-subtitle: 22px;--ux-lead: 17px;--ux-reading-title: 32px;--ux-reading-heading: 24px}html body.local-agency-page main:not([data-sb-design]) h1{font-size:32px!important;text-wrap:pretty}html body main:not([data-sb-design]) :is(.hero-grid,.technology-grid,.application-grid,.contact-grid,.faq-grid){grid-template-columns:minmax(0,1fr)!important;gap:28px!important}html body main:not([data-sb-design]) :is(.hero-actions,.hero-cta,.contact-links,.form-actions){flex-wrap:wrap;row-gap:16px}html body main:not([data-sb-design]) :is(.hero-actions,.hero-cta,.form-actions) :is(.button,.btn,.sr-button,.sr-btn){max-width:100%;white-space:normal;text-align:center;min-height:48px}html body main:not([data-sb-design]) :is(.form-grid,.sr-form-grid){grid-template-columns:minmax(0,1fr);gap:18px}html body :is(main:not([data-sb-design]),dialog,.sn-site-footer) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){min-height:48px}html body :is(main:not([data-sb-design]),dialog) textarea{min-height:140px}html body main:not([data-sb-design]) :is(.form-check,.checkbox-label,.portfolio-filter-option){min-height:44px;align-items:center}html body main:not([data-sb-design]) :is(.section-nav-links a,.section-nav-contact,.db-flow-tabs button,.family-tabs button,.portfolio-filter-toggle,.portfolio-pagination button,.portfolio-pagination a,.blog-index-filter,.blog-index-pagination button,.alphabet-nav a,.letter-nav a){min-height:44px;font-size:14px!important;line-height:1.4!important}html body main:not([data-sb-design]) :is(.section-nav-links,.db-flow-tabs,.family-tabs){min-width:0;scrollbar-width:thin}html body main:not([data-sb-design]) .section-nav-contact{flex-shrink:0}html body main:not([data-sb-design]) :is(.section-nav-inner,.portfolio-toolbar){min-width:0}html body main:not([data-sb-design]) :is(.hero-visual,.application-visual){width:100%;max-width:540px;margin-inline:auto}html body main:not([data-sb-design]) .hero-visual figcaption{gap:8px;flex-wrap:wrap}html body main:not([data-sb-design]) :is(.section-heading,.np-section-heading){max-width:100%}html body main:not([data-sb-design]) .blog-toc ol{max-height:40vh}html body main:not([data-sb-design]) .blog-content{min-width:0}html body main:not([data-sb-design]) .blog-content :is(td,th){font-size:15px;line-height:1.6;padding:12px}html body main:not([data-sb-design]) :is(.sr-prose,.np-prose,.definition-copy,.blog-content) :is(pre,table){max-width:100%}html body main:not([data-sb-design]) :is(.contact-links,.home-contact-links,.inquiry-direct) a{overflow-wrap:anywhere}html body main:not([data-sb-design]) :is(.service-paths,.service-paths-grid){min-width:0}}@media(max-width:359px){:root{--ux-title: 32px;--ux-section: 26px;--ux-reading-title: 30px}html body main:not([data-sb-design]) .hero-actions>.button{width:100%!important;justify-content:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/sb-ux-compat.css.map */