body.full-screen-demo{max-width:none}body.full-screen-demo>.page-wrapper:after{content:"";display:block;height:0}body.full-screen-demo>.page-wrapper .simulator-wrapper .top-content,body.full-screen-demo>.page-wrapper .simulator-wrapper .description,body.full-screen-demo>.page-wrapper .simulator-wrapper .feedback{display:none}body.full-screen-demo>.page-wrapper .content .demo-details{display:none}body.full-screen-demo .content .doc-content{margin:-40px 0 0 0;padding:0;display:block}body.full-screen-demo .content .doc-content .simulator-wrapper{margin:0 40px}body.full-screen-demo .content .doc-content .simulators .demo-frame{min-height:90vh}body.full-screen-demo .content .doc-content .simulators .dx-loadpanel-content{position:absolute;margin:auto;top:0;left:0;bottom:0;right:0}body.full-screen-demo .content .demo-nav-links button#fullScreenLink .link-button#open-full-screen{display:none}body.full-screen-demo .content .demo-nav-links button#fullScreenLink .link-button#close-full-screen{display:block}body.full-screen-demo footer.footer{display:none}.dx-swatch-dark .theme-toogle.light{margin-right:-24px}@font-face{font-family:"OpenSansCondensedBold";src:url("../Fonts/OpenSansCondensedBold.eot");src:url("../Fonts/OpenSansCondensedBold.eot?#iefix") format("embedded-opentype"),url("../Fonts/OpenSansCondensedBold.woff") format("woff"),url("../Fonts/OpenSansCondensedBold.ttf") format("truetype");font-style:normal;font-weight:normal}html,body{padding:0;margin:0;height:100%;min-width:400px}body{font-family:'Roboto',sans-serif}body .btn.btn{cursor:pointer;box-sizing:border-box;display:flex;align-items:center;padding:10px 20px;border-radius:40px;text-decoration:none;justify-content:center;color:#fff;font-size:16px;line-height:24px;font-weight:500;font-family:'Roboto',sans-serif;min-width:220px;max-width:fit-content;border:2px solid}body .btn.btn-shadow{box-shadow:0 4px 12px rgba(0,0,0,.16)}body .btn.btn-icon{gap:8px}body .btn.btn-hidden{display:none}body .btn.btn svg{width:24px;height:24px}body .tbs{width:100%;display:inline-flex;align-items:center;flex-wrap:nowrap;flex-direction:row;justify-content:center;border-bottom:1px solid}body .tbs-item-container{display:inline-flex;align-items:center;padding:19px 12px}body .tbs-item{text-align:center;font-style:normal;font-weight:400;font-size:16px;line-height:135%;cursor:pointer;border:none;text-decoration:none}body .duo-card{margin-top:16px;display:flex;justify-content:center;padding:4px;width:fit-content;border-radius:40px}body .duo-card .wrapper-card{position:relative;cursor:pointer}body .duo-card .wrapper-card svg{position:absolute;left:12px;top:10px;width:18px;height:18px}body .duo-card .wrapper-card.active input,body .duo-card input.active{box-shadow:0 2px 6px rgba(0,0,0,.16)}body .duo-card input{background-color:transparent;border:none;border-radius:4px;margin:0;padding:10px 12px;border-radius:40px;font-weight:400;font-size:16px;line-height:18px}body .duo-card input:hover{cursor:pointer}body .duo-card svg+input{padding:10px 12px 10px 38px}body .content-width{max-width:1900px;margin:0 auto;padding:64px 0;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body .switch{display:inline-flex;padding:0 16px;gap:8px;align-items:center;position:relative}body .switch-toogle{position:relative;display:inline-block;width:56px;height:28px}body .switch-toogle input{opacity:0;width:0;height:0}body .switch-toogle input:checked+.switch-slider::before{transform:translateX(28px)}body .switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;transition:.4s;border-radius:34px;border:1px solid}body .switch-slider::before{position:absolute;content:"";height:20px;width:20px;left:4px;top:3px;-webkit-transition:.4s;transition:.4s;border-radius:50%}body .switch-label{white-space:nowrap}@media only screen and (max-width:2000px){body .content-width{padding-left:48px;padding-right:48px}}@media only screen and (max-width:1400px){body .content-width{padding-top:32px;padding-bottom:32px}}@media only screen and (max-width:768px){body .content-width{padding-left:24px;padding-right:24px}body .btn.btn{min-width:180px}body .tbs{overflow-x:scroll;justify-content:flex-start;-ms-overflow-style:none;scrollbar-width:none}body .tbs-item{width:auto;white-space:nowrap}body .tbs::-webkit-scrollbar{display:none}}body .header-approach-selected{min-width:auto;padding:0 8px 2px 8px;margin-bottom:12px;font-size:26px;line-height:100%;font-weight:700;font-stretch:75%;font-family:'Open Sans',sans-serif;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:40px;cursor:pointer}body .header-approach-selected::after{content:' ';margin-top:6px;transition:transform .4s}body .header-approach-list{z-index:100001;position:fixed;display:none;width:170px;flex-direction:column;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.32)}body .header-approach-list.active{display:flex}body .header-approach-list-item{text-decoration:none!important;padding:12px;text-align:left}body .header-approach-list-item:first-child{border-radius:6px 6px 0 0}body .header-approach-list-item:last-child{border-radius:0 0 6px 6px}body .header-drawer{display:none}body .header-drawer-toogle.btn{display:none;min-width:40px;height:40px;padding:8px;margin-right:6px}body .header-drawer-toogle.btn .dx-icon{font-size:18px}@media only screen and (max-width:1500px){body .header-drawer{position:fixed;top:70px;width:378px;height:100vh;z-index:100000;box-shadow:0 4px 8px rgba(0,0,0,.12);flex-direction:column}body .header-drawer.active{display:flex}body .header-drawer-toogle.btn{display:flex}body .header-drawer .header-menu-items{flex-direction:column}body .header-drawer-link-left{display:none}body .header-drawer .header-link{padding:8px 18px;border-top:0;border-bottom:0;border-left:4px solid transparent}}@media only screen and (max-width:1160px){body .header-drawer-link-left{display:block}}@media only screen and (max-width:768px){body .header-drawer{width:100vw}body .header-drawer .header-link{width:100vw}}body header .header{position:fixed;z-index:1500;width:100%;height:70px;box-shadow:0 2px 4px rgba(0,0,0,.08)}body .header-logo{position:relative;text-decoration:none!important;display:flex;gap:12px;align-items:center}body .header-container{height:inherit;padding-top:0;padding-bottom:0;display:flex;justify-content:space-between}body .header-group{display:flex;align-items:center;gap:40px}body .header-group-logo{display:flex;align-items:center;gap:4px}body .header-menu-items{padding:0;display:flex;gap:0 12px}body .header-menu-item{list-style:none}body .header-link{text-decoration:none!important;font-size:18px;font-weight:500;line-height:100%;height:70px;box-sizing:border-box;padding:0 10px;display:flex;align-items:center;border-bottom:4px solid transparent}body .header-buttons{display:inline-flex;gap:10px}body .header-button.btn{min-width:150px;height:44px;margin-bottom:6px}body .header-button.btn svg{height:18px;width:18px}@media only screen and (max-width:2000px){body .header-container{padding-left:24px;padding-right:24px}}@media only screen and (max-width:1500px){body .header-container{padding-right:18px;padding-left:18px}body .header-container-right .header-menu-items{display:none}}@media only screen and (max-width:1160px){body .header-container-left .header-menu-items{display:none}}@media only screen and (max-width:768px){body .header-button.btn{min-width:50px;height:50px;padding:14px}body .header-button.btn span{display:none}body .header-logo-template{display:none}}body.dx-swatch-dark header svg#devextreme-logo path{fill:white}body #menu{top:70px;height:40px;width:100%;position:fixed;z-index:3;left:0}body #menu .menu-wrapper{height:inherit;padding-top:0;padding-bottom:0;display:flex;gap:15px}body #menu .menu-state-button{flex:0 0 40px;margin-left:360px;cursor:pointer;display:flex;justify-content:center}body #menu .breadcrumbs-svg{min-width:20px;max-width:20px;height:inherit;padding-right:6px}body #menu .tools-panel{height:inherit;padding-right:16px;width:100%;display:flex;justify-content:space-between;gap:15px}body #menu .tools-panel .menu-dropdown-toogle{display:none}body #menu .tools-panel .breadcrumbs{min-width:230px;height:40px;min-width:260px;width:50%;white-space:nowrap;text-overflow:ellipsis}body #menu .tools-panel .breadcrumbs a:not([href]){opacity:.5}body #menu .tools-panel .breadcrumbs a[href]{text-decoration:underline}body #menu .tools-panel .breadcrumbs .breadcrumbs-wrapper{height:inherit;padding:0;display:inline-flex;align-items:center;list-style:none;position:absolute}body #menu .tools-panel .breadcrumbs .breadcrumbs-wrapper li{display:inline-block;padding-left:2px}body #menu .tools-panel .breadcrumbs .breadcrumbs-wrapper li.crumb{visibility:hidden}body #menu .tools-panel .breadcrumbs .breadcrumbs-wrapper li.crumb.no-hide{visibility:visible}body #menu .tools-panel .breadcrumbs .breadcrumbs-wrapper li a,body #menu .tools-panel .breadcrumbs .breadcrumbs-wrapper li span{padding:0 1px;display:inline-block;font-weight:400}body #menu .tools-panel .breadcrumbs .breadcrumbs-wrapper li span{opacity:.5}body #menu .tools-panel .breadcrumbs .breadcrumbs-wrapper li:not(:first-child)::before{content:"→";padding:0 4px}body #menu .tools-panel .breadcrumbs .breadcrumbs-wrapper li.hidden{display:none}body #menu .tools-panel .breadcrumbs .breadcrumbs-wrapper li.hint{cursor:pointer;text-align:center}body #menu .tools-panel .breadcrumbs .breadcrumbs-wrapper li.hint span{width:30px;font-size:18px;font-weight:bold;position:relative;top:-3px;padding:11px 0;margin-left:4px}body #menu .tools-panel .breadcrumbs .breadcrumbs-wrapper li.hint.active span{opacity:1}body #menu .tools-panel .breadcrumbs-dropdown{display:none}body #menu .tools-panel .breadcrumbs-dropdown.active{display:flex;align-items:center;top:40px;left:0;height:40px;width:100%;position:absolute;list-style:none}body #menu .tools-panel .breadcrumbs-dropdown.active ul{display:block;padding-left:420px}body #menu .tools-panel .breadcrumbs-dropdown.active ul li{display:inline-block;padding:2px 0}body #menu .tools-panel .breadcrumbs-dropdown.active ul li a{text-decoration:underline;font-weight:normal}body #menu .tools-panel .breadcrumbs-dropdown.active ul li:not(:last-child):after{content:"→";margin:0 4px}body #menu .tools-panel .tools-items{height:40px;display:flex;gap:0 16px;align-items:center}body #menu .tools-panel .tools-items.toggle-button{display:none}body #menu .tools-panel .tools-items .filter-item.toggle-button.search{display:none}body.hidden-menu #menu .tools-panel .breadcrumbs-dropdown.active ul{padding-left:100px}@media only screen and (max-width:1500px){body #menu .menu-wrapper{padding-left:18px}}body.hidden-menu .widgets-menu-container{display:none}body.hidden-menu .page-wrapper .doc-content{margin-left:0}body.hidden-menu .view-content{margin-left:0}body .body-container.content-width{padding-top:70px}body h1,body h5{font-family:'Roboto',sans-serif;margin:0}body h2,body h3,body h4{font-family:'Roboto',sans-serif;margin:0}body h1{font-weight:700;font-size:32px;padding:30px 0 20px 0}body h2{font-size:24px;padding:24px 0 12px 0}body h3{font-size:20px;padding:20px 0 10px 0}body h4{font-size:20px;padding:16px 0 8px 0}body h5{padding:16px 0 8px 0}body ul,body li{margin:0}body .page-wrapper{position:relative;overflow:hidden;min-height:100%;margin-bottom:-120px}body .page-wrapper:after{content:'';display:block;height:120px}body .clear{clear:both}body .dx-loadpanel-content{padding:10px;border:1px solid;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;border-radius:5px}body .dx-overlay-wrapper.dx-loadpanel-wrapper{z-index:1!important}body .dx-overlay-wrapper.dx-loadpanel-wrapper .dx-loadpanel-content.dx-loadpanel-pane-hidden{z-index:1!important}body .dx-overlay-wrapper.dx-loadpanel-wrapper .dx-loadpanel-content.dx-loadpanel-pane-hidden .dx-loadindicator{width:60px;height:60px}body .dx-overlay-wrapper.dx-loadpanel-wrapper .dx-loadpanel-content.dx-loadpanel-pane-hidden .dx-loadindicator .dx-loadindicator-icon .dx-loadindicator-segment{background:#7d8793}body .dx-overlay-wrapper.dx-loadpanel-wrapper .dx-loadpanel-content.dx-loadpanel-pane-hidden .dx-loadpanel-message{color:#7d8793;font-size:15px;line-height:21px;margin-top:10px}body .whats-new-subpanel-container .space{display:none}body .background-block p{font-size:16px;line-height:24px}body .full-screen-demo .content .doc-content{display:none}body .content{padding-top:40px}body .content .doc-content{width:auto;margin-left:360px;margin-right:auto;display:flex;flex-direction:row;padding-left:0}body .content .doc-content.index{display:block}body .content .doc-content .reference-button{font-size:18px;position:absolute;right:0;top:-50px;padding:4px 16px}body .content .doc-content .apiReferenceSection,body .content .doc-content .documentationSection{padding-right:30px;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}body .content .doc-content .apiReferenceSection h2.api-header,body .content .doc-content .documentationSection h2.api-header{font-size:30px;font-family:'Roboto',sans-serif;font-weight:bold;padding-top:24px;padding-bottom:12px;margin-top:0;margin-bottom:0}body .content .doc-content .apiReferenceSection .short-description,body .content .doc-content .documentationSection .short-description,body .content .doc-content .apiReferenceSection .full-description-offset,body .content .doc-content .documentationSection .full-description-offset,body .content .doc-content .apiReferenceSection .parameter-description,body .content .doc-content .documentationSection .parameter-description,body .content .doc-content .apiReferenceSection .git-edit-paragraph,body .content .doc-content .documentationSection .git-edit-paragraph{font-family:'Roboto',sans-serif;font-size:16px;line-height:24px}body .content .doc-content .apiReferenceSection .short-description:hover .git-edit-link,body .content .doc-content .documentationSection .short-description:hover .git-edit-link,body .content .doc-content .apiReferenceSection .full-description-offset:hover .git-edit-link,body .content .doc-content .documentationSection .full-description-offset:hover .git-edit-link,body .content .doc-content .apiReferenceSection .parameter-description:hover .git-edit-link,body .content .doc-content .documentationSection .parameter-description:hover .git-edit-link,body .content .doc-content .apiReferenceSection .git-edit-paragraph:hover .git-edit-link,body .content .doc-content .documentationSection .git-edit-paragraph:hover .git-edit-link{visibility:visible}body .content .doc-content p{margin:0 0 16px 0}body .content .doc-content li,body .content .doc-content p{font-size:16px;line-height:24px}body .content .doc-content li p{margin:0 0 4px 0}body .content .doc-content .short-description{position:relative}body .content .doc-content .api-example{padding-bottom:15px}body .content .doc-content .anchor{height:110px;margin-top:-110px;visibility:hidden;display:block;position:absolute}body .content .doc-content .note{padding:16px;font-size:16px;line-height:24px;margin:24px 0}body .content .doc-content .note .note-text ul{padding-bottom:0}body .content .doc-content .note .note-text ul li:last-child p{margin-bottom:0}body .content .doc-content .note.note-important{line-height:24px;padding:16px}body .content .doc-content .note.note-important .note-header{padding-bottom:4px}body .content .doc-content .note .note-header{font-weight:bold;padding-bottom:4px}body .content .doc-content ul{padding:0 0 12px 18px}body .content .doc-content ul ul{list-style-type:disc}body .content .doc-content img{max-width:100%}body .content .doc-content video{max-width:100%}body .content .doc-content .libs{font-size:16px;line-height:24px}body .content .doc-content .libs:last-child{padding-bottom:20px}body .content .doc-content .accordion-hidden-content{display:none}body .content .doc-content .dx-accordion-item-selected,body .content .doc-content .dx-accordion-item-opened{border-radius:8px;margin-bottom:7px}body .content .doc-content .accordion-content .dx-accordion-item-closed{padding-bottom:50px}body .content .doc-content .accordion-content .dx-accordion-item{border:1px solid transparent}body .content .doc-content .accordion-content .dx-accordion-item-title,body .content .doc-content .accordion-content .dx-accordion-item-body{padding:8px 58px 8px 16px}body .content .doc-content .accordion-content .dx-accordion-item-title{font-size:20px;font-family:'Roboto',sans-serif;padding-right:22px;border-radius:8px}body .content .doc-content .accordion-content .dx-accordion-item-title:hover{height:43px}body .content .doc-content .accordion-content .dx-accordion-item-title:before{line-height:28px}body .content .doc-content .accordion-content .dx-accordion-item-title svg{height:24px;width:24px;vertical-align:bottom;margin-right:8px}body .content .doc-content .accordion-content .dx-accordion-item-body{padding-top:0;border:none}body .content .doc-content .accordion-content .dx-accordion-item-body .accordion-item-content>p:first-child{margin-bottom:7px}body .content .doc-content .accordion-content .dx-accordion-item-body .vote-text{line-height:38px}body .content .doc-content .accordion-content .dx-accordion-item-body .code-type,body .content .doc-content .accordion-content .dx-accordion-item-body .numbers,body .content .doc-content .accordion-content .dx-accordion-item-body pre{z-index:unset}body .content .doc-content h5.see-also{font-size:16px;line-height:21px;font-family:'Roboto',sans-serif;font-weight:600;border-top:1px solid;padding:16px 0 8px 0;margin:30px 0 0 0;font-weight:bold}body .content .doc-content h5.see-also+ul,body .content .doc-content h5.see-also+p{font-size:16px;line-height:24px;padding:0 0 30px 0;margin:-8px 0 0 0}body .content .doc-content h5.see-also+ul li{list-style-type:none;position:relative;padding:8px 0 0 0}body .content .doc-content h5.see-also+p{margin-top:0;padding:0 20px 20px 0}body .content .doc-content .code-wrapper{position:relative;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;border-spacing:3px 0}body .content .doc-content .code-wrapper.code-tabs{border-collapse:separate}body .content .doc-content .code-wrapper.code-tabs .code-type{cursor:pointer;margin-right:3px;display:table-cell;padding-left:.5rem;padding-right:.5rem;border-top-left-radius:4px;border-top-right-radius:4px;font-size:14px}body .content .doc-content .code-wrapper.code-tabs pre.prettyprint{display:none}body .content .doc-content .code-wrapper.code-tabs pre.prettyprint.active{display:block}body .content .doc-content .code-wrapper .code-type{border:1px solid;border-bottom:none;display:table-cell;padding-left:.5rem;padding-right:.5rem;border-top-left-radius:4px;border-top-right-radius:4px;font-size:14px}body .content .doc-content .code-wrapper pre{margin:0;z-index:2;position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;border:1px solid}body .content .doc-content .code-wrapper pre.prettyprint{margin-bottom:20px}body .content .doc-content .code-wrapper pre.prettyprint ol.numbers li{font-size:16px;color:#bebec5}body .content .doc-content .code-wrapper ul.linenums{padding-bottom:0}body .content .doc-content .code-wrapper ul.linenums li{font-size:16px;text-shadow:none}body .content .doc-content div.download-code-button{padding-bottom:20px}body .content .doc-content .api-header{display:inline-block;font-size:36px;font-family:'Roboto',sans-serif;font-weight:bold}body .content .doc-content .api-header a{font-size:30px;font-family:'Roboto',sans-serif;line-height:35px}body .content .doc-content .api-property-block .api-property{border-left:3px solid;padding-left:10px;font-size:16px;line-height:20px;margin-bottom:16px}body .content .doc-content .api-property-block .api-property:not(:last-child){padding-bottom:8px}body .content .doc-content .api-property-block .api-property p{display:inline;white-space:nowrap;font-size:16px}body .content .doc-content .api-property-block .api-property.no-margin{margin-bottom:0}body .content .doc-content .api-property-block .api-property span.api-property-name{font-weight:normal}body .content .doc-content .api-property-block .api-property .type-fields-offset{padding-left:20px}body .content .doc-content .api-property-block .api-property .type-offset{padding-left:0;padding-top:8px}body .content .doc-content .api-property-block .api-property .parameter-name:not(:first-child){padding-top:10px}body .content .doc-content .api-property-block .api-property .parameter-name .deprecated{background:url(/Content/Images/Documentation/icon-attention-small.png) no-repeat center right;height:12px;width:16px;display:inline-block}body .content .doc-content .api-property-block .api-property .parameter-description{padding-top:8px;position:relative}body .content .doc-content .api-property-block .api-property .parameter-description p{white-space:pre-wrap;font-size:16px;margin:0}body .content .doc-content .api-property-block .api-property .parameter-description li{font-size:16px}body .content .doc-content .api-property-block .api-property .parameter-description ul{padding-bottom:0}body .content .doc-content .api-property-block .api-property .parameter-description ul li{font-size:12px;text-shadow:none}body .content .doc-content .components-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;margin:32px 0}body .content .doc-content .components-container .component-container{padding:8px;width:120px;box-sizing:border-box;border-radius:8px;display:flex;align-items:center;flex-direction:column;gap:12px}body .content .doc-content .components-container .component-container .component-icon{width:64px;height:64px}body .content .doc-content .components-container .component-container .component-link{font-weight:normal;font-size:16px;line-height:24px;text-align:center}body .content .doc-content .full-description-offset{position:relative;margin-top:15px}body .content .doc-content .simple-table{font-size:16px;margin-bottom:20px}body .content .doc-content .simple-table table{border-collapse:collapse}body .content .doc-content .simple-table table td:first-child{text-align:center}body .content .doc-content .simple-table:not(.normal-font-style) table td:first-child{font-style:italic}body .content .doc-content .simple-table td,body .content .doc-content .simple-table th{padding:5px 20px;border:2px solid}body .content .doc-content .dx-table{border-collapse:collapse;font-size:16px;margin-bottom:20px;font-family:'Roboto',sans-serif}body .content .doc-content .dx-table tr th{text-align:left;font-weight:normal;border-bottom:2px solid}body .content .doc-content .dx-table tr td.member-name a{font-size:16px}body .content .doc-content .dx-table tr th,body .content .doc-content .dx-table tr td{padding:5px 20px}body .content .doc-content .dx-table tr .parameter-name{width:16%}body .content .doc-content .dx-table tr .parameter-type{width:20%}body .content .doc-content .dx-table tr .parameter-description{position:relative}body .content .doc-content .dx-table.full-width{width:100%}body .content .doc-content .dx-table.full-width tr>td:first-child{width:20%}body .content .doc-content .dx-table p{margin:0}body .content .doc-content .multicolumn-list tr>td{width:33.3%;padding:10px;vertical-align:text-top}body .content .doc-content .multicolumn-list tr>td ul{list-style-position:outside}body .content .doc-content .multicolumn-list tr>td ul li{padding:4px}body .content .doc-content .footnotes{width:300px;margin-bottom:30px;border-top:1px solid}body .content .doc-content .footnotes ol,body .content .doc-content .footnotes ul{margin-top:10px;padding:0;list-style:none}body .content .doc-content .footnotes ol li,body .content .doc-content .footnotes ul li{font-size:12px;counter-increment:custom}body .content .doc-content .footnotes ol>li::before{font-size:.8em;vertical-align:text-top;content:counter(custom) " - "}body .content .doc-content .footnotes ul>li::before{content:"* - "}body .content .doc-content .three-col{-moz-column-count:3;-moz-column-gap:20px;-webkit-column-count:3;-webkit-column-gap:20px}body .content .doc-content .documentation-gallery{position:relative;margin:0 auto;margin-bottom:50px}body .content .doc-content .documentation-gallery .gallery-border{position:absolute;z-index:2;border:solid 1px;bottom:0;right:0;left:0;top:0}body .content .doc-content .documentation-gallery .gallery-border .arrow{width:34px;height:45px;position:absolute;top:50%;margin-top:-23px;cursor:pointer;background-position:center;background-repeat:no-repeat;border:solid 1px;background-color:#fff}body .content .doc-content .documentation-gallery .gallery-border .left-arrow{left:-17px;background-image:url('/Content/Images/Documentation/arrow-prev.svg')}body .content .doc-content .documentation-gallery .gallery-border .right-arrow{right:-17px;background-image:url('/Content/Images/Documentation/arrow-next.svg')}body .content .doc-content .documentation-gallery .dx-gallery-wrapper{position:absolute;bottom:-30px;top:0;height:auto}body .content .doc-content .documentation-gallery .dx-gallery-wrapper .gallery-content{padding-bottom:30px}body .content .doc-content .documentation-gallery .dx-gallery-wrapper .gallery-content h4{font-size:20px;font-family:'Roboto',sans-serif;font-weight:bold;padding-top:16px;padding-bottom:8px}body .content .doc-content .documentation-gallery .gallery-item .image{position:absolute;bottom:100px;top:0;width:100%;background-repeat:no-repeat;background-position:center center;box-sizing:border-box;border-left:15px solid;border-right:15px solid}body .content .doc-content .documentation-gallery .gallery-item .text{position:absolute;height:90px;bottom:30px;width:100%;display:table}body .content .doc-content .documentation-gallery .gallery-item .text div{vertical-align:middle;display:table-cell;height:90px}body .content .doc-content .api-example .show-text{color:#7f7f7f;padding-bottom:3px;font-size:16px}body .content .doc-content .api-example .approach-tab-container:after{content:"";display:table;clear:both}body .content .doc-content .api-example .approach-tab-container .button.approach-switcher{min-width:90px;margin-right:-2px;display:block;float:left;white-space:normal;background-color:#fff;color:red}body .content .doc-content .api-example .approach-tab-container .button.approach-switcher:after{border:4px solid transparent;border-top:4px solid;content:"";margin-top:9px;float:right}body .content .doc-content .api-example .approach-tab-container .button.approach-switcher.current:after{border-top:none;border-bottom:4px solid}body .content .doc-content .api-example .approach-tab{display:none}body .content .doc-content .api-example .approach-tab.visible{display:block}body .content .doc-content.search-page .header h1{font-size:36px;font-family:'Roboto',sans-serif;font-weight:700;margin-top:0;margin-bottom:0}body .content .doc-content.search-page .header ul.search-counts{padding:0 0 15px 0;list-style:none;border-bottom:1px solid;white-space:nowrap}body .content .doc-content.search-page .header ul.search-counts li{display:inline;padding:0;margin-right:30px}body .content .doc-content.search-page .header ul.search-counts li .count{font-weight:bold}body .content .doc-content.search-page .header ul.search-counts li.search-new-window a{background-image:url(/Content/Images/Documentation/icon-new-win.svg);background-repeat:no-repeat;background-position:100% 75%;padding-right:18px}body .content .doc-content.search-page .header ul.search-counts li:first-child:not(.active){padding-left:0}body .content .doc-content.search-page .header ul.search-counts li.active{border-bottom:2px solid;padding-bottom:15px}body .content .doc-content.search-page .header:after{content:'';display:block;clear:both}body .content .doc-content.search-page h4{font-size:20px;font-family:'Roboto',sans-serif;font-weight:bold;padding-top:30px;padding-bottom:10px;margin:0}body .content .doc-content.search-page h4 a{font-size:24px}body .content .doc-content.search-page .article-type{line-height:24px}body .content .doc-content.search-page .article-type p{margin:10px 0}body .content .doc-content.search-page .article-type:nth-last-of-type(1){padding-bottom:10px}body .content .doc-content.search-page p{line-height:24px}body .content .doc-content.search-page .pagination{text-align:right;padding-bottom:50px;padding-top:10px}body .content .doc-content.search-page .pagination .pagination-title{display:none}body .content .doc-content.search-page .pagination .activeItem-item,body .content .doc-content.search-page .pagination a{display:inline-block;height:50px;width:50px;border-radius:25px;vertical-align:middle;text-align:center;line-height:50px}body .content .doc-content.search-page .pagination .activeItem-item.arrow-item,body .content .doc-content.search-page .pagination a.arrow-item{background:no-repeat center}body .content .doc-content.search-page .pagination .activeItem-item.arrow-item.left,body .content .doc-content.search-page .pagination a.arrow-item.left{-webkit-mask-image:url('/Content/Images/Documentation/arrow-prev.svg');-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;background-color:#627789}body .content .doc-content.search-page .pagination .activeItem-item.arrow-item.right,body .content .doc-content.search-page .pagination a.arrow-item.right{-webkit-mask-image:url('/Content/Images/Documentation/arrow-next.svg');-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;background-color:#627789}body .content .doc-content .api-header,body .content .doc-content .article-section-header{position:relative;margin-left:-30px;padding-left:30px}body .content .doc-content .api-header .visible-anchor,body .content .doc-content .article-section-header .visible-anchor{width:20px;height:20px;position:absolute;top:50%;margin-left:-30px;padding-right:10px;background-image:url(/Content/ImagesNew/Doc/link.svg);background-position:left center;background-repeat:no-repeat;visibility:hidden}body .content .doc-content .api-header:hover .visible-anchor{visibility:visible;margin-top:-3px}body .content .doc-content .article-section-header:hover .visible-anchor{visibility:visible}body .content .doc-content .article-header,body .content .doc-content .api-header{position:relative;font-family:'Roboto',sans-serif;font-weight:bold}body .content .doc-content .article-header .badge,body .content .doc-content .api-header .badge{position:absolute;top:0;margin-left:5px;font-size:11px;font-weight:bold;padding:0 2px 0 2px;border-radius:2px;line-height:15px}body .content .doc-content .simulator-wrapper{min-width:760px;margin:0 0 0 40px}body .content .doc-content .simulator-wrapper.surveyjs{padding-bottom:40px}body .content .doc-content .simulator-wrapper .description{z-index:-1;opacity:0;box-sizing:border-box;position:relative;height:0;margin:0;transition:all .5s,opacity .4s}body .content .doc-content .simulator-wrapper .description-expand{z-index:1;opacity:1;height:auto;margin:32px 0;overflow:hidden}body .content .doc-content .simulator-wrapper .description p{margin:0 0 15px 0}body .content .doc-content .simulator-wrapper .description code{padding:2px 4px;color:#d14;white-space:nowrap;border:1px solid;display:inline;border-radius:4px;font-size:14px}body .content .doc-content .simulator-wrapper .description pre code{border:none;display:inline-block;padding:0;max-width:900px;width:auto}body .content .doc-content .simulator-wrapper .description pre code .CodeMirror{border:1px solid #e1e1e8;padding:10px;border-radius:4px;z-index:0}body .content .doc-content .simulator-wrapper .description pre code .CodeMirror pre{font-size:12px}body .content .doc-content .simulator-wrapper .description pre code .CodeMirror-linenumber{font-size:12px}body .content .doc-content .simulator-wrapper .description .note{padding:20px;font-size:14px;margin-bottom:10px}body .content .doc-content .simulator-wrapper .description .note .note-header{font-weight:bold}body .content .doc-content .simulator-wrapper .description .description-text a{text-decoration:underline}body .content .doc-content .simulators{margin-top:32px;min-height:440px;box-shadow:0 2px 6px rgba(0,0,0,.16);border-radius:6px}body .content .doc-content .simulators .demo-device{min-height:440px;border-radius:6px}body .content .doc-content .simulators .demo-device .demo-display{min-height:440px;background:inherit;position:relative;border-radius:6px}body .content .doc-content .simulators .demo-device .demo-display .demo-frame-container{height:100%}body .content .doc-content .simulators .demo-device .demo-display .demo-credits{text-align:right;font-size:14px;color:#bfbfbf;margin-top:5px}body .content .doc-content .simulators .demo-device .demo-display .load-panel{position:absolute;background:inherit;top:0;left:0;width:100%;height:100%}body .content .doc-content .simulators .demo-frame{width:100%;min-height:450px;margin:0;padding:0;border:0;outline:0;background-color:transparent;border-radius:6px}body .content .doc-content .simulators.Mobile,body .content .doc-content .simulators.TabletLandscape,body .content .doc-content .simulators.TabletPortrait{box-shadow:none}body .content .doc-content .simulators.Mobile .demo-device,body .content .doc-content .simulators.TabletLandscape .demo-device,body .content .doc-content .simulators.TabletPortrait .demo-device{border:1px solid;border-radius:15px}body .content .doc-content .simulators.Mobile .demo-device .demo-display,body .content .doc-content .simulators.TabletLandscape .demo-device .demo-display,body .content .doc-content .simulators.TabletPortrait .demo-device .demo-display{border-radius:2px;border:1px solid}body .content .doc-content .simulators.Mobile .demo-device .demo-display .demo-frame,body .content .doc-content .simulators.TabletLandscape .demo-device .demo-display .demo-frame,body .content .doc-content .simulators.TabletPortrait .demo-device .demo-display .demo-frame{height:100%}body .content .doc-content .simulators.TabletLandscape .demo-device{height:511px;width:780px;margin:0 auto 0}body .content .doc-content .simulators.TabletLandscape .demo-device .demo-display{margin-top:14px;height:480px;margin-left:29px;width:720px}body .content .doc-content .simulators.TabletPortrait .demo-device{height:780px;width:511px;margin:0 auto 0}body .content .doc-content .simulators.TabletPortrait .demo-device .demo-display{margin-top:29px;height:720px;margin-left:14px;width:480px}body .content .doc-content .simulators.Mobile .demo-device{height:740px;width:400px;margin:10px auto 40px auto}body .content .doc-content .simulators.Mobile .demo-device .demo-display{margin-top:70px;height:590px;margin-left:20px;width:360px}body .content .doc-content .simulators.templates .demo-frame{min-height:700px}body .content .doc-content .simulators.simulators-no-border,body .content .doc-content .simulators.simulators-no-border .demo-device,body .content .doc-content .simulators.simulators-no-border .demo-device .demo-display{border:0;padding:0;box-shadow:none}body .content .doc-content .title{padding-left:40px}body .content .marketing-demos{padding:20px}body .content .marketing-demos .demos-container{padding:32px;border-radius:24px;display:flex;gap:24px;flex-wrap:wrap}body .content .marketing-demos .demo-link{flex:1 350px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.12);display:grid;grid-template-rows:1fr 1fr 1fr}body .content .marketing-demos .demo-link:empty{visibility:hidden;height:none}body .content .marketing-demos .demo-link-img{border-radius:12px;grid-row-start:1;grid-row-end:5;grid-column:1}body .content .marketing-demos .demo-link-content{padding:18px 24px;border-top:1px solid;border-radius:0 0 12px 12px;grid-row-start:3;grid-row-end:5;grid-column:1}body .content .marketing-demos .demo-link-content h5{padding:0 0 8px 0;font-style:normal;font-weight:600;font-size:20px;line-height:125%}body .content .marketing-demos .demo-link-content p{font-weight:400;font-size:16px;line-height:135%}body .content .top-content{position:relative;padding-top:30px;display:flex;gap:32px;align-items:center}body .content .top-content__expand{height:36px;min-width:auto;border-width:1px;padding:6px 16px 6px 8px}body .content .top-content__expand:focus-visible{outline-width:0}body .content .top-content__expand__svg{width:24px;height:24px}body .content .top-content__expand__svg-visible,body .content .top-content__expand__span-visible{display:block}body .content .top-content__expand__svg-hide,body .content .top-content__expand__span-hide{display:none}body .content .top-content #report-design-btn{position:absolute;right:0;height:36px}body .content .top-content svg polygon,body .content .top-content svg path,body .content .top-content svg rect{fill:#8b949c}body .content .top-content h1{padding:0}body .content .top-content h1.New:after,body .content .top-content h1.Updated:after,body .content .top-content h1.Roadmap:after{left:-3px;font-size:11px;padding:2px 4px 3px 4px;font-family:'Roboto',sans-serif;border-radius:3px;position:relative;color:#fff;top:-13px;font-weight:400}body .content .top-content h1.New:after{content:"New";background-color:#f05b41}body .content .top-content h1.Updated:after{content:"Updated";background-color:#1e70b9}body .content .top-content h1.Roadmap:after{content:"Roadmap";background-color:#a89cda}body .content .demo-details{min-width:600px;width:auto;flex:1;margin-left:40px}body .content .code{overflow:hidden;border:1px solid;border-radius:6px;margin-top:96px}body .content .code .not-yet{height:148px;font-size:16px;text-align:center}body .content .code .not-yet span{display:inline-block;margin-top:64px}body .content .code .tabs-container{display:flex;border-bottom:1px solid;height:60px}body .content .code .tabs-container #code-tabs{width:100%;display:inline-flex;justify-content:space-between}body .content .code .tabs-container #code-tabs.has-arrow .tbs-arrows{display:flex;height:100%}body .content .code .tabs-container #code-tabs.has-arrow .tbs-children{overflow:hidden}body .content .code .tabs-container #code-tabs.has-backend .switch{display:inline-flex}body .content .code .tabs-container #code-tabs .switch{display:none}body .content .code .tabs-container #code-tabs .switch::before{content:'';width:1px;height:100%;position:absolute;left:0}body .content .code .tabs-container #code-tabs .front-toggle-container{display:inline-flex;padding:12px 12px}body .content .code .tabs-container #code-tabs .front-toggle{display:inline-flex;align-items:center;padding:2px;border-radius:999px;justify-content:space-between;position:relative}body .content .code .tabs-container #code-tabs .front-toggle .front-toggle-track{position:absolute;height:32px;width:48px;border-radius:999px;transform:translateX(0);transition:transform 200ms}body .content .code .tabs-container #code-tabs .front-toggle input[type="checkbox"]:checked~.front-toggle-track{transform:translateX(48px);transition:transform 200ms}body .content .code .tabs-container #code-tabs .front-toggle [name="front-toggle"]{display:none}body .content .code .tabs-container #code-tabs .front-toggle input[type="checkbox"]~label{cursor:pointer;user-select:none;padding:0 16px;height:100%;display:flex;align-items:center;z-index:5}body .content .code .tabs-container #code-tabs .tbs-children-container{height:60px}body .content .code .tabs-container #code-tabs .tbs-arrows{display:none}body .content .code .tabs-container #code-tabs .tbs-arrow{display:flex;min-width:32px;height:100%;padding:0;border-radius:0}body .content .code .tabs-container #code-tabs .tbs-children{width:100%;border:none;align-items:flex-start;justify-content:start}body .content .code .tabs-container #code-tabs .tbs-children-container{position:relative;display:inline-flex;justify-content:flex-start}body .content .code .tabs-container #code-tabs .tbs-item{white-space:nowrap}body .content .code .tabs-container #code-tabs .tbs-item-container{position:relative}body .content .code .tabs-container #code-tabs .tbs-item-container.active .tbs-item{width:inherit;position:relative}body .content .code .tabs-container #code-tabs .tbs-item-container.active .tbs-item::after{content:"";position:absolute;right:0;left:0;width:100%;height:4px;bottom:-18px;border-top-right-radius:8px;border-top-left-radius:8px;border-bottom-right-radius:unset;border-bottom-left-radius:unset}body .content .code .buttons-container{height:52px;border-bottom:1px solid}body .content .code .buttons-container .buttons{height:inherit;display:flex;justify-content:space-between;gap:8px;padding:8px;box-sizing:border-box}body .content .code .buttons-container .buttons-left{display:flex;gap:8px}body .content .code .buttons-container .buttons.fixed{position:fixed;z-index:3;border-bottom:1px solid}body .content .code .buttons-container .btn.btn{height:36px;min-width:auto;font-size:16px;line-height:24px}body .content .code .source-block{margin:10px;display:none;overflow:auto;max-height:800px;scrollbar-width:thin}body .content .code .source-block::-webkit-scrollbar{width:8px}body .content .code .source-block::-webkit-scrollbar-track{border-radius:20px}body .content .code .source-block::-webkit-scrollbar-thumb{border-radius:20px}body .content .code .source-block.active{display:block}body .content .code .source-block.hidden{display:none}body .content .code .source-block .CodeMirror{height:auto;font-size:14px;z-index:0}body .content .code .source-block .CodeMirror .CodeMirror-scroll{overflow:hidden!important}body .content .code .source-block .CodeMirror code,body .content .code .source-block .CodeMirror pre{font-family:Monaco,Menlo,Consolas,"Courier New",monospace;display:block;font-size:12px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}body .content .code .source-block .CodeMirror code .prettyprint,body .content .code .source-block .CodeMirror pre .prettyprint{margin-bottom:20px}body .content .code .source-block .CodeMirror code code,body .content .code .source-block .CodeMirror pre code{padding:0;white-space:pre;white-space:pre-wrap;border:0}body .content .code .source-block .CodeMirror code{padding:2px 4px;white-space:nowrap;border:1px solid;border-color:#e1e1e8;display:inline}body .content .code .move-demo-container{display:flex;flex-direction:column;align-items:center;height:200px}body .content .code .move-demo-container .move-demo-text{padding:15px;padding-bottom:16px;font-size:14px}body .content .code .move-demo-container .move-demo-button{padding:5px 15px;border:1px solid;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;margin:0;color:#fff;text-decoration:none}body .content .code .move-demo-container .move-demo-button:hover{border:1px solid}body .content .code .move-demo-container .move-demo-button .move-demo-icon{display:inline;vertical-align:middle;margin-left:5px;margin-bottom:3px}body .content .code .move-demo-container .move-demo-button .move-demo-icon path{stroke:white}body .content .demo-nav-links{box-sizing:border-box;padding:12px;margin:32px 0;height:60px;display:flex;align-items:center;gap:0 8px;position:relative;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.16)}body .content .demo-nav-links a{text-decoration:none;display:flex;font-size:16px;align-items:center;justify-content:center;height:36px;width:36px;border:none}body .content .demo-nav-links a svg{height:22px;width:22px}body .content .demo-nav-links a.adaptivity-switcher{width:auto}body .content .demo-nav-links span.nav-border{width:1px;height:46px}body .content .demo-nav-links button#fullScreenLink{display:flex;justify-content:center;align-items:center;padding:6px;border:none;border-radius:50px;cursor:pointer;background-color:inherit}body .content .demo-nav-links button#fullScreenLink #open-full-screen{display:block}body .content .demo-nav-links button#fullScreenLink #close-full-screen{display:none}body .content .demo-nav-links #prev-demo,body .content .demo-nav-links #next-demo{min-width:auto;width:auto}body .content .demo-nav-links #prev-demo{padding:0 16px 0 8px}body .content .demo-nav-links #next-demo{padding:0 8px 0 16px}body .content .demo-nav-links span.separator{width:1px;height:24px}body .content .demo-nav-links .justify-left{margin-left:auto;display:inline-flex;align-items:center;gap:8px}body .content .demo-nav-links .small-padding{padding:0 16px 0 8px;min-width:150px;width:auto}body .content .demo-nav-links .themes-container .dx-texteditor.dx-editor-outlined{border:none}body #theme-selector-button.btn{height:36px;min-width:auto;max-width:none;padding:0 8px;gap:20px}body #theme-selector-button.btn .theme-selector-arrow{transition:transform .4s}body .content:not(.document__body) .doc-content h5.see-also+ul li:before{content:"";border-radius:3px;border:3px solid;display:inline-block;margin-right:15px}body .debug-invalid-model-popup{position:fixed;bottom:80px;right:0;padding:10px;width:300px;z-index:9999}body #docerror.error{position:static;height:auto;margin:118px auto}body a{outline:none;text-decoration:none}body .doc-content.wide-demo{flex-direction:column;display:block}body .doc-content.wide-demo .demo-details{max-width:inherit}body .doc-content nav,body .doc-content section{display:block}body .doc-content .nav{margin-bottom:20px;margin-left:0;list-style:none}body .doc-content .nav-tabs:after{clear:both}body .doc-content .hide{display:none}body .doc-content .tab-content{overflow:auto}body .doc-content .tab-content>.tab-pane,body .doc-content .pill-content>.pill-pane{display:none}body .doc-content .tab-content>.active,body .doc-content .pill-content>.active{display:block}body .doc-content code .prettyprint,body .doc-content pre .prettyprint{margin-bottom:20px}body .doc-content code code,body .doc-content pre code{padding:0;color:inherit;white-space:pre;white-space:pre-wrap;background-color:transparent;border:0}body .doc-content code{padding:2px 4px;white-space:nowrap;border:1px solid;display:inline}body .doc-content .pre-scrollable{max-height:340px;overflow-y:scroll}body .doc-content .nav-tabs>.active>a,body .doc-content .nav-tabs>.active>a:focus{cursor:default;border:1px solid;border-bottom-color:transparent}body .doc-content .codeTabs.nav.nav-tabs{padding:20px 0 0 0;border-bottom:2px solid}body .doc-content .codeTabs.nav.nav-tabs li{float:none;display:inline-block}body .doc-content .codeTabs.nav.nav-tabs li a{border:none;padding:8px 12px;line-height:36px;margin:0}body .doc-content .codeTabs.nav.nav-tabs li.active{border-top:2px solid;border-left:2px solid;border-right:2px solid}body .doc-content .codeTabs.nav.nav-tabs li.active a{padding-bottom:12px}body .button:not(.feedback__button){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;font-size:16px;font-family:'Roboto',sans-serif;font-weight:normal;position:relative;text-decoration:none;text-align:center;white-space:nowrap;cursor:pointer;height:22px;line-height:22px;vertical-align:middle;box-sizing:initial;border:1px solid;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px}body .button:not(.feedback__button).small{font-size:13px}body .button:not(.feedback__button).large{width:400px;font-size:24px}body .button:not(.feedback__button).center{margin-left:auto;margin-right:auto;display:block}body .button:not(.feedback__button).btn-show-demo{margin-bottom:15px}body .button:not(.feedback__button).fiddle{height:40px;display:inline-flex;gap:0 10px;border:none;padding:0 16px}body .button:not(.feedback__button).fiddle .button-text{align-self:center}body .button:not(.feedback__button).reset,body .button:not(.feedback__button).apply{padding:8px 20px;float:right;align-items:center;border:none;margin-right:16px;height:40px;box-sizing:border-box}body .button:not(.feedback__button).apply{border:1px solid}body .button:not(.feedback__button).backend{border-radius:4px;padding:8px 20px;width:100px;margin:5px 1px 5px -17px}body .dx-list-group-header{margin:0;padding:8px 15px;border-bottom:none;font-weight:normal}body .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content{padding:5px 15px 5px 0}body .dx-popup-content{padding:0}body .adaptivity-switcher{position:absolute;left:45%}body .adaptivity-switcher .switcher-item-wrapper{cursor:pointer;box-sizing:border-box;height:38px;border-radius:8px}body .adaptivity-switcher .switcher-item-wrapper.landscape{padding:8px 6px}body .adaptivity-switcher .switcher-item-wrapper.landscape .switcher-item{width:24px;height:14px}body .adaptivity-switcher .switcher-item-wrapper.landscape .switcher-item .inner{display:block;position:relative;left:3px;top:2px;height:10px;width:18px}body .adaptivity-switcher .switcher-item-wrapper.portrait{padding:6px 11px}body .adaptivity-switcher .switcher-item-wrapper.portrait .switcher-item{width:14px;height:24px}body .adaptivity-switcher .switcher-item-wrapper.portrait .switcher-item .inner{display:block;position:relative;left:2px;top:3px;height:18px;width:10px}body .adaptivity-switcher .switcher-item-wrapper .switcher-item{display:inline-block;cursor:pointer;border-radius:2px}@media only screen and (max-width:1920px){body:not(.hidden-menu):not(.full-screen-demo) .content .doc-content{flex-direction:column}body:not(.hidden-menu):not(.full-screen-demo) .content .doc-content .simulator-wrapper{width:auto;margin-right:0}body:not(.hidden-menu):not(.full-screen-demo) .content .doc-content .code{margin-top:20px}}@media only screen and (max-width:1900px){body .content .doc-content .demo-details{max-width:none}body .content .doc-content .demo-details:before{content:'';display:block;width:99%;margin:0 auto}body .content .doc-content.wide-demo{flex-flow:column}}@media only screen and (max-width:1600px){body .content .doc-content{flex-direction:column}body .content .doc-content .simulator-wrapper{width:auto;margin-right:0}body .content .doc-content .demo-details{margin-left:40px}body .content .doc-content .code{margin-top:20px}}@media only screen and (max-width:1540px){body .body-container.content-width{padding-left:18px;padding-right:18px}}@media only screen and (max-width:1080px){body .content .doc-content #widgetAccordion{display:none}body .content .doc-content #widgetAccordion .widget-tree-main .widget-tree{display:none}body .content .doc-content #widgetAccordion .widget-tree-main .widget-view{position:initial;height:500px}}body .approach-list{height:inherit;display:flex;gap:24px;align-items:flex-end}body .approach-list-stretch{align-items:stretch}body .approach-badge{flex:1 1 100%;box-shadow:0 4px 12px rgba(0,0,0,.12);border-radius:12px;text-align:center;overflow:hidden}body .approach-badge .approach-card{padding:32px;height:170px;box-sizing:border-box;display:flex;gap:12px;flex-direction:column;align-content:center;align-items:center;justify-content:space-between;transition:height .7s}body .approach-badge .approach-card-link{display:none;border-radius:12px;text-decoration:none;height:100%;padding:36px 40px;box-sizing:border-box;gap:24px;flex-direction:column;align-items:center;text-align:center}body .approach-badge .approach-title{padding:0;margin:12px 0 0 0;font-size:18px;font-weight:600}body .approach-badge .approach-text{margin:0 0 12px 0;text-align:center;font-size:14px;line-height:150%;font-weight:400}body .approach-badge .approach-link.btn.btn,body .approach-badge .approach-text{opacity:0;transition:opacity .4s}body .approach-badge:hover.has-text .approach-card,body .approach-badge.active.has-text .approach-card{height:320px}body .approach-badge:hover .approach-card,body .approach-badge.active .approach-card{height:240px}body .approach-badge:hover .approach-text,body .approach-badge.active .approach-text,body .approach-badge:hover .approach-link.btn.btn,body .approach-badge.active .approach-link.btn.btn{opacity:1}body .approach-badge.without-button .approach-title{margin:0}body .approach-badge.without-button .approach-card-link{display:flex}@media only screen and (max-width:1520px){body .approach-badge:hover.has-text .approach-card,body .approach-badge.active.has-text .approach-card{height:320px}}@media only screen and (max-width:1400px){body .approach-list{gap:12px}body .approach-badge .approach-title{display:flex;flex-direction:column}body .approach-badge .approach-svg{width:auto;height:48px}body .approach-badge .approach-svg svg{width:100%;height:100%}body .approach-badge .approach-link.btn.btn{min-width:100%}}@media only screen and (max-width:1200px){body .approach-badge{flex-basis:40%}body .approach-badge .approach-card{display:none}body .approach-badge .approach-card-link{display:flex}body .approach-badge .approach-title{margin:0}}@media only screen and (max-width:768px){body .approach-list{flex-wrap:wrap}}body .footer{position:absolute;width:100%;padding:24px 0;box-sizing:border-box;font-size:12px;color:#fff;z-index:5}body .footer svg#devextreme-logo path{fill:white}body .footer .content-width{padding-top:0;padding-bottom:0}body .footer-container{display:flex;justify-content:space-between;gap:32px 16px}body .footer-about{display:flex;gap:40px}body .footer-logo{height:min-content;display:flex;gap:12px;align-items:center}body .footer-text{margin:0 0 16px;font-size:12px;line-height:14px}body .footer a{text-decoration:underline}body .footer-socials{display:flex;align-items:center}body .footer-socials-links{display:flex;gap:8px}body .footer-socials-link svg{width:32px;height:32px}body .footer-socials-link:hover{opacity:.8}@media only screen and (max-width:1400px){body .footer{padding:32px 0;height:auto;font-size:12px}body .footer-container{flex-direction:column}body .footer-about{flex-direction:column;align-items:center}body .footer-text,body .footer-links{text-align:center}body .footer-text{margin-bottom:16px}body .footer-socials{justify-content:center}body .footer-socials-title{display:none}body .footer-socials-links{justify-content:center}}body .theme-switch{display:flex;flex:0 0 56px;width:56px;height:28px;border:1px solid;box-sizing:border-box;border-radius:50px;padding:1px;overflow:hidden;cursor:pointer}body .theme-switch-wrapper{display:inline-flex;align-items:center;width:52px;height:24px}body .theme-toogle{flex:0 0 20px;padding:2px;display:flex;justify-content:center;align-items:center;margin-right:4px}body .theme-toogle svg{width:20px;height:20px;border-radius:10px}body .theme-toogle.light{transition:.4s}body .theme-toogle.dark{width:0}body .theme-input{width:20px;height:20px;border-radius:10px}body #ot-sdk-btn-floating.ot-floating-button{display:none}body #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent button{border-radius:4px;font-family:'Open Sans',sans-serif;width:100%!important}body #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent button#onetrust-pc-btn-handler:hover{color:#fff;opacity:1}body #onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn){border-radius:4px;font-family:'Open Sans',sans-serif}body #ot-sdk-btn.ot-sdk-show-settings,body #ot-sdk-btn.optanon-show-settings{border:none;padding:0;line-height:inherit;font-size:inherit;color:inherit;background-color:transparent!important;text-decoration:underline;color:#fff}body #ot-sdk-btn.ot-sdk-show-settings:visited,body #ot-sdk-btn.optanon-show-settings:visited{color:#fff}body #ot-sdk-btn.ot-sdk-show-settings:hover,body #ot-sdk-btn.optanon-show-settings:hover,body #ot-sdk-btn.ot-sdk-show-settings:visited:hover,body #ot-sdk-btn.optanon-show-settings:visited:hover{color:#d9d9d9}body #ot-sdk-btn.ot-sdk-show-settings:active,body #ot-sdk-btn.optanon-show-settings:active{color:#b3b3b3}body #ot-sdk-btn.ot-sdk-show-settings:focus,body #ot-sdk-btn.optanon-show-settings:focus{outline-color:#fff}body .survey-hidden{display:none}body .survey--container{height:42px;width:100%;position:fixed;z-index:2000}body .survey--component{height:inherit;padding-top:0;padding-bottom:0;display:flex;justify-content:space-between;align-items:center}body .survey--part{display:flex;align-items:center;gap:32px}body .survey--part p{margin:0;line-height:125%}body .survey--part a{text-decoration:underline}body .survey--button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:50%;color:#fff}body .survey--button:hover{cursor:pointer}body .survey--indent~header .header{top:42px}body .survey--indent~.header-drawer{top:112px}body .survey--indent~#menu{top:112px}body .survey--indent~main .block-approch-selected-content{padding-top:42px}body .survey--indent~main .doc-content{position:relative;top:42px}body .survey--indent~main .sticky-wrapper .tabs{top:112px}body .survey--indent~main .left-menu{top:152px}@media only screen and (max-width:1500px){body .survey--component{padding-right:18px;padding-left:18px}}@media only screen and (max-width:1101px){body .survey--part{gap:16px}}@media only screen and (max-width:1069px){body .survey--part{gap:8px}}@media only screen and (max-width:1069px){body .survey--svg{display:none}}@media only screen and (max-width:955px){body .survey--part p{font-size:14px}}@media only screen and (max-width:773px){body .survey--container{height:60px}body .survey--part{flex-direction:column;align-items:flex-start}body .survey--indent~header .header{top:60px}body .survey--indent~.header-drawer{top:130px}body .survey--indent~#menu{top:130px}body .survey--indent~main{top:60px}body .survey--indent~main .block-approch-selected-content{padding-top:60px}body .survey--indent~main .sticky-wrapper .tabs{top:130px}body .survey--indent~main .left-menu{top:190px}}@media only screen and (max-width:540px){body .survey--part{gap:0}body .survey--part p{font-size:12px}}body .block-no-approach-container .space{display:none}body .block-approch-selected-content h1,body .block-approch-selected-content h2{font-weight:bold;margin-bottom:32px}body .block-approch-selected-content h1{font-family:'Roboto',sans-serif;font-size:50px;margin-top:40px}body .block-approch-selected-content h2{font-family:'Roboto',sans-serif;font-size:34px;margin-top:0}body .block-approch-selected-content p{font-family:'Roboto',sans-serif;font-size:20px;line-height:32px;margin-top:0;margin-bottom:64px}body .block-approch-selected-content .block-approaches-position{padding-bottom:20px}body #menu .menu-state-button,body #menu .space{display:none}@media(max-width:1770px){body .block-approaches-position{max-width:1150px}}body .header-approach-selected{color:#2190f7;background-color:#fff}body .header-approach-selected:hover{background-color:#f1f1f1}body .header-approach-selected:active{background-color:#e9e9e9}body .header-approach-selected::after{content:'';width:0;height:0;border-top:none;border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid #596c7d;transform:rotate(180deg)}body .header-approach-selected.active::after{content:'';width:0;height:0;border-top:none;border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid #596c7d;transform:rotate(0)}body .header-approach-list{background-color:#fff}body .header-approach-list-item:hover{background-color:#f1f1f1}body .header-approach-list-item:active{background-color:#e9e9e9}body .header-approach-list-item-content{color:#596c7d}body .header-drawer{background-color:#fff}body .header-drawer .header-link.selected{border-bottom-color:transparent;border-left-color:#2190f7}body header .header{background-color:#fff}body .header--logo--js{fill:#2190f7}body .header-link-text{color:#596c7d}body .header-link:hover{background-color:#f1f1f1}body .header-link:active,body .header-link:focus{background-color:#e9e9e9}body .header-link.selected{border-bottom-color:#2190f7}body #menu{background-color:#e9e9e9}body #menu a{color:#596c7d}body #menu a[href]:hover{color:#2190f7}body #menu span{color:#596c7d}body #menu li::before,body #menu li::after{color:#596c7d}body #menu .breadcrumbs-svg{fill:#596c7d}body #menu .tools-panel{border-color:#e9e9e9}body #menu .tools-panel .breadcrumbs .breadcrumbs-wrapper li.hint.active span{background-color:#f1f1f1}body #menu .tools-panel .breadcrumbs-dropdown.active{background-color:#e9e9e9}body .menu-state-button{background-color:#f1f1f1}body .menu-state-button svg path{fill:#596c7d}body .menu-state-button:hover{background-color:#596c7d;opacity:.8}body .menu-state-button:hover svg path{fill:#f1f1f1}body .hidden-menu .menu-state-button{background-color:#596c7d}body .hidden-menu .menu-state-button svg path{fill:#f1f1f1}body .hidden-menu .menu-state-button:hover{background-color:#f1f1f1;opacity:.8}body .hidden-menu .menu-state-button:hover svg path{fill:#596c7d}body .approach-badge{background-color:#fff}body .approach-badge .approach-title,body .approach-badge .approach-text{color:#596c7d}body .approach-badge .approach-card-link:hover{background-color:#f1f1f1}body .approach-badge .approach-card-link:active{background-color:#e9e9e9}body .approach-badge.overview{background-color:#2190f7}body .approach-badge.overview .approach-title,body .approach-badge.overview .approach-text{color:#fff}body .approach-badge.overview .approach-card-link:hover{background-color:#1c7ad2}body .approach-badge.overview .approach-card-link:active{background-color:#1765ad}body .footer{background-color:#678}body .footer a{color:#fff}body .footer a:visited{color:#fff}body .footer a:hover,body .footer a:visited:hover{color:#d9d9d9}body .footer a:active{color:#b3b3b3}body .theme-switch{background-color:#fff;border-color:#e2e7e8}body .theme-input{background-color:#2190f7}body .btn.btn-accent{color:#fff;border-color:#2190f7;outline-color:#2190f7;background-color:#2190f7}body .btn.btn-accent svg{fill:white}body .btn.btn-accent svg path,body .btn.btn-accent svg circle{fill:white}body .btn.btn-accent:hover{color:#fff;border-color:#1c7ad2;outline-color:#1c7ad2;background-color:#1c7ad2}body .btn.btn-accent:hover svg{fill:white}body .btn.btn-accent:hover svg path,body .btn.btn-accent:hover svg circle{fill:white}body .btn.btn-accent:active,body .btn.btn-accent:focus{color:#fff;border-color:#1765ad;outline-color:#1765ad;background-color:#1765ad}body .btn.btn-accent:active svg,body .btn.btn-accent:focus svg{fill:white}body .btn.btn-accent:active svg path,body .btn.btn-accent:focus svg path,body .btn.btn-accent:active svg circle,body .btn.btn-accent:focus svg circle{fill:white}body .btn.btn-outlined{color:#2190f7;border-color:#2190f7;outline-color:#2190f7;background-color:transparent}body .btn.btn-outlined svg{fill:#2190f7}body .btn.btn-outlined svg path,body .btn.btn-outlined svg circle{fill:#2190f7}body .btn.btn-outlined:hover{color:#fff;border-color:#1c7ad2;outline-color:#1c7ad2;background-color:#1c7ad2}body .btn.btn-outlined:hover svg{fill:white}body .btn.btn-outlined:hover svg path,body .btn.btn-outlined:hover svg circle{fill:white}body .btn.btn-outlined:active,body .btn.btn-outlined:focus{color:#fff;border-color:#1765ad;outline-color:#1765ad;background-color:#1765ad}body .btn.btn-outlined:active svg,body .btn.btn-outlined:focus svg{fill:white}body .btn.btn-outlined:active svg path,body .btn.btn-outlined:focus svg path,body .btn.btn-outlined:active svg circle,body .btn.btn-outlined:focus svg circle{fill:white}body .btn.btn-outlined-text{color:#596c7d;border-color:#e2e7e8;outline-color:#e2e7e8;background-color:#fff}body .btn.btn-outlined-text svg{fill:#596c7d}body .btn.btn-outlined-text svg path,body .btn.btn-outlined-text svg circle{fill:#596c7d}body .btn.btn-outlined-text:hover{color:#596c7d;border-color:#e2e7e8;outline-color:#e2e7e8;background-color:#f1f1f1}body .btn.btn-outlined-text:hover svg{fill:#596c7d}body .btn.btn-outlined-text:hover svg path,body .btn.btn-outlined-text:hover svg circle{fill:#596c7d}body .btn.btn-outlined-text:active,body .btn.btn-outlined-text:focus{color:#596c7d;border-color:#e2e7e8;outline-color:#e2e7e8;background-color:#e9e9e9}body .btn.btn-outlined-text:active svg,body .btn.btn-outlined-text:focus svg{fill:#596c7d}body .btn.btn-outlined-text:active svg path,body .btn.btn-outlined-text:focus svg path,body .btn.btn-outlined-text:active svg circle,body .btn.btn-outlined-text:focus svg circle{fill:#596c7d}body .btn.btn-text{color:#596c7d;border-color:#fff;outline-color:#fff;background-color:#fff}body .btn.btn-text svg{fill:#596c7d}body .btn.btn-text svg path,body .btn.btn-text svg circle{fill:#596c7d}body .btn.btn-text:hover{color:#596c7d;border-color:#f1f1f1;outline-color:#f1f1f1;background-color:#f1f1f1}body .btn.btn-text:hover svg{fill:#596c7d}body .btn.btn-text:hover svg path,body .btn.btn-text:hover svg circle{fill:#596c7d}body .btn.btn-text:active,body .btn.btn-text:focus{color:#596c7d;border-color:#e9e9e9;outline-color:#e9e9e9;background-color:#e9e9e9}body .btn.btn-text:active svg,body .btn.btn-text:focus svg{fill:#596c7d}body .btn.btn-text:active svg path,body .btn.btn-text:focus svg path,body .btn.btn-text:active svg circle,body .btn.btn-text:focus svg circle{fill:#596c7d}body .btn.btn-text-accent{color:#2190f7;border-color:#fff;outline-color:#fff;background-color:#fff}body .btn.btn-text-accent svg{fill:#2190f7}body .btn.btn-text-accent svg path,body .btn.btn-text-accent svg circle{fill:#2190f7}body .btn.btn-text-accent:hover{color:#2190f7;border-color:#f1f1f1;outline-color:#f1f1f1;background-color:#f1f1f1}body .btn.btn-text-accent:hover svg{fill:#2190f7}body .btn.btn-text-accent:hover svg path,body .btn.btn-text-accent:hover svg circle{fill:#2190f7}body .btn.btn-text-accent:active,body .btn.btn-text-accent:focus{color:#2190f7;border-color:#e9e9e9;outline-color:#e9e9e9;background-color:#e9e9e9}body .btn.btn-text-accent:active svg,body .btn.btn-text-accent:focus svg{fill:#2190f7}body .btn.btn-text-accent:active svg path,body .btn.btn-text-accent:focus svg path,body .btn.btn-text-accent:active svg circle,body .btn.btn-text-accent:focus svg circle{fill:#2190f7}body .btn.btn-text-outlined{color:#fff;border-color:#fff;outline-color:#fff;background-color:transparent}body .btn.btn-text-outlined svg{fill:white}body .btn.btn-text-outlined svg path,body .btn.btn-text-outlined svg circle{fill:white}body .btn.btn-text-outlined:hover{color:#2190f7;border-color:#fff;outline-color:#fff;background-color:#fff}body .btn.btn-text-outlined:hover svg{fill:#2190f7}body .btn.btn-text-outlined:hover svg path,body .btn.btn-text-outlined:hover svg circle{fill:#2190f7}body .btn.btn-text-outlined:active,body .btn.btn-text-outlined:focus{color:#2190f7;border-color:#f1f1f1;outline-color:#f1f1f1;background-color:#f1f1f1}body .btn.btn-text-outlined:active svg,body .btn.btn-text-outlined:focus svg{fill:#2190f7}body .btn.btn-text-outlined:active svg path,body .btn.btn-text-outlined:focus svg path,body .btn.btn-text-outlined:active svg circle,body .btn.btn-text-outlined:focus svg circle{fill:#2190f7}body .tbs{border-color:#e2e7e8}body .tbs-item{color:#596c7d;background-color:#fff}body .tbs-item:visited{color:#596c7d}body .tbs-item-container:hover{background-color:#f1f1f1}body .tbs-item-container:hover .tbs-item{background-color:#f1f1f1}body .front-toggle{background-color:#e9e9e9;border:1px #e9e9e9;color:#596c7d;font-size:14px;line-height:16px;font-weight:400}body .front-toggle .front-toggle-track{background-color:#fff}body .tbs-item-container.active .tbs-item{color:#2190f7}body .tbs-item-container.active .tbs-item::after{background-color:#2190f7}body .duo-card{background-color:#f1f1f1}body .duo-card .wrapper-card:not(.active) svg path{fill:#596c7d}body .duo-card .wrapper-card:not(.active) svg path.background{opacity:.5}body .duo-card .wrapper-card:not(.active) svg path.letter{fill:#f1f1f1}body .duo-card .wrapper-card.active input,body .duo-card input.active{background-color:#fff}body .duo-card input{color:#596c7d}body .switch-toogle input:checked+.switch-slider{background-color:#2190f7}body .switch-toogle input:checked+.switch-slider.disabled{background-color:#e2e7e8}body .switch-toogle input:checked+.switch-slider::before{background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.16)}body .switch-slider{background-color:#fff;border-color:#e2e7e8}body .switch-slider.disabled{background-color:#e2e7e8}body .switch-slider.disabled:before{background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.16)}body .switch-slider:before{background-color:#2190f7}body .switch-label{color:#596c7d}body #onetrust-consent-sdk #onetrust-banner-sdk{background-color:#fff}body #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent .banner-actions-container button{background-color:#2190f7;border-color:#2190f7}body #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent button#onetrust-pc-btn-handler{background-color:#fff;border:2px solid #333;color:#333}body #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent button#onetrust-pc-btn-handler:hover{background-color:#333;color:#fff}body #onetrust-consent-sdk #onetrust-pc-sdk{background-color:#fff}body #onetrust-consent-sdk #onetrust-pc-sdk h3,body #onetrust-consent-sdk #onetrust-pc-sdk h4,body #onetrust-consent-sdk #onetrust-pc-sdk p,body #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,body #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc{color:#333}body #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-header,body #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer,body #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer-logo,body #onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item{border-color:#e9e9e9}body #onetrust-consent-sdk #onetrust-pc-sdk .ot-plus-minus span{background-color:#333}body #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer-logo,body #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt,body #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-txt .ot-subgrp-tgl .ot-switch.ot-toggle{background-color:#fff}body #onetrust-consent-sdk #onetrust-pc-sdk .ot-vs-list .ot-always-active,body #onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-grp .ot-always-active{color:#2190f7}body #onetrust-consent-sdk #onetrust-pc-sdk .category-host-list-handler{color:#2190f7!important}body #onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn){background-color:#2190f7!important;border-color:#2190f7!important}body #onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn):hover{background-color:#1c7ad2!important;border-color:#1c7ad2!important}body #onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn):active,body #onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn):focus{background-color:#1765ad!important;border-color:#1765ad!important}body #onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn):focus{outline-width:0}body #onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob{border-color:#2190f7;background-color:rgba(33,144,247,.1)}body #onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob:before{background-color:#2190f7}body #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter{box-shadow:0 4px 12px rgba(0,0,0,.16)}body #onetrust-consent-sdk #onetrust-policy-text{color:#333}body .survey--part{color:#fff}body .survey--part a,body .survey--part a:hover,body .survey--part a:visited,body .survey--part a:focus,body .survey--part a:active{color:#fff}body .survey--container{background-color:#2190f7}body .survey--svg-fill-accent{fill:#2190f7}body .survey--svg-linear-stop-accent{stop-color:#2190f7}body .survey--button:hover{background-color:#6bb5fa}body .survey--button:active{background-color:#b5dafc}body .survey--button:focus-visible{outline:#fff solid 2px}body .page-wrapper{background:#fff}body .block-approch-selected-content h1,body .block-approch-selected-content h2,body .block-approch-selected-content p{color:#333}body .block-approch-selected-content .approach-list{height:200px}body.dx-swatch-dark .header-approach-selected{color:#2190f7;background-color:#2a2a2a}body.dx-swatch-dark .header-approach-selected:hover{background-color:#353535}body.dx-swatch-dark .header-approach-selected:active{background-color:#434343}body.dx-swatch-dark .header-approach-selected::after{content:'';width:0;height:0;border-top:none;border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid #e8e8e8;transform:rotate(180deg)}body.dx-swatch-dark .header-approach-selected.active::after{content:'';width:0;height:0;border-top:none;border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid #e8e8e8;transform:rotate(0)}body.dx-swatch-dark .header-approach-list{background-color:#2a2a2a}body.dx-swatch-dark .header-approach-list-item:hover{background-color:#353535}body.dx-swatch-dark .header-approach-list-item:active{background-color:#434343}body.dx-swatch-dark .header-approach-list-item-content{color:#e8e8e8}body.dx-swatch-dark .header-drawer{background-color:#2a2a2a}body.dx-swatch-dark .header-drawer .header-link.selected{border-bottom-color:transparent;border-left-color:#2190f7}body.dx-swatch-dark header .header{background-color:#2a2a2a}body.dx-swatch-dark .header--logo--js{fill:#2190f7}body.dx-swatch-dark .header-link-text{color:#e8e8e8}body.dx-swatch-dark .header-link:hover{background-color:#353535}body.dx-swatch-dark .header-link:active,body.dx-swatch-dark .header-link:focus{background-color:#434343}body.dx-swatch-dark .header-link.selected{border-bottom-color:#2190f7}body.dx-swatch-dark #menu{background-color:#434343}body.dx-swatch-dark #menu a{color:#e8e8e8}body.dx-swatch-dark #menu a[href]:hover{color:#2190f7}body.dx-swatch-dark #menu span{color:#e8e8e8}body.dx-swatch-dark #menu li::before,body.dx-swatch-dark #menu li::after{color:#e8e8e8}body.dx-swatch-dark #menu .breadcrumbs-svg{fill:#e8e8e8}body.dx-swatch-dark #menu .tools-panel{border-color:#434343}body.dx-swatch-dark #menu .tools-panel .breadcrumbs .breadcrumbs-wrapper li.hint.active span{background-color:#353535}body.dx-swatch-dark #menu .tools-panel .breadcrumbs-dropdown.active{background-color:#434343}body.dx-swatch-dark .menu-state-button{background-color:#353535}body.dx-swatch-dark .menu-state-button svg path{fill:#e8e8e8}body.dx-swatch-dark .menu-state-button:hover{background-color:#e8e8e8;opacity:.8}body.dx-swatch-dark .menu-state-button:hover svg path{fill:#353535}body.dx-swatch-dark .hidden-menu .menu-state-button{background-color:#e8e8e8}body.dx-swatch-dark .hidden-menu .menu-state-button svg path{fill:#353535}body.dx-swatch-dark .hidden-menu .menu-state-button:hover{background-color:#353535;opacity:.8}body.dx-swatch-dark .hidden-menu .menu-state-button:hover svg path{fill:#e8e8e8}body.dx-swatch-dark .approach-badge{background-color:#2a2a2a}body.dx-swatch-dark .approach-badge .approach-title,body.dx-swatch-dark .approach-badge .approach-text{color:#e8e8e8}body.dx-swatch-dark .approach-badge .approach-card-link:hover{background-color:#353535}body.dx-swatch-dark .approach-badge .approach-card-link:active{background-color:#434343}body.dx-swatch-dark .approach-badge.overview{background-color:#2190f7}body.dx-swatch-dark .approach-badge.overview .approach-title,body.dx-swatch-dark .approach-badge.overview .approach-text{color:#2a2a2a}body.dx-swatch-dark .approach-badge.overview .approach-card-link:hover{background-color:#1c7ad2}body.dx-swatch-dark .approach-badge.overview .approach-card-link:active{background-color:#1765ad}body.dx-swatch-dark .footer{background-color:#444}body.dx-swatch-dark .footer a{color:#fff}body.dx-swatch-dark .footer a:visited{color:#fff}body.dx-swatch-dark .footer a:hover,body.dx-swatch-dark .footer a:visited:hover{color:#d9d9d9}body.dx-swatch-dark .footer a:active{color:#b3b3b3}body.dx-swatch-dark .theme-switch{background-color:#2a2a2a;border-color:#626262}body.dx-swatch-dark .theme-input{background-color:#2190f7}body.dx-swatch-dark .btn.btn-accent{color:#fff;border-color:#2190f7;outline-color:#2190f7;background-color:#2190f7}body.dx-swatch-dark .btn.btn-accent svg{fill:white}body.dx-swatch-dark .btn.btn-accent svg path,body.dx-swatch-dark .btn.btn-accent svg circle{fill:white}body.dx-swatch-dark .btn.btn-accent:hover{color:#fff;border-color:#1c7ad2;outline-color:#1c7ad2;background-color:#1c7ad2}body.dx-swatch-dark .btn.btn-accent:hover svg{fill:white}body.dx-swatch-dark .btn.btn-accent:hover svg path,body.dx-swatch-dark .btn.btn-accent:hover svg circle{fill:white}body.dx-swatch-dark .btn.btn-accent:active,body.dx-swatch-dark .btn.btn-accent:focus{color:#fff;border-color:#1765ad;outline-color:#1765ad;background-color:#1765ad}body.dx-swatch-dark .btn.btn-accent:active svg,body.dx-swatch-dark .btn.btn-accent:focus svg{fill:white}body.dx-swatch-dark .btn.btn-accent:active svg path,body.dx-swatch-dark .btn.btn-accent:focus svg path,body.dx-swatch-dark .btn.btn-accent:active svg circle,body.dx-swatch-dark .btn.btn-accent:focus svg circle{fill:white}body.dx-swatch-dark .btn.btn-outlined{color:#2190f7;border-color:#2190f7;outline-color:#2190f7;background-color:transparent}body.dx-swatch-dark .btn.btn-outlined svg{fill:#2190f7}body.dx-swatch-dark .btn.btn-outlined svg path,body.dx-swatch-dark .btn.btn-outlined svg circle{fill:#2190f7}body.dx-swatch-dark .btn.btn-outlined:hover{color:#fff;border-color:#1c7ad2;outline-color:#1c7ad2;background-color:#1c7ad2}body.dx-swatch-dark .btn.btn-outlined:hover svg{fill:white}body.dx-swatch-dark .btn.btn-outlined:hover svg path,body.dx-swatch-dark .btn.btn-outlined:hover svg circle{fill:white}body.dx-swatch-dark .btn.btn-outlined:active,body.dx-swatch-dark .btn.btn-outlined:focus{color:#fff;border-color:#1765ad;outline-color:#1765ad;background-color:#1765ad}body.dx-swatch-dark .btn.btn-outlined:active svg,body.dx-swatch-dark .btn.btn-outlined:focus svg{fill:white}body.dx-swatch-dark .btn.btn-outlined:active svg path,body.dx-swatch-dark .btn.btn-outlined:focus svg path,body.dx-swatch-dark .btn.btn-outlined:active svg circle,body.dx-swatch-dark .btn.btn-outlined:focus svg circle{fill:white}body.dx-swatch-dark .btn.btn-outlined-text{color:#e8e8e8;border-color:#626262;outline-color:#626262;background-color:#2a2a2a}body.dx-swatch-dark .btn.btn-outlined-text svg{fill:#e8e8e8}body.dx-swatch-dark .btn.btn-outlined-text svg path,body.dx-swatch-dark .btn.btn-outlined-text svg circle{fill:#e8e8e8}body.dx-swatch-dark .btn.btn-outlined-text:hover{color:#e8e8e8;border-color:#626262;outline-color:#626262;background-color:#353535}body.dx-swatch-dark .btn.btn-outlined-text:hover svg{fill:#e8e8e8}body.dx-swatch-dark .btn.btn-outlined-text:hover svg path,body.dx-swatch-dark .btn.btn-outlined-text:hover svg circle{fill:#e8e8e8}body.dx-swatch-dark .btn.btn-outlined-text:active,body.dx-swatch-dark .btn.btn-outlined-text:focus{color:#e8e8e8;border-color:#626262;outline-color:#626262;background-color:#434343}body.dx-swatch-dark .btn.btn-outlined-text:active svg,body.dx-swatch-dark .btn.btn-outlined-text:focus svg{fill:#e8e8e8}body.dx-swatch-dark .btn.btn-outlined-text:active svg path,body.dx-swatch-dark .btn.btn-outlined-text:focus svg path,body.dx-swatch-dark .btn.btn-outlined-text:active svg circle,body.dx-swatch-dark .btn.btn-outlined-text:focus svg circle{fill:#e8e8e8}body.dx-swatch-dark .btn.btn-text{color:#e8e8e8;border-color:#2a2a2a;outline-color:#2a2a2a;background-color:#2a2a2a}body.dx-swatch-dark .btn.btn-text svg{fill:#e8e8e8}body.dx-swatch-dark .btn.btn-text svg path,body.dx-swatch-dark .btn.btn-text svg circle{fill:#e8e8e8}body.dx-swatch-dark .btn.btn-text:hover{color:#e8e8e8;border-color:#353535;outline-color:#353535;background-color:#353535}body.dx-swatch-dark .btn.btn-text:hover svg{fill:#e8e8e8}body.dx-swatch-dark .btn.btn-text:hover svg path,body.dx-swatch-dark .btn.btn-text:hover svg circle{fill:#e8e8e8}body.dx-swatch-dark .btn.btn-text:active,body.dx-swatch-dark .btn.btn-text:focus{color:#e8e8e8;border-color:#434343;outline-color:#434343;background-color:#434343}body.dx-swatch-dark .btn.btn-text:active svg,body.dx-swatch-dark .btn.btn-text:focus svg{fill:#e8e8e8}body.dx-swatch-dark .btn.btn-text:active svg path,body.dx-swatch-dark .btn.btn-text:focus svg path,body.dx-swatch-dark .btn.btn-text:active svg circle,body.dx-swatch-dark .btn.btn-text:focus svg circle{fill:#e8e8e8}body.dx-swatch-dark .btn.btn-text-accent{color:#2190f7;border-color:#2a2a2a;outline-color:#2a2a2a;background-color:#2a2a2a}body.dx-swatch-dark .btn.btn-text-accent svg{fill:#2190f7}body.dx-swatch-dark .btn.btn-text-accent svg path,body.dx-swatch-dark .btn.btn-text-accent svg circle{fill:#2190f7}body.dx-swatch-dark .btn.btn-text-accent:hover{color:#2190f7;border-color:#353535;outline-color:#353535;background-color:#353535}body.dx-swatch-dark .btn.btn-text-accent:hover svg{fill:#2190f7}body.dx-swatch-dark .btn.btn-text-accent:hover svg path,body.dx-swatch-dark .btn.btn-text-accent:hover svg circle{fill:#2190f7}body.dx-swatch-dark .btn.btn-text-accent:active,body.dx-swatch-dark .btn.btn-text-accent:focus{color:#2190f7;border-color:#434343;outline-color:#434343;background-color:#434343}body.dx-swatch-dark .btn.btn-text-accent:active svg,body.dx-swatch-dark .btn.btn-text-accent:focus svg{fill:#2190f7}body.dx-swatch-dark .btn.btn-text-accent:active svg path,body.dx-swatch-dark .btn.btn-text-accent:focus svg path,body.dx-swatch-dark .btn.btn-text-accent:active svg circle,body.dx-swatch-dark .btn.btn-text-accent:focus svg circle{fill:#2190f7}body.dx-swatch-dark .btn.btn-text-outlined{color:#2a2a2a;border-color:#2a2a2a;outline-color:#2a2a2a;background-color:transparent}body.dx-swatch-dark .btn.btn-text-outlined svg{fill:#2a2a2a}body.dx-swatch-dark .btn.btn-text-outlined svg path,body.dx-swatch-dark .btn.btn-text-outlined svg circle{fill:#2a2a2a}body.dx-swatch-dark .btn.btn-text-outlined:hover{color:#2190f7;border-color:#2a2a2a;outline-color:#2a2a2a;background-color:#2a2a2a}body.dx-swatch-dark .btn.btn-text-outlined:hover svg{fill:#2190f7}body.dx-swatch-dark .btn.btn-text-outlined:hover svg path,body.dx-swatch-dark .btn.btn-text-outlined:hover svg circle{fill:#2190f7}body.dx-swatch-dark .btn.btn-text-outlined:active,body.dx-swatch-dark .btn.btn-text-outlined:focus{color:#2190f7;border-color:#353535;outline-color:#353535;background-color:#353535}body.dx-swatch-dark .btn.btn-text-outlined:active svg,body.dx-swatch-dark .btn.btn-text-outlined:focus svg{fill:#2190f7}body.dx-swatch-dark .btn.btn-text-outlined:active svg path,body.dx-swatch-dark .btn.btn-text-outlined:focus svg path,body.dx-swatch-dark .btn.btn-text-outlined:active svg circle,body.dx-swatch-dark .btn.btn-text-outlined:focus svg circle{fill:#2190f7}body.dx-swatch-dark .tbs{border-color:#626262}body.dx-swatch-dark .tbs-item{color:#e8e8e8;background-color:#2a2a2a}body.dx-swatch-dark .tbs-item:visited{color:#e8e8e8}body.dx-swatch-dark .tbs-item-container:hover{background-color:#353535}body.dx-swatch-dark .tbs-item-container:hover .tbs-item{background-color:#353535}body.dx-swatch-dark .front-toggle{background-color:#434343;border:1px #434343;color:#e8e8e8;font-size:14px;line-height:16px;font-weight:400}body.dx-swatch-dark .front-toggle .front-toggle-track{background-color:#2a2a2a}body.dx-swatch-dark .tbs-item-container.active .tbs-item{color:#2190f7}body.dx-swatch-dark .tbs-item-container.active .tbs-item::after{background-color:#2190f7}body.dx-swatch-dark .duo-card{background-color:#353535}body.dx-swatch-dark .duo-card .wrapper-card:not(.active) svg path{fill:#e8e8e8}body.dx-swatch-dark .duo-card .wrapper-card:not(.active) svg path.background{opacity:.5}body.dx-swatch-dark .duo-card .wrapper-card:not(.active) svg path.letter{fill:#353535}body.dx-swatch-dark .duo-card .wrapper-card.active input,body.dx-swatch-dark .duo-card input.active{background-color:#2a2a2a}body.dx-swatch-dark .duo-card input{color:#e8e8e8}body.dx-swatch-dark .switch-toogle input:checked+.switch-slider{background-color:#2190f7}body.dx-swatch-dark .switch-toogle input:checked+.switch-slider.disabled{background-color:#626262}body.dx-swatch-dark .switch-toogle input:checked+.switch-slider::before{background-color:#2a2a2a;box-shadow:0 1px 2px 0 rgba(0,0,0,.16)}body.dx-swatch-dark .switch-slider{background-color:#2a2a2a;border-color:#626262}body.dx-swatch-dark .switch-slider.disabled{background-color:#626262}body.dx-swatch-dark .switch-slider.disabled:before{background-color:#2a2a2a;box-shadow:0 1px 2px 0 rgba(0,0,0,.16)}body.dx-swatch-dark .switch-slider:before{background-color:#2190f7}body.dx-swatch-dark .switch-label{color:#e8e8e8}body.dx-swatch-dark #onetrust-consent-sdk #onetrust-banner-sdk{background-color:#2a2a2a}body.dx-swatch-dark #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent .banner-actions-container button{background-color:#2190f7;border-color:#2190f7}body.dx-swatch-dark #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent button#onetrust-pc-btn-handler{background-color:#2a2a2a;border:2px solid #fff;color:#fff}body.dx-swatch-dark #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent button#onetrust-pc-btn-handler:hover{background-color:#fff;color:#2a2a2a}body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk{background-color:#2a2a2a}body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk h3,body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk h4,body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk p,body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc{color:#fff}body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-header,body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer,body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer-logo,body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item{border-color:#434343}body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk .ot-plus-minus span{background-color:#fff}body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer-logo,body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt,body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-txt .ot-subgrp-tgl .ot-switch.ot-toggle{background-color:#2a2a2a}body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk .ot-vs-list .ot-always-active,body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-grp .ot-always-active{color:#2190f7}body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk .category-host-list-handler{color:#2190f7!important}body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn){background-color:#2190f7!important;border-color:#2190f7!important}body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn):hover{background-color:#1c7ad2!important;border-color:#1c7ad2!important}body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn):active,body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn):focus{background-color:#1765ad!important;border-color:#1765ad!important}body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn):focus{outline-width:0}body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob{border-color:#2190f7;background-color:rgba(33,144,247,.1)}body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob:before{background-color:#2190f7}body.dx-swatch-dark #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter{box-shadow:0 4px 12px rgba(0,0,0,.16)}body.dx-swatch-dark #onetrust-consent-sdk #onetrust-policy-text{color:#fff}body.dx-swatch-dark .survey--part{color:#fff}body.dx-swatch-dark .survey--part a,body.dx-swatch-dark .survey--part a:hover,body.dx-swatch-dark .survey--part a:visited,body.dx-swatch-dark .survey--part a:focus,body.dx-swatch-dark .survey--part a:active{color:#fff}body.dx-swatch-dark .survey--container{background-color:#2190f7}body.dx-swatch-dark .survey--svg-fill-accent{fill:#2190f7}body.dx-swatch-dark .survey--svg-linear-stop-accent{stop-color:#2190f7}body.dx-swatch-dark .survey--button:hover{background-color:#6bb5fa}body.dx-swatch-dark .survey--button:active{background-color:#b5dafc}body.dx-swatch-dark .survey--button:focus-visible{outline:#fff solid 2px}body.dx-swatch-dark .page-wrapper{background:#2a2a2a}body.dx-swatch-dark .block-approch-selected-content h1,body.dx-swatch-dark .block-approch-selected-content h2,body.dx-swatch-dark .block-approch-selected-content p{color:#fff}body.dx-swatch-dark .block-approch-selected-content .approach-list{height:200px}