#master-breadcrumb #breadcrumb{height:70px}#master-breadcrumb #breadcrumb .content-small{float:left;font-size:14px;margin:17px 7px 21px 0;text-transform:uppercase}#master-breadcrumb #breadcrumb .bread-crumb-separator{float:left;margin:21px 0 21px 0;background:url("//cdn.syncfusion.com/content/images/home/new-seperator.png") no-repeat}#master-breadcrumb #breadcrumb .bread-crumb-separator img{visibility:hidden}#master-breadcrumb #breadcrumb .bread-crumb a{outline:medium none;text-decoration:none;color:#111}#master-breadcrumb #breadcrumb .bread-crumb-last{cursor:default;font-weight:600}@media(min-width:1820px){#master-breadcrumb #breadcrumb{height:85px}#master-breadcrumb #breadcrumb .content-small{margin:20px 9px 16px 0;font-size:16px}#master-breadcrumb #breadcrumb .bread-crumb-separator{margin:25px 3px 16px 0}}@media(min-width:768px)and (max-width:1279px){#master-breadcrumb #breadcrumb{height:65px}#master-breadcrumb #breadcrumb .content-small{margin:15px 6px 15px 0;font-size:12px}#master-breadcrumb #breadcrumb .bread-crumb-separator{margin:18px 0 15px 0}}@media(max-width:767px){#master-breadcrumb #breadcrumb{height:50px}#master-breadcrumb #breadcrumb .content-small{margin:13px 6px 15px 0;font-size:12px}#master-breadcrumb #breadcrumb .bread-crumb-separator{margin:16px 0 15px 0}#master-breadcrumb #breadcrumb .bread-crumb-separator,#master-breadcrumb #breadcrumb .bread-crumb{display:none}#master-breadcrumb #breadcrumb .bread-crumb-separator:nth-last-child(2){display:block}#master-breadcrumb #breadcrumb .bread-crumb:nth-last-child(3){display:block}}@media(min-width:768px)and (max-width:1023px){#master-breadcrumb #breadcrumb{height:65px}#master-breadcrumb #breadcrumb .content-small{margin:15px 6px 15px 0;font-size:12px}#master-breadcrumb #breadcrumb .bread-crumb-separator{margin:21px 0 15px 0}}body{color:#111}a{color:#0073dc;text-decoration:none}a:hover{color:#0450c2;text-decoration:none;cursor:pointer}.btn-custom{color:#237ac1;border:1px solid #237ac1;outline:none!important}.btn-custom:hover{background-color:#237ac1;color:#fff}.btn-custom:focus{color:#237ac1;background-color:#fff}.btn-custom:active{color:#fff;background-color:#006db7}#menu-wrapper{font-size:14px;font-weight:normal}.bold{font-weight:600}.smaller{font-size:10px}.small{font-size:12px}.error{font-size:13px}.normal{font-size:14px}.medium{font-size:16px}.regular{font-size:18px}.big{font-size:20px}.bigger{font-size:24px}.ultra-big{font-size:40px}p{line-height:25px}@media(max-width:1279px)and (min-width:768px){body{font-size:13px}.smaller{font-size:9px}.small{font-size:11px}.medium{font-size:14px}.regular{font-size:16px}.big{font-size:18px}.bigger{font-size:22px}.ultra-big{font-size:32px}h1,.h1{font-size:23px!important}h2,.h2{font-size:26px!important}h3,.h3{font-size:20px!important}h4,.h4{font-size:16px!important}h5,.h5{font-size:13px!important}h6,.h6{font-size:11px!important}p{line-height:24px}}@media(max-width:767px){body{font-size:11px}.smaller{font-size:8px}.small{font-size:10px}.medium{font-size:12px}.regular{font-size:14px}.big{font-size:16px}.bigger{font-size:20px}.ultra-big{font-size:28px}h1,.h1{font-size:26px!important}h2,.h2{font-size:22px!important}h3,.h3{font-size:18px!important}h4,.h4{font-size:14px!important}h5,.h5{font-size:12px!important}h6,.h6{font-size:10px!important}p{line-height:20px}}.bg-lazy{background-image:none!important;background-color:#f1f1fa!important}body{font-family:"Open Sans","Helvetica","Arial",sans-serif!important}.main-demo-banner{background:linear-gradient(97.74deg,#f0efff 0%,#fff 53.19%,#fff 68.53%,#fbf0ff 98.31%);background-repeat:no-repeat;background-position:center;background-size:cover;padding:90px 0;overflow:hidden}.main-demo-banner-wrapper{display:flex;align-items:center;justify-content:space-between;gap:60px}.main-demo-banner-content{flex:0 0 46%;max-width:46%}.main-demo-banner-image{flex:0 0 54%;max-width:54%;text-align:right}.main-demo-banner-image picture{width:100%;max-width:620px;height:auto;display:block;margin-left:auto}.banner-sub-title{display:inline-flex;align-items:center;justify-content:center;margin-bottom:32px;padding:16px 24px;background:linear-gradient(0deg,rgba(213,212,255,.78),rgba(213,212,255,.78));border-radius:28.5px;width:max-content;color:#302e78;font-size:14px;font-weight:600;line-height:20px;letter-spacing:.5px;text-transform:uppercase}.trademark-small{font-size:14px}.banner-heading{margin:0 0 32px;font-size:30px;line-height:180%;font-weight:800;color:#0f172a;letter-spacing:.4px}.banner-heading span{color:#0057ff}.main-demo-banner-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:180px;height:54px;padding:12px 24px;background:#0057ff;border:1px solid #0057ff;color:#fff;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s ease}.main-demo-banner-button:hover{color:#fff;background:#0050eb;text-decoration:none;transform:translateY(-2px)}.main-demo-banner-button,.main-demo-banner-button:hover,.main-demo-banner-button:focus,.main-demo-banner-button:active{text-decoration:none!important;color:#fff}.main-demo-banner-button:focus,.main-demo-banner-button:active{outline:none;box-shadow:none}.main-demo-banner-button span{padding-left:10px;transform:rotate(90deg);margin-top:-10px}@media(max-width:991px){.main-demo-banner{padding:60px 0}.main-demo-banner-wrapper{flex-direction:column;gap:40px!important}.main-demo-banner-content,.main-demo-banner-image{max-width:100%;flex:0 0 100%}.main-demo-banner-content{text-align:center}.main-demo-banner-image{text-align:center}.main-demo-banner-image picture{margin:0 auto;max-width:650px}}@media(max-width:1024px){.main-demo-banner-wrapper{gap:5px}}@media(max-width:767px){.main-demo-banner{padding:56px 0}.banner-heading{font-size:22px!important;line-height:180%;margin:0 0 32px!important}.main-demo-banner-button{width:100%;max-width:320px;margin:0 auto}.main-demo-banner-image picture{max-width:100%}}.static-menu-navigation .content-medium{display:flex;align-items:center;gap:8px}#static-menu{background:#fff!important;box-shadow:0 2px 8px rgba(90,94,250,.1)}#static-menu i{font-size:13px}#static-menu ul{display:flex;list-style-type:none;padding:0;align-items:center;justify-content:center;padding-block:24px;margin:0}#static-menu ul .selected{color:#fff;opacity:1;background:#0057ff}#static-menu ul li{display:block;font-size:16px;cursor:pointer;text-align:center;opacity:.9;font-weight:600;padding:14px 40px;margin:0 8px;color:#0f172a;background-color:#fff;border:1px solid #e2e8f0;border-radius:40px;text-decoration:none;transition:all .2s ease}#static-menu ul li .content-medium{line-height:24px}@media(max-width:991px){.static-menu-navigation,.fixed-arrow,#firstNavArrow{display:none!important}}.demo-ui-sdk-header{max-width:900px;margin:0 auto 40px;text-align:center}.demo-ui-sdk-header h2{margin:0 0 16px;font-size:32px;font-weight:700;line-height:150%;color:#0f172a}.demo-ui-sdk-header p{margin:0;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;color:#667085}.demo-ui-sdk-item{display:flex;align-items:center;gap:62px;margin-bottom:64px}.sdk-right-image{flex-direction:row-reverse}.demo-ui-sdk-item__image,.demo-ui-sdk-item__content{flex:1;min-width:0}.demo-ui-sdk-item__image img{display:block;width:100%;max-width:560px;margin:0 auto}.demo-ui-sdk-item__content h3{margin:0 0 12px;font-size:20px;font-weight:600;line-height:30px;color:#0f172a}.demo-ui-sdk-title-link{color:#0f172a}.demo-ui-sdk-item__content p{margin:0 0 40px;font-size:16px;line-height:26px;color:#475569}.demo-ui-sdk-platform-title{margin:0 0 16px;font-size:12px;font-weight:600;line-height:18px;letter-spacing:1px;text-transform:uppercase;color:#0f172a}.demo-ui-sdk-platforms{display:flex;flex-wrap:wrap;gap:10px}.demo-ui-sdk-platform{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:.5px solid #d9dee9;border-radius:23px;background:#fff;text-decoration:none;transition:all .2s ease}.demo-ui-sdk-platform:hover{border-color:#e6eeff}.demo-ui-sdk-platform img{width:16px;height:16px;flex-shrink:0}.demo-ui-sdk-platform span{font-size:14px;line-height:14px;font-weight:600;color:#0057ff;white-space:nowrap;letter-spacing:.32px}@media(max-width:991px){.demo-ui-sdk-header{margin-bottom:60px}.demo-ui-sdk-header h2{font-size:34px}.demo-ui-sdk-header p{font-size:16px}.demo-ui-sdk-item{gap:40px;margin-bottom:80px}.demo-ui-sdk-item__content h3{font-size:30px}.demo-ui-sdk-item__content p{font-size:16px}}@media(max-width:767px){.demo-ui-sdk-header{margin-bottom:50px}.demo-ui-sdk-header h2{font-size:24px!important;line-height:36px;margin:0 0 12px}.demo-ui-sdk-header p{font-size:16px;line-height:26px}.demo-ui-sdk-item,.sdk-right-image{flex-direction:column;gap:24px;margin:0 0 48px}.demo-ui-sdk-item__image{order:1;width:100%}.demo-ui-sdk-item__content{order:2;width:100%}.demo-ui-sdk-item__content h3{font-size:20px!important}.demo-ui-sdk-item__content p{font-size:16px!important;margin:0 0 20px}.demo-ui-sdk-platform-title{margin:0 0 12px}.demo-ui-sdk-platforms{gap:6px}.demo-ui-sdk-platform{padding:6px 12px}.demo-ui-sdk-platform span{font-size:12px}}.document-solutions-header{text-align:center;margin:0 0 48px}.document-solutions-header h2{margin:0 0 16px;font-size:32px;font-weight:700;color:#0f172a}.document-solutions-header-description{text-align:center;color:#475569;font-weight:400;line-height:24px;font-size:16px;margin:0 0 40px}.document-sdk-section{margin-bottom:100px}.document-sdk-section-title{text-align:center;margin:0 0 16px;font-size:28px;font-weight:600;color:#0f172a}.document-sdk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px 70px}.document-sdk-card{display:flex;flex-direction:column;min-height:220px}.document-sdk-card-icon{width:42px;height:42px;margin-bottom:20px}.document-sdk-heading-link{color:#0f172a;text-decoration:none}.document-sdk-heading-link,.document-sdk-heading-link:hover,.document-sdk-heading-link:focus,.document-sdk-heading-link:active{color:#0f172a;text-decoration:none;outline:none}.document-sdk-card-title{margin:0 0 12px;font-size:20px;font-weight:600;line-height:30px}.document-sdk-card-description{flex-grow:1;margin:0 0 24px;color:#475569;font-size:16px;font-weight:400;line-height:26px}.document-sdk-card-link{display:inline-flex;align-items:center;gap:4px;color:#0057ff;font-size:16px;font-weight:700;text-decoration:none;line-height:26px}.document-sdk-card-link:hover{color:#0450c2}.document-sdk-card-link,.document-sdk-card-link:hover,.document-sdk-card-link:focus,.document-sdk-card-link:active{text-decoration:none;outline:none}.document-sdk-card-link .sf-icon-arrow-right{font-size:21px;transform:rotate(320deg);color:#0057ff}.document-solutions-viewer-editor{margin-top:96px}.document-solutions-viewer-editor-title{text-align:center;margin-bottom:16px;font-size:28px;font-weight:600;color:#0f172a}.document-solutions-viewer-editor-description{margin:0 0 40px;font-size:16px;font-weight:400;text-align:center;color:#475569;line-height:24px}.document-solutions-sdk-item{display:flex;align-items:center;gap:80px;margin:0 0 64px}.document-solutions-sdk-item.reverse{flex-direction:row-reverse}.document-solutions-sdk-image,.document-solutions-sdk-content{flex:1}.document-solutions-sdk-image img{width:100%;max-width:560px;display:block}.document-solutions-sdk-content{text-align:left}.document-solutions-sdk-content h4{margin:0 0 16px;font-size:24px;font-weight:600;color:#1a1a1a}.document-solutions-sdk-content p{margin:0 0 40px;font-size:16px;font-weight:400;color:#1a1a1a;line-height:26px}.document-solutions-platform-title{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:1px;line-height:18px;text-transform:uppercase;color:#111827}.document-solutions-platforms{display:flex;flex-wrap:wrap;gap:8px}.document-solutions-platform{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:.5px solid #d9dee9;border-radius:23px;background:#fff;text-decoration:none;transition:all .2s ease}.document-solutions-platform:hover{border-color:#2563eb}.document-solutions-platform img{width:16px;height:16px;flex-shrink:0}.document-solutions-platform span{font-size:14px;line-height:14px;font-weight:600;color:#0057ff;white-space:nowrap;letter-spacing:.32px}.ui-sdk-gradient,.document-solutions-gradient,.ui-suite-gradient{height:96px;background:linear-gradient(180deg,#e9f1ff 0%,#f1f6ff 50%,#fff 100%)}@media(max-width:767px){.ui-sdk-gradient,.document-solutions-gradient,.ui-suite-gradient{height:64px!important}}@media(max-width:991px){.document-sdk-grid{grid-template-columns:repeat(2,1fr);gap:40px}.document-solutions-sdk-image{width:100%}.document-solutions-sdk-image img{max-width:100%}}@media(min-width:768px)and (max-width:1024px){.document-solutions-sdk-item{gap:35px!important}.document-solutions-sdk-content p{margin:0 0 25px}}@media(max-width:767px){.document-solutions-header{margin:0 0 32px}.document-solutions-header h2{font-size:30px!important}.document-sdk-section-title,.document-solutions-viewer-editor-title{font-size:24px!important;margin:0 0 16px!important}.document-sdk-grid{grid-template-columns:1fr;gap:40px}.document-solutions-sdk-item,.document-solutions-sdk-item.reverse{flex-direction:column;gap:40px}.document-sdk-card{min-height:auto}.document-sdk-card-title{font-size:20px!important}.document-solutions-viewer-editor{margin:64px 0 0 0}.document-solutions-sdk-content h4{font-size:20px!important;margin:0 0 12px}.document-solutions-sdk-content p{margin:0 0 20px;color:#475569!important}.document-solutions-platform-title{color:#0f172a!important;letter-spacing:.5px}.document-solutions-sdk-item{margin:0 0 48px}.document-solutions-platforms{gap:6px}}.demo-ui-suite-section{padding:0 0 100px 0}.demo-ui-suite-header{text-align:center;margin:0 0 40px}.demo-ui-suite-header h2{font-size:32px;font-weight:700;color:#0f172a;margin:0}.demo-ui-suite-group{margin:0 0 64px}.demo-ui-suite-group:last-child{margin-bottom:0}.demo-ui-suite-group h3{text-align:center;font-size:28px;font-weight:600;color:#0f172a;margin:0 0 16px}.demo-ui-suite-description{max-width:900px;margin:0 auto 40px;text-align:center;font-size:16px;font-weight:400;color:#475569;line-height:28px}.demo-ui-suite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.demo-ui-suite-card{background:#fff;border:1px solid #e2e6ef;border-radius:16px;overflow:visible;display:flex;flex-direction:column;transition:all .25s ease}.demo-ui-suite-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(15,23,42,.08)}.demo-ui-suite-image{width:100%;display:block}.demo-ui-suite-content{padding:24px;display:flex;flex-direction:column;flex:1}.demo-ui-suite-content .demo-ui-suite-title-link{font-size:20px;font-weight:600;line-height:30px;color:#0f172a!important;margin:0 0 12px}.demo-ui-suite-content .demo-ui-suite-title-link,.demo-ui-suite-content .demo-ui-suite-title-link:hover,.demo-ui-suite-content .demo-ui-suite-title-link:focus,.demo-ui-suite-content .demo-ui-suite-title-link:active{text-decoration:none;outline:none}.demo-ui-suite-content p{color:#475569;font-size:16px;font-weight:400;line-height:26px;margin:0;flex-grow:1}.demo-ui-suite-demo-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:#0057ff!important;font-size:16px;line-height:26px;font-weight:700;text-decoration:none}.demo-ui-suite-demo-link:hover{color:#0450c2!important}.demo-ui-suite-demo-link,.demo-ui-suite-demo-link:hover,.demo-ui-suite-demo-link:focus,.demo-ui-suite-demo-link:active{text-decoration:none!important;color:#1d4ed8;outline:none}.demo-ui-suite-demo-link .sf-icon-arrow-right{font-size:21px;transform:rotate(320deg);color:#0057ff}.demo-ui-suite-demo-link span{font-size:16px}.demo-ui-suite-card-buttons{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.demo-ui-suite-store-btn{display:block;text-decoration:none}.demo-ui-suite-store-btn img{height:40px;display:block;border-radius:4px}@media(max-width:991px){.demo-ui-suite-section{padding:0 0 80px 0}.demo-ui-suite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.demo-ui-suite-header h2{font-size:38px}.demo-ui-suite-group h3{font-size:30px}.demo-ui-suite-store-btn img{height:40px!important}}@media(max-width:1024px){.demo-ui-suite-store-btn img{height:32px}}@media(max-width:767px){.demo-ui-suite-section{padding:0 0 60px 0}.demo-ui-suite-header{margin-bottom:32px}.demo-ui-suite-header h2{font-size:30px!important}.demo-ui-suite-group{margin-bottom:70px}.demo-ui-suite-group h3{font-size:24px!important;margin:0 0 8px!important}.demo-ui-suite-description{margin:0 0 40px;font-size:16px}.demo-ui-suite-grid{grid-template-columns:1fr;gap:32px}.demo-ui-suite-content{padding:24px}.demo-ui-suite-card-buttons{gap:16px}}.back-to-top{position:fixed;width:3.71428571em;height:3.71428571em;background:#fff;border-radius:50%;text-align:center;right:1.85714286em;bottom:4.714286em;padding-top:12px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 0 25px 0 rgba(0,0,0,.04);z-index:99;border:1px solid #ececec;transition:.2s ease-out;-webkit-transition:.2s ease-out;-moz-transition:.2s ease-out}.back-to-top i{color:#1a1a1a}.back-to-top:not(.active){opacity:0;transform:translate3d(0,20px,0);-webkit-transform:translate3d(0,20px,0);pointer-events:none}[id$="-sdk-demos"]{scroll-margin-top:120px}.flutter-addon{display:inline-flex;align-items:center;justify-content:center;border-radius:16px!important;background:#e6f7ec!important;border:.5px solid #c3e4cf!important;color:#166f3f!important;font-size:12px;white-space:normal}.flutter-addon .flutter-addon-tooltip{width:150px!important}