.body{font-family:"Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif"}.sb-left{float:left}.footer-logo{background:url(https://ej2.syncfusion.com/home/images/footer-logo.svg) no-repeat right;height:40px;width:140px}.sb-right{float:right}.sb-block{display:block}.sb-table{display:table}.sb-table-cell{display:table-cell;vertical-align:middle}.sb-source-section .e-tab .e-tab-header{border-top:1px solid #D7D7D7}.sb-source-section .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text{color:#3C78EF}.e-tab.sb-source-code-section .e-indicator.e-ignore{background:none!important}#next-sample,#prev-sample{font-size:25px}table#property{table-layout:fixed}.e-view{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}@font-face{font-family:'sbicons';src:url(./images/sb-icons/fonts/icons.ttf?gcjn6a) format('truetype'),url(./images/sb-icons/fonts/icons.woff?gcjn6a) format('woff'),url('./images/sb-icons/fonts/icons.svg?gcjn6a#sbicons') format('svg');font-weight:400;font-style:normal}.sb-icons{font-family:'sbicons';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sb-icon-Hamburger:before{content:"\e914"}.sb-icon-icon-selection:before{content:"\e922"}.sb-icon-Dropdown:before{content:'\e90f'}.sb-icon-Settings-Preferences:before{content:'\e923'}.sb-icon-Search:before{content:'\e921'}.sb-icon-Responsive:before{content:'\e920'}.sb-icon-Palette:before{content:'\e92c'}.sb-icon-Chart:before{content:'\e906'}.sb-icon-Code:before{content:'\e92d'}.sb-icon-Demo:before{content:'\e92e'}.sb-icon-API:before{content:'\e902'}.sb-icon-Home:before{content:'\e915';font-size:30px}.sb-icon-Next:before{content:'\e91b'}.sb-icons-plnkr:before{content:'\e911'}.sb-icon-Popout:before{content:'\e91d'}.sb-icon-Previous:before{content:'\e91f'}.sb-icon-Localization:before{content:'\e918'}.sb-icon-Currency:before{content:'\e90b'}.sb-mobile-setting:before{content:'\e901';color:#333;font-size:25px}.highcontrast .sb-mobile-setting:before{color:#fff}.material3 .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active>.e-tab-wrap>.e-text-wrap>.e-tab-text,.material3 .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item:hover>.e-tab-wrap>.e-text-wrap>.e-tab-text,.material3 .sb-source-section .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,.material3 .sb-source-section .e-tab .e-tab-header .e-toolbar-item:hover .e-tab-text,.material3 .control-name,.material3 .sb-icon-Hamburger,.material3 .sb-footer-links a,.material3 .sb-plnr-section,.material3 .sb-plnr-section:hover,.material3 .sb-open-new-wrapper a:hover,.material3 .sample-navigation>button:hover{color:#6750a4!important}.material3 .sb-left-pane .e-listview .e-list-item.e-hover,.material3 .sb-left-pane .e-listview .e-list-item.e-active,.material3 .sb-left-pane .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#eaddff}.material3 .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-indicator{background:#6750a4}.material3 #left-sidebar{background:#fff}.material3 .sb-content-tab .e-content.sb-sample-content-area{background:#fff0}.material3 .sb-content-tab .e-tab-header.e-horizontal-bottom{border-radius:0 0 12px 12px}.material3 .sb-content-tab .e-tab-header.sb-content-tab-header{border-radius:12px 12px 0 0}.material3 .e-samplestatus.new,.material3 .e-samplestatus.new.tree,.material3 .e-samplestatus.New,.material3 .e-samplestatus.New.tree,.material3 .e-samplestatus.update,.material3 .e-samplestatus.update.tree,.material3 .e-samplestatus.Update,.material3 .e-samplestatus.Update.tree,.material3 .e-samplestatus.preview,.material3 .e-samplestatus.preview.tree,.material3 .e-samplestatus.Preview,.material3 .e-samplestatus.Preview.tree{margin:auto 0}.material3-dark .e-samplestatus.new,.material3-dark .e-samplestatus.new.tree,.material3-dark .e-samplestatus.New,.material3-dark .e-samplestatus.New.tree,.material3-dark .e-samplestatus.update,.material3-dark .e-samplestatus.update.tree,.material3-dark .e-samplestatus.Update,.material3-dark .e-samplestatus.Update.tree,.material3-dark .e-samplestatus.preview,.material3-dark .e-samplestatus.preview.tree,.material3-dark .e-samplestatus.Preview,.material3-dark .e-samplestatus.Preview.tree{margin:auto 0}.material3.e-bigger .e-badge.sb-badge.e-samplestatus.New,.material3.e-bigger .e-badge.sb-badge.e-samplestatus.new,.material3.e-bigger .e-badge.sb-badge.e-samplestatus.Update,.material3.e-bigger .e-badge.sb-badge.e-samplestatus.update,.material3.e-bigger .e-badge.sb-badge.e-samplestatus.Preview,.material3.e-bigger .e-badge.sb-badge.e-samplestatus.preview{padding:6px 8px;font-size:11px;border-radius:2px;height:24px;margin:2px 0}.material3-dark.e-bigger .e-badge.sb-badge.e-samplestatus.New,.material3-dark.e-bigger .e-badge.sb-badge.e-samplestatus.new,.material3-dark.e-bigger .e-badge.sb-badge.e-samplestatus.Update,.material3-dark.e-bigger .e-badge.sb-badge.e-samplestatus.update,.material3-dark.e-bigger .e-badge.sb-badge.e-samplestatus.Preview,.material3-dark.e-bigger .e-badge.sb-badge.e-samplestatus.preview{padding:6px 8px;font-size:11px;border-radius:2px;height:24px;margin:2px 0}.bootstrap5\.3-dark #search-input_popup .e-list-group-item,.bootstrap5\.3-dark #search-input_popup .e-fixed-head{color:#0d6efd;background:#212529}.bootstrap5\.3-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text{color:#FFF}.bootstrap5\.3-dark #search-input_popup .e-list-item{color:#fff;background:#212529}.bootstrap5\.3-dark .sb-plnr-section{height:30px}.bootstrap5\.3-dark .sample-navigation,.bootstrap5\.3-dark .sb-open-new-wrapper{line-height:38px}.bootstrap5 .sample-navigation{line-height:36px}.bootstrap5\.3-dark .sb-content,.bootstrap5\.3-dark textarea#ruleContent,.bootstrap5\.3-dark .sb-search-result .e-list-group-item{background:#212529}.bootstrap5\.3-dark .sb-home{color:#fff}.bootstrap5\.3-dark .sb-left-pane .e-listview .e-list-item.e-active:hover,.bootstrap5\.3-dark .sb-home,.bootstrap5\.3-dark .sb-reset-icon,.bootstrap5\.3-dark .sb-left-pane .e-listview .e-list-item{color:#fff}body.bootstrap5\.3-dark,.bootstrap5\.3-dark #sb-header-text,.bootstrap5\.3-dark .control-name,.bootstrap5\.3-dark .sb-switch-popup a{color:#fff}.bootstrap5\.3-dark .sb-header,.bootstrap5\.3-dark .sb-search-result .e-list-item,.bootstrap5\.3-dark .sb-search-result .e-list-group-item{background:#212529}.bootstrap5\.3-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-indicator{background:#0d6efd}.bootstrap5\.3-dark #left-sidebar{color:#c2c0c0;background:#212529}.bootstrap5\.3-dark #left-sidebar{border:none}.bootstrap5\.3-dark .sb-mobile-right-pane,.bootstrap5\.3-dark .property-panel-section{background:#212529}.bootstrap5\.3-dark .hljs-string,.bootstrap5\.3-dark .hljs-title,.bootstrap5\.3-dark .hljs-section,.bootstrap5\.3-dark .hljs-attribute,.bootstrap5\.3-dark .hljs-literal,.bootstrap5\.3-dark .hljs-template-tag,.bootstrap5\.3-dark .hljs-template-variable,.bootstrap5\.3-dark .hljs-type,.bootstrap5\.3-dark .hljs-addition,.bootstrap5\.3-dark .e-icons.back-icon,.bootstrap5\.3-dark .sb-plnr-section,.bootstrap5\.3-dark .description-header,.bootstrap5\.3-dark .sb-switch-popup li:first-child a,.bootstrap5\.3-dark .sb-icon-Hamburger:active,.bootstrap5\.3-dark .sb-theme-popup li.active .sb-theme-select,.bootstrap5\.3-dark .sb-theme-popup li:hover.active .sb-theme-select{color:#0d6efd!important}.bootstrap5\.3-dark .sb-left-pane .e-listview .e-list-group-item{color:#fff}.bootstrap5\.3-dark .sb-component-name,.bootstrap5\.3-dark .sb-action-description{color:#E2E3E3}.bootstrap5\.3-dark .sb-bread-crumb,.bootstrap5\.3-dark .sb-left-pane .e-listview .e-list-item.e-level-1,.bootstrap5\.3-dark .sb-bread-crumb .sb-bread-crumb-text>div,.bootstrap5\.3-dark .description-section{color:#dfe2e6}.bootstrap5\.3-dark .sb-content-section{background:#fff0}.bootstrap5\.3-dark .sb-theme-popup{background-color:#343a40;border:1px solid #495057;color:#fff}.bootstrap5\.3-dark .sb-content-section{border-radius:8px;border:1px solid #495057}.bootstrap5\.3-dark .sb-content-section .sb-content-tab-header{border-bottom:1px solid #495057}.bootstrap5\.3-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap:hover{background:#32373C}.bootstrap5\.3-dark .sb-switch-btn{color:#fff}.bootstrap5\.3-dark .sample-navigation>button:hover,.bootstrap5\.3-dark .sb-icon-Popout:hover,.bootstrap5\.3-dark .sb-setting-translate,.bootstrap5\.3-dark .sb-footer-links a,.bootstrap5\.3-dark .description-section a{color:#6ea8fe!important}.bootstrap5\.3-dark .sb-footer{color:#a0a1a3}.bootstrap5\.3-dark code,.bootstrap5\.3-dark .sb-switch-popup,.bootstrap5\.3-dark .sb-setting-popup,.bootstrap5\.3-dark .sb-search-result,.bootstrap5\.3-dark .sb-src-code,.bootstrap5\.3-dark .sb-api-section,.bootstrap5\.3-dark .copy-tooltip,.bootstrap5\.3-dark .e-icons.copycode,.bootstrap5\.3-dark #search-input-wrapper input,.bootstrap5\.3-dark #search-input-wrapper input::placeholder{color:#fff;background:#212529}.bootstrap5\.3-dark .sb-control-navigation .e-treeview .e-list-item>.e-fullrow{color:#fff;background:#212529;border:none}.bootstrap5\.3-dark .sb-search-btn:hover,.bootstrap5\.3-dark .sb-search-btn.active,.bootstrap5\.3-dark .sb-setting-btn:hover,.bootstrap5\.3-dark .sb-setting-btn.active,.bootstrap5\.3-dark .sb-switch-popup li:hover,.bootstrap5\.3-dark .theme-wrapper:hover,.bootstrap5\.3-dark .theme-wrapper.active,.bootstrap5\.3-dark .sb-theme-popup li:hover,.bootstrap5\.3-dark .sb-switch-btn:hover,.bootstrap5\.3-dark .sb-switch-btn.active,.bootstrap5\.3-dark .sb-search-result .e-list-item:hover,.bootstrap5\.3-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow,.bootstrap5\.3-dark #search-input_popup .e-list-item:hover{background-color:#363636}.bootstrap5\.3-dark .sb-left-pane .e-listview .e-list-item:hover{background-color:#32373c}.bootstrap5\.3-dark .setting-responsive .sb-responsive-items{width:104px;background-color:#363636;font-weight:500;line-height:30px;text-align:center;border:1px solid #fff0;display:table-cell;cursor:pointer}.bootstrap5\.3-dark .setting-responsive .sb-responsive-items.active{background-color:#0d6efd;color:#fff}.bootstrap5\.3-dark .cont,.bootstrap5\.3-dark .sb-content-tab.e-tab>.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-indicator{background-color:#0d6efd}.bootstrap5\.3-dark .sb-left-pane .e-listview .e-list-item.e-active,.bootstrap5\.3-dark .sb-left-pane .e-treeview .e-list-item.e-active>.e-fullrow{background-color:#316cf4;border-color:#212529}.bootstrap5\.3-dark .sb-control-navigation .e-treeview .e-list-item.e-hover>.e-fullrow{background:#0d6efd}.bootstrap5\.3-dark .sb-left-pane .e-listview .e-list-item:hover{color:#fff}.bootstrap5\.3-dark .control-name{color:#6ea8fe}.bootstrap5\.3-dark .sb-icon-Hamburger{color:#508cf5}.bootstrap5\.3-dark .sb-header-item,.bootstrap5\.3-dark .sb-icon-Popout,.bootstrap5\.3-dark .sample-navigation,.bootstrap5\.3-dark .sb-icon-Home{color:#a0a1a3}.bootstrap5\.3-dark .sb-left-pane,.bootstrap5\.3-dark .sb-mobile-left-pane,.bootstrap5\.3-dark .sb-body-overlay{background:#212529}.bootstrap5\.3-dark .sb-mobilefooter>.e-btn.e-flat{background:#212529;color:#fff}.bootstrap5\.3-dark .sb-mobilefooter>.e-btn.e-flat:hover{color:#0d6efd}.bootstrap5\.3-dark .sb-header-text-left,.bootstrap5\.3-dark .sb-header-text-right{color:#fff}.bootstrap5\.3-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active>.e-tab-wrap>.e-text-wrap>.e-tab-text,.bootstrap5\.3-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text:hover,.bootstrap5\.3-dark .sb-search-result .e-list-group-item,.bootstrap5\.3-dark .sb-plnr-section{color:#6ea8fe!important}.bootstrap5\.3-dark .sb-left-pane .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#32373c!important}.bootstrap5\.3-dark #search-input-wrapper .e-input-group{background-color:#212529}.bootstrap5\.3-dark .e-samplestatus.new,.bootstrap5\.3-dark .e-samplestatus.update,.bootstrap5\.3-dark .e-samplestatus.preview,.bootstrap5\.3 .e-samplestatus.new,.bootstrap5\.3 .e-samplestatus.update,.bootstrap5\.3 .e-samplestatus.preview{margin:0;padding:4px 5px;height:22px}.bootstrap5\.3 .e-samplestatus.new.tree,.bootstrap5\.3 .e-samplestatus.update.tree,.bootstrap5\.3 .e-samplestatus.preview.tree{margin:0px!important;padding:4px 5px;height:22px}.bootstrap5\.3-dark .e-samplestatus.new.tree,.bootstrap5\.3-dark .e-samplestatus.update.tree,.bootstrap5\.3-dark .e-samplestatus.preview.tree{margin:0px!important;padding:4px;height:22px}.bootstrap5\.3-dark.e-bigger .e-samplestatus.new,.bootstrap5\.3-dark.e-bigger .e-samplestatus.update,.bootstrap5\.3-dark.e-bigger .e-samplestatus.preview,.bootstrap5\.3.e-bigger .e-samplestatus.new,.bootstrap5\.3.e-bigger .e-samplestatus.update,.bootstrap5\.3.e-bigger .e-samplestatus.preview{margin:2px 0;padding:4px;height:22px}.bootstrap5\.3-dark.e-bigger .e-samplestatus.new.tree,.bootstrap5\.3-dark.e-bigger .e-samplestatus.update.tree,.bootstrap5\.3-dark.e-bigger .e-samplestatus.preview.tree{margin:8px 0;padding:4px;height:22px}.bootstrap5\.3.e-bigger .e-samplestatus.new.tree,.bootstrap5\.3.e-bigger .e-samplestatus.update.tree,.bootstrap5\.3.e-bigger .e-samplestatus.preview.tree{margin:9px -2px;padding:4px;height:22px}.bootstrap5\.3-dark .sb-left-pane .e-treeview .e-list-item.e-active>.e-text-content .e-list-text,.bootstrap5\.3-dark .sb-left-pane .e-treeview .e-list-item.e-hover>.e-text-content .e-list-text{color:#fff}.bootstrap5\.3-dark .sb-home-text,.highcontrast .sb-home-text{color:#fff}.bootstrap5\.3 .e-tab .e-tab-header:not(.e-vertical)::before{border-width:0}.bootstrap5\.3-dark .e-tab .e-tab-header:not(.e-vertical)::before{border-width:0}.bootstrap5\.3-dark .sb-left-pane .e-treeview .e-list-item.e-active>.e-fullrow{background-color:#316CF4;border-color:#F1F1F1}.bootstrap5\.3 .sb-home-text{color:#393B3F}.bootstrap5\.3 .sb-home-link{color:#353A3F}.bootstrap5\.3 .sb-bread-crumb .sb-bread-crumb-text>div{color:#353A3F}.bootstrap5\.3 .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active>.e-tab-wrap>.e-text-wrap>.e-tab-text,.bootstrap5\.3 .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text:hover{color:#316CF4}.bootstrap5\.3 .control-name{color:#316CF4}.bootstrap5\.3 .sb-component-name{color:#353A3F}.bootstrap5\.3 .sb-left-pane .e-listview .e-list-group-item{color:#222529}.bootstrap5\.3 .sb-footer-links a{color:#316CF4}.fluent2 .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active>.e-tab-wrap>.e-text-wrap>.e-tab-text,.fluent2 .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item:hover>.e-tab-wrap>.e-text-wrap>.e-tab-text,.fluent2 .sb-source-section .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,.fluent2 .sb-source-section .e-tab .e-tab-header .e-toolbar-item:hover .e-tab-text,.fluent2 .control-name,.fluent2 .sb-icon-Hamburger,.fluent2 .sb-footer-links a,.fluent2 .sb-plnr-section,.fluent2 .sb-open-new-wrapper a:hover,.fluent2 .sample-navigation>button:hover{color:#0f6cbd!important}.fluent2 .sb-left-pane .e-listview .e-list-item.e-hover,.fluent2 .sb-left-pane .e-listview .e-list-item.e-active,.fluent2 .sb-left-pane .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#d2ebff}.fluent2 .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-indicator{background:#0f6cbd}.fluent2 #left-sidebar{background:#fff}.fluent2 .sb-content-tab .e-content.sb-sample-content-area{background:#fff0}.fluent2 .sb-content-tab .e-tab-header.e-horizontal-bottom{border-radius:0 0 12px 12px}.fluent2 .sb-content-tab .e-tab-header.sb-content-tab-header{border-radius:12px 12px 0 0}.fluent2 .e-listview .e-list-group-item .e-list-text{padding:0 0 1px 0}.fluent .e-samplestatus.new.tree,.fluent .e-samplestatus.update.tree,.fluent .e-samplestatus.preview.tree{margin:6px 0;height:22px;margin-top:7px}.fluent2 .e-samplestatus.update,.fluent2 .e-samplestatus.preview{margin:2px 0;height:22px;margin-top:4px}.fluent2 .e-samplestatus.new{margin:6px 0;height:22px;margin-top:5px;margin-right:6px}.fluent2 .sb-badge{border-radius:2px;font-size:10px;color:#fff;padding:5px 6px;float:right;align-items:center;text-transform:capitalize;cursor:pointer}.fluent2-dark .sb-theme-select{color:#fff0}.fluent2-dark .e-samplestatus.new,.fluent2-dark .e-samplestatus.new.tree,.fluent2-dark .e-samplestatus.New,.fluent2-dark .e-samplestatus.New.tree,.fluent2-dark .e-samplestatus.update,.fluent2-dark .e-samplestatus.update.tree,.fluent2-dark .e-samplestatus.Update,.fluent2-dark .e-samplestatus.Update.tree,.fluent2-dark .e-samplestatus.preview,.fluent2-dark .e-samplestatus.preview.tree,.fluent2-dark .e-samplestatus.Preview,.fluent2-dark .e-samplestatus.Preview.tree{margin:auto 0}.fluent2.e-bigger .e-badge.sb-badge.e-samplestatus.New,.fluent2.e-bigger .e-badge.sb-badge.e-samplestatus.new,.fluent2.e-bigger .e-badge.sb-badge.e-samplestatus.Update,.fluent2.e-bigger .e-badge.sb-badge.e-samplestatus.update,.fluent2.e-bigger .e-badge.sb-badge.e-samplestatus.Preview,.fluent2.e-bigger .e-badge.sb-badge.e-samplestatus.preview{padding:1px 8px;font-size:10px;border-radius:2px;height:24px;margin:8px 3px!important}.fluent2-dark.e-bigger .e-badge.sb-badge.e-samplestatus.New,.fluent2-dark.e-bigger .e-badge.sb-badge.e-samplestatus.new,.fluent2-dark.e-bigger .e-badge.sb-badge.e-samplestatus.Update,.fluent2-dark.e-bigger .e-badge.sb-badge.e-samplestatus.update,.fluent2-dark.e-bigger .e-badge.sb-badge.e-samplestatus.Preview,.fluent2-dark.e-bigger .e-badge.sb-badge.e-samplestatus.preview{padding:1px 8px;font-size:10px;border-radius:2px;height:24px;margin:7px 3px!important}.sb-switch-popup{background-color:#FFF;border:1px solid #CCC;opacity:100%;border-radius:4px;box-shadow:0 0 1px -3PX;;color:#000;opacity:100;font-size:13px;font-family:"Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif"}.sb-header-settings{display:none}.sb-header{height:48px;background:#FFF;box-shadow:0 8px 11px -6px rgb(0 0 0 / .12);z-index:20;opacity:100}.sb-header1{height:48px;position:fixed;top:0;width:100%;background-color:#f8d7da;color:#721c24;padding:10px;text-align:center;z-index:21;display:flex;align-items:center}.close-button{font-size:20px;font-weight:700;margin:0 10px}.banner-message{flex-grow:1}.sb-header-left,.sb-header-right{height:100%}.sb-settings-wrapper{padding:0 20px 0 10px}.sb-search-wrapper{padding:0 10px 0 24px}.sb-header-preview{background:url(images/preview.svg) no-repeat right;height:100%;width:75px}#sb-setting-theme_popup{z-index:1003!important}#search-input_popup{z-index:10000024;border-radius:4px;margin-top:5px}.sb-search-btn,.sb-setting-btn{width:32px;height:27px;border-radius:2px;text-align:center}.sb-switch-btn{display:flex;align-items:center;justify-content:space-between;margin-top:1px;margin-left:5px;margin-right:20px;background:#fff0;height:32px;padding:8px;border-radius:2px}.sb-switch-btn #sb-dark-span{font-size:14px;font-family:"Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif";margin-left:5px}.sb-theme-splitter{float:right;border-left:1px solid #c4c4c4;height:32px;margin-right:3px}.sb-search-btn:hover,.sb-search-btn.active,.sb-switch-btn:hover,.sb-switch-btn.active,.sb-setting-btn:hover,.sb-setting-btn.active{background-color:#d8d8d8}#sb-toggle-left{padding-left:15px;font-size:24px}#sb-header-text{padding-left:22px;font-size:15px;color:#000;font-family:"Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif";opacity:87%}.sb-lang-toggler{font-size:20px}.sb-lang-toggler-wrapper{padding-top:4px}.sb-theme-text{font-size:13px;font-family:"Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif";opacity:54}.sb-header-right .sb-icons{font-size:20px}.sb-header-splitter{float:left;border-left:1px solid #c4c4c4;height:32px;margin-top:8px;padding-right:22px}.toggle-active{color:#3C78EF}.control-animate{transform:translateX(-280px)}.control-reverse-animate{transform:translateX(280px)}.control-transition{transition:transform 500ms}.control-fullview{left:0px!important}.sb-download-btn a{text-decoration:none}.sb-download-text{color:#fff}.sb-download-wrapper{padding-right:27px}.theme-wrapper:hover,.theme-wrapper.active{background-color:#d8d8d8}.theme-wrapper{height:32px;margin-top:5px;margin-right:10px;cursor:default;padding:0 10px;border-radius:2px}.theme-wrapper>div{float:left;padding-left:3px;line-height:32px;letter-spacing:.5px}.sb-download-btn{background-color:#006ee5;opacity:100;border-radius:2px;font-family:"Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif";font-weight:500;line-height:18px;height:32px;border-color:#fff0}.sb-header-settings{display:none}#search-popup ul,.sb-popups ul{list-style:none;margin:0;padding:0}.sb-popups li{font-size:14px;font-family:"Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif"}.switch-text{padding-left:2px}.sb-switch-popup ul{padding:5px 0}.sb-switch-popup{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.sb-switch-popup li:first-child{color:#3C78EF}.sb-switch-popup li:hover{background:#eee}.sb-switch-popup a{text-decoration:none;color:#000;cursor:default;padding:10px 38px 12px 15px;display:block}.sb-theme-popup{background:#FFF;border:1px solid #CCC;box-shadow:0 1px 3px 0 rgb(0 0 0 / .36);border-radius:4px;padding-top:23px;width:175px;z-index:1001}.sb-theme-popup li{padding-top:4px;line-height:30px;cursor:default}.sb-theme-select{padding-left:3px;vertical-align:middle;font-size:20px;color:#fff}.sb-theme-popup li:hover{background:#eee}.sb-theme-popup li:hover .sb-theme-select{color:#fff0}.sb-theme-popup li.active .sb-theme-select{color:#ff6d3f}.sb-theme-popup li:hover.active .sb-theme-select{color:#ff6d3f}.toggle-active{color:#3C78EF}.e-search-overlay{z-index:10000022;display:block;position:absolute;width:100%;height:100%;background-color:rgb(126 125 125 / .78)}#search-input-wrapper{width:75%;height:38px;margin-top:50px;margin-left:13.5%}#search-input-wrapper input{border-color:#fff0;border-radius:4px;padding-left:6px;outline:none;width:100%;height:33px;color:#3f3f3f;font-size:14px;font-family:"Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif"}#search-input-wrapper .e-input-group{border:none;border-radius:4px;height:36px;background:#fff}.material3 #search-input-wrapper .e-input-group{border:none;border-radius:4px;background:#fff;height:auto}.fluent-dark #search-input-wrapper .e-input-group,.bootstrap-dark #search-input-wrapper .e-input-group,.tailwind-dark #search-input-wrapper .e-input-group,.material-dark #search-input-wrapper .e-input-group,.tailwind3-dark #search-input-wrapper .e-input-group,.material-dark #search-input-wrapper .e-input-group,.material3-dark #search-input-wrapper .e-input-group,.fabric-dark #search-input-wrapper .e-input-group,.bootstrap5-dark #search-input-wrapper .e-input-group,.highcontrast #search-input-wrapper .e-input-group{background:#212529}#search-input-wrapper .e-input-group,#search-input-wrapper .e-input-group.e-input-focus{top:-15px}#search-input_popup .e-list-group-item,#search-input_popup .e-fixed-head{background-color:#ecebeb;font-size:15px;vertical-align:middle;line-height:36px;border-left:none;border-right:none;text-transform:uppercase;font-weight:500}#search-input_popup .e-list-item{line-height:36px}#search-input-wrapper .e-clear-icon{background-color:#111827!important;color:#fff}#search-input-wrapper .e-input-focus:before,#search-input-wrapper .e-input-focus:after{background:#fff0;height:0}.sb-search-result{background:#FFF;border:1px solid #CCC;box-shadow:0 1px 3px 0 rgb(0 0 0 / .36);border-radius:4px;width:75%}.sb-search-result .e-list-group-item{background-color:#f7f7f7;font-size:13px;vertical-align:middle;line-height:28px;min-height:28px;border-left:none;border-right:none;text-transform:uppercase;font-weight:500;color:#2c2c2c;padding-left:0;text-indent:6px}#search:hover{background-color:#007dd1}.sb-search-result .e-list-item{line-height:36px}.sb-search-result .e-list-item:hover{background-color:#e2f2ff;cursor:default}.sb-search-result li{padding-left:0;text-indent:6px;font-size:13px;font-family:"Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif";font-weight:400;color:#2c2c2c}.search-no-record{font-family:"Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif";font-weight:500;cursor:default}.sb-setting-popup .sb-setting-header{padding-top:12px;padding-left:16px;padding-bottom:12px;line-height:15px;font-family:"Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif";font-weight:500;font-size:16px;border-bottom:1px solid #CCC;z-index:1001}.sb-setting-popup{width:242px;background-color:#FFF;border:1px solid #CCC;box-shadow:0 1px 3px 0 rgb(0 0 0 / .36);border-radius:4px;cursor:default}.setting-label{padding-bottom:5px}.sb-setting-content{padding:4px 16px 4px 16px}.setting-label{font-size:14px;display:table}.setting-label div{display:table-cell}.sb-setting-text{position:relative;top:-2px}.sb-setting-icons{padding-right:14px;font-size:18px;color:#9e9e9e}.set-border-radious-touch{border-bottom-left-radius:4px;border-top-left-radius:4px}.set-border-radious-mouse{border-bottom-right-radius:4px;border-top-right-radius:4px}.setting-responsive{display:table}.setting-responsive .sb-responsive-items:hover{border-color:rgb(239 230 230 / .2)}.setting-responsive .sb-responsive-items{width:104px;background-color:#e8e8e8;font-weight:500;line-height:30px;text-align:center;border:1px solid #fff0;display:table-cell;cursor:pointer}.setting-responsive .sb-responsive-items:first-child{border-right:none}.setting-responsive .sb-responsive-items:last-child{border-left:none}.setting-responsive .sb-responsive-items.active{background-color:#1783ff;color:#fff}.sb-setting-theme-section{display:none}.sb-setting-item{padding-bottom:12px}#sb-setting-culture_popup{z-index:1002}#sb-setting-currency_popup{z-index:1002}.sb-content{top:48px;background:#fff}.copycode::before{content:'\e70a';font-size:25px}.bootstrap4 .copycode::before{content:'\e77b';font-size:25px}.tailwind .copycode::before,.tailwind3 .copycode::before{content:'\e77c';font-size:25px}.tailwind-dark .copycode::before,.tailwind3-dark .copycode::before{content:'\e77c';font-size:25px}.bootstrap5 .copycode::before{content:'\e77c';font-size:25px}.bootstrap5-dark .copycode::before{content:'\e77c';font-size:25px}.fluent .copycode::before{content:'\e77c';font-size:25px}.fluent-dark .copycode::before{content:'\e77c';font-size:25px}.fluent2 .copycode::before{content:'\e77c';font-size:25px}.fluent2-dark .copycode::before{content:'\e77c';font-size:25px}.material3 .copycode::before{content:'\e77c';font-size:25px}.material3-dark .copycode::before{content:'\e77c';font-size:25px}.material-dark #search-input-wrapper .e-input-group{background-color:#383838;height:40px}.fluent .e-items.e-toolbar-items{min-height:45px}.fluent-dark .sb-theme-select{color:#fff0}.copy-tooltip{line-height:32px;width:32px;position:absolute;cursor:pointer;right:12px;top:12px;background:#f4f4f4;border-radius:2px}.copy-tooltip.e-control.e-tooltip:hover{background:#D8D8D8}.sb-home{display:table;width:100%;padding:12px 14px;height:66px;position:relative}.sb-home:hover{cursor:pointer}.sb-home-link{display:table-cell;width:14px;color:#717171}.sb-home-text{position:absolute;top:27px;font-family:"Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif";font-size:15px;font-weight:500;padding-left:16px;color:#272727}.fluent-dark .sb-home-text,.highcontrast .sb-home-text{color:#fff}.fluent .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-indicator,.fluent-dark .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-indicator{display:none}.material-dark #msg,.tailwind-dark #msg,.tailwind3-dark #msg,.bootstrap-dark #msg,.bootstrap5-dark #msg,.fluent-dark #msg,.material3-dark #msg,.fabric-dark #msg,.bootstrap5\.3-dark #msg{color:#F1F1F1!important}.sb-component-name h1{font-size:18px;margin:0;font-weight:700}.sb-badge{line-height:10px;border-radius:2px;font-size:11px;color:#fff;padding:6px 8px;float:right;align-items:center;text-transform:capitalize}.e-samplestatus.new,.e-samplestatus.New{background-color:#1d8739}.e-samplestatus.update,.e-samplestatus.Update{background-color:#fff;border:1px solid #1d8739!important;color:#1d8739!important}.e-samplestatus.preview,.e-samplestatus.Preview{background-color:#0275d8}.e-samplestatus.new,.e-samplestatus.New,.e-samplestatus.update,.e-samplestatus.Update,.e-samplestatus.preview,.e-samplestatus.Preview{margin-top:6.5px;margin-bottom:6.5px;max-width:60px}.e-bigger .e-samplestatus.new,.e-bigger .e-samplestatus.New,.e-bigger .e-samplestatus.update,.e-bigger .e-samplestatus.Update,.e-bigger .e-samplestatus.preview,.e-bigger .e-samplestatus.Preview{margin-top:13px;margin-bottom:13px;max-width:65px}.e-samplestatus.new.tree,.e-samplestatus.New.tree,.e-samplestatus.update.tree,.e-samplestatus.Update.tree,.e-samplestatus.preview.tree,.e-samplestatus.Preview.tree{margin-top:4px;margin-bottom:4.5px;margin-right:-10px}.e-bigger .e-samplestatus.new.tree,.e-bigger .e-samplestatus.New.tree,.e-bigger .e-samplestatus.update.tree,.e-bigger .e-samplestatus.Update.tree,.e-bigger .e-samplestatus.preview.tree,.e-bigger .e-samplestatus.Preview.tree{margin-top:8px;margin-bottom:10px;margin-right:-10px}.sb-left-pane{width:280px;height:100%}.sb-left-footer{display:none}.sb-left-pane .e-listview,.sb-left-pane .e-treeview{font-family:"Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif"}.sb-left-pane .e-listview .e-list-item{background:#fff0;border:none}.sb-left-pane .e-listview .e-list-item.e-hover,.sb-left-pane .e-listview .e-list-item.e-active{background-color:#d2ebff;color:#000}.highcontrast .sb-left-pane .e-listview .e-list-item.e-active:hover{color:#fff}.sb-left-pane .e-listview .e-list-group-item{border:none;color:#000;opacity:87;font-family:"Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif";font-weight:700;background:#fff0}.sb-left-pane .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#d2ebff}.highcontrast .sb-left-pane .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#ffd939}.tailwind3-dark .sb-left-pane .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#1A212F!important;border:none}.highcontrast .sb-control-navigation .e-treeview .e-list-item.e-hover>.e-text-content .e-list-text,.highcontrast .sb-control-navigation .e-treeview .e-list-item.e-hover .e-icons.e-icon-collapsible{color:#000}#controlList .e-list-group-item .e-list-text{font-size:16px;font-weight:700}.fluent2-dark #controlList .e-list-group-item .e-list-text{color:#fff}#controlTree ul.e-list-parent{padding-left:10px}#controlTree ul.e-list-parent.e-ul{overflow-y:hidden}#controlTree{overflow-y:auto;position:absolute;border:none;-webkit-overflow-scrolling:touch}.sb-left-pane #sb-left-back{padding:12px 18px;width:100%;display:table;cursor:pointer}.sb-adjust-juggle{top:50px}#controlList{overflow-y:auto;position:absolute;padding-left:5px;top:50px;border:none;-webkit-overflow-scrolling:touch}.sb-control-navigation{top:66px}.sb-control-list-top{top:116px}.sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-indicator{background:#0278d7;display:block}.highcontrast .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-indicator{background:#ffd939}.sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active>.e-tab-wrap>.e-ripple-element{background:rgb(2 120 215 / .1)}.sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active>.e-tab-wrap>.e-text-wrap>.e-tab-text,.sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text:hover{color:#0278d7}.highcontrast .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active>.e-tab-wrap>.e-text-wrap>.e-tab-text,.highcontrast .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text:hover{color:#ffd939}.highcontrast .e-samplestatus.new.tree,.highcontrast .e-samplestatus.update.tree,.highcontrast .e-samplestatus.preview.tree{margin:6px 0;height:22px;margin-top:4px}.highcontrast .sb-badge{line-height:10px;border-radius:2px;font-size:11px;color:#fff;padding:5px 8px;float:right;align-items:center;text-transform:capitalize}.sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text{color:#333;font-size:16px;font-weight:500;font-family:"Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif"}.highcontrast .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text{color:#fff}.sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active,.sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active>.e-tab-wrap>.e-text-wrap::before{border:none}.sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap{padding-left:12px;padding-right:12px}.sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text>.sb-tab-title{padding-left:8px}.sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap:hover{background:#fff0}.sb-left-back{height:50px}#controlList .e-content,#controlList .e-list-container{background-color:#fff0}.back-icon::before{content:'\e962';font-size:17px}.back-icon{vertical-align:middle;display:table-cell;width:17px}.sb-left-pane{overflow-x:hidden;position:relative;display:block}.property-section{padding-bottom:15px}.control-name{display:table-cell;padding-left:25px;font-weight:400;font-size:16px;color:#6366F1}.sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow{background-color:#F1F1F1;border-color:#F1F1F1}.highcontrast .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow{background-color:#ffd939;border-color:#ffd939}.sb-control-navigation .e-treeview .e-list-item.e-active>.e-text-content .e-list-text{color:#000}.sb-left-pane-header{display:none}.sb-right-pane{left:280px;padding-left:26px;padding-right:26px;overflow-y:auto;-webkit-overflow-scrolling:auto}.sb-animate-left{transition-duration:400ms;transition-property:left}.sb-content-section{border:1px solid #D7D7D7;border-radius:12px;opacity:100;height:100%}.sb-content-section .sb-content-tab-header{border-bottom:1px solid #D7D7D7}.sb-source-section .e-tab .e-header .e-indicator{display:none}.sb-source-section .e-tab .e-header{border-top:1px solid #D7D7D7}.sb-source-section .e-tab .e-header .e-toolbar-item.e-active .e-tab-text{color:#3C78EF}.sb-right-pane-overlay{pointer-events:none}.description-section{padding-top:32px}.description-section a.code:link,a.code:visited{text-decoration:inherit;color:inherit;cursor:auto}#sb-source-tab .e-tab-text{text-transform:lowercase}.sb-left-pane-footer{display:none}.description-header{font-family:"Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif";padding-bottom:10px;opacity:87;font-weight:500;line-height:21px;color:#000}.control-section{padding-top:20px;padding-bottom:20px;min-height:350px}.sb-sample-content-area{min-height:350px}.sb-src-code{white-space:pre;padding:10px;overflow-x:auto;min-height:320px}.sb-bread-crumb{padding-top:6px;padding-bottom:24px}.sb-action-description{padding-bottom:16px}.sb-component-name{padding-top:24px;color:#000;font-family:"Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif";font-weight:600;line-height:24px;font-size:18px}.sb-bread-crumb-text{display:table;line-height:21px}.sb-bread-crumb .sb-bread-crumb-text>div{font-size:13px;font-weight:400;padding-right:8px;cursor:default;display:table-cell;color:#757575}.highcontrast .sb-bread-crumb .sb-bread-crumb-text>div{color:#fff}.sb-plnr-section{padding-right:17px;font-size:14px;height:38px;line-height:35px;color:#3C78EF;border:none;background:none}.sb-desktop-setting{display:inline-flex}.sb-mobile-setting{display:none}.sb-plnkr-text{font-size:15px}.sb-icons-plnkr{padding-right:3px;top:1px;position:relative}.sb-plnr-section:hover{color:#1783ff;cursor:pointer}.sb-toolbar-splitter{border-left:1px solid #c4c4c4;height:34px;margin-top:3px}.sb-content-toolbar>div{padding-right:15px}.sample-navigation button:disabled{cursor:not-allowed;color:#5a5a5a}button#mobile-prev-sample,button#mobile-next-sample{border-radius:4px}button#mobile-prev-sample,button#mobile-next-sample{color:#5a5a5a;border:none;background-color:#fff0;width:50%;text-align:center;height:100%}.fluent2-dark button#mobile-prev-sample,.fluent2-dark button#mobile-next-sample{background:#292929;color:#fff}.fluent2-dark button#mobile-prev-sample:hover,.fluent2-dark button#mobile-next-sample:hover{color:#ADADAD!important}.material3-dark button#mobile-prev-sample,.material3-dark button#mobile-next-sample{background:#2b2831;color:#fff}.material3-dark #search-input_popup .e-list-group-item,.material3-dark #search-input_popup .e-fixed-head{background-color:rgba(var(--color-sf-on-surface),.04)!important}.material3-dark #search-input_popup .e-fixed-head{color:#fff0}.material3-dark #search-input_popup .e-list-item.e-item-focus,.material3-dark #search-input_popup .e-list-item:hover{background-color:rgb(255 255 255 / .12)}.bootstrap5-dark button#mobile-prev-sample,.bootstrap5-dark button#mobile-next-sample{background:#212529;color:#fff}.tailwind-dark button#mobile-prev-sample,.tailwind-dark button#mobile-next-sample{background:#1f2937;color:#fff}.tailwind3-dark button#mobile-prev-sample,.tailwind3-dark button#mobile-next-sample{background:#1f2937;color:#fff}.highcontrast button#mobile-prev-sample,.highcontrast button#mobile-next-sample{background:#000;color:#fff}.fluent-dark button#mobile-prev-sample,.fluent-dark button#mobile-next-sample{background:#201F1E;color:#fff}.sample-navigation,.sb-open-new-wrapper{font-size:25px;line-height:40px;color:#5a5a5a;cursor:pointer}.sample-navigation>button{background:#fff0;border:none}.sample-navigation>button:hover{color:#1783ff!important}button#tab-navigation-prev{padding-right:15px}.sb-custom-item.back-navigation{line-height:37px}.sb-custom-item.back-navigation{display:inline-flex}.sb-open-new-wrapper{padding:0 16px}.sb-open-new-wrapper a{color:#5a5a5a;text-decoration:none}.sb-open-new-wrapper a:hover{color:#1783ff}.sb-content-toolbar{position:absolute;right:0;display:inline-flex}.e-bigger .sb-content-toolbar{padding:5px 0}.sb-bread-crumb-text>div.seperator{font-weight:500;font-size:13px;font-family:'sbicons';vertical-align:bottom}.sb-source-code-section .e-header .sb-api-section{padding:20px}.e-custDesription{max-height:45px;text-overflow:ellipsis;white-space:normal}.e-custDesription .sb-api-content{overflow:hidden;height:36px}.e-display{display:none}.sb-sample-description{white-space:normal}.property-panel-header{padding-top:22px;padding-bottom:20px;font-weight:600;font-size:15px}.property-panel-section{padding-left:12px}.sb-property-border{border-right:1px solid #D7D7D7}#sb-sample-splitter{position:absolute;height:100%;right:33.33333333%;top:0;border-left:1px solid #c4c4c4}.property-panel-table td{width:50%;margin-top:3px}.property-panel-table{width:100%}.property-panel-table div{padding-left:10px;padding-top:10px}.sb-footer{height:100px;width:calc(100% + 36px);position:relative;border-top:1px solid #D5D5D5;margin-top:24px}.sb-footer-left{position:absolute}.sb-footer-links a{color:#1783FF;text-decoration:none;cursor:pointer}.sb-footer-links{display:table}.sb-footer-link{display:table-cell;padding:20px 30px 12px 0}.sb-footer-copyright{padding-bottom:24px}.sb-footer-logo{padding:36px 36px 27px 0;right:0;position:absolute}.sb-footer-logo-icon{background:url(images/sb-icons/Syncfusion-logo.svg) no-repeat right;height:40px;width:140px}.sb-highlight{font-weight:700;vertical-align:baseline!important}#sb-content>.sb-content-tab-header .sb-icons{padding-right:3px}@media (max-width:335px){#sb-header-text{padding-left:12px}.sb-header-preview{width:65px}}@media (max-width:1200px){#sb-sample-splitter{display:none}}@media (max-width:900px){.sb-desktop-setting{display:none}.copy-tooltip{display:none}.control-section{min-height:150px}.e-sb-header-text>.sb-header-text-left{display:none}}@media (max-width:764px){.theme-wrapper{display:none}.sb-setting-theme-section{display:block}.sb-responsive-section{display:none}}.sb-mobilefooter{display:none}@media(max-width:640px){.sb-header-text-left{display:none}}@media (max-width:550px){.description-section{padding-left:10px;padding-right:5px}.e-ddl.e-popup,#sb-setting-theme_popup{z-index:100001}.sb-left-pane{position:fixed;overflow-y:auto;-webkit-overflow-scrolling:touch}.sb-left-footer{padding-top:20px;margin-top:20px;border-top:1px solid #CCC;display:block}.sb-left-pane-footer,.sb-mobile-setting{display:block;padding-top:20px;margin-top:0}#controlSamples{position:relative;top:0}#controlList{top:0;position:unset}#controlTree{top:0;position:unset;overflow:hidden}.sb-component-name{padding-top:12px;padding-bottom:5px}.sb-bread-crumb{padding-top:6px;padding-bottom:24px;font-size:13px}.sb-right-pane{padding-left:0;padding-right:0}.sb-rightpane-padding{padding-left:10px;padding-right:5px}.sb-content-section{border-left:none;border-right:none}.sb-download-splitter,.sb-download-wrapper{display:none}.sb-header-text-left{display:none}.sb-header-settings{display:block;padding-right:24px;padding-top:6px}.sb-header-settings:before{content:'\e923';font-size:24px}.sb-settings-wrapper{display:none}.sb-mobile-left-pane{z-index:10000;height:100%;width:280px}.sb-mobile-overlay{width:100%;position:fixed;height:100%;background-color:rgb(0 0 0 / .5);z-index:1000}.sb-mobile-right-pane{background:#fbfbfb;position:relative;width:280px;height:100%;float:right;z-index:10000}.highcontrast .sb-mobile-right-pane,.highcontrast .property-panel-section{background:#000}.sb-mobile-preference{width:100%;height:100%;position:absolute}.sb-setting-header{padding:16px 0 16px 18px;font-weight:600;line-height:35px}.sb-setting-content{padding-left:18px;padding-top:0}.sb-setting-theme-section{display:block;padding:16px 0}.sb-icon-Palette{padding-right:10px}.sb-icon-Palette:before{font-size:25px}.sb-setting-text{font-size:16px}#sb-setting-theme{width:100%;height:32px;border-radius:3px}.sb-setting-item{padding:16px 0}.sb-icon-Responsive{padding-right:10px}.sb-icon-Responsive:before{font-size:25px}.setting-content.btn-group.setting-responsive{width:244px}#settings-popup{right:0;top:0;border:none;box-shadow:none;width:280px;height:100%;position:fixed;left:unset}.property-panel-section,.property-section{padding-left:0;padding-right:0;position:fixed;top:0;right:0;background:#fbfbfb;bottom:0;z-index:1001;width:286px}.fluent2-dark .property-panel-section{background:#1C1B1F}.property-panel-header{padding:22px 0 0 20px;font-size:16px;font-weight:600;height:60px;border-bottom:1px solid #CCC}.property-panel-content{padding-left:20px;padding-right:20px;padding-top:12px}.sb-left-pane-header{display:block}.sb-desktop-setting{display:inline-flex}.sb-desktop-setting.sb-hide{display:block}.sb-toolbar-splitter{display:none}.sb-plnr-section{display:none}.sb-right-pane{left:0;padding-bottom:32px;height:93%}.sample-navigation{display:none}.sb-mobilefooter>.e-btn.e-flat{color:#5a5a5a;border:none;background-color:#fff0;width:50%;text-align:center;height:100%}.highcontrast .sb-mobilefooter>.e-btn.e-flat{background:#000;color:#fff}.sb-mobilefooter>.e-btn.e-disabled:hover{color:#5a5a5a}.sb-mobilefooter>.e-btn.e-flat:hover{color:#1783ff}.highcontrast .sb-mobilefooter>.e-btn.e-flat:hover{color:#ffd939}.sb-mobilefooter>.e-btn.e-disabled:hover{color:#5a5a5a}.sb-mobilefooter{top:91%;background-color:#e6e4e4;font-size:15px;display:inline-block;z-index:20}.sb-mobilefooter>button:focus{outline:none}.sb-mobile-setting{display:block;padding-top:3px}.sb-right-pane{left:0;padding-bottom:32px}.sb-left-pane{z-index:10010;background:#fff}.highcontrast .sb-left-pane{background:#000}.sb-footer-link{padding:20px 16px 0 16px}.sb-footer-copyright{padding:16px 16px 10px}.sb-ej2{display:table;padding:16px 16px 22px;padding-bottom:5px}.sb-mobile-logo{background:url(images/sb-icons/Syncfusion-mobile-logo.svg) no-repeat;width:27px;height:27px;display:table-cell}.sb-name{display:table-cell;font-family:"Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif";font-size:21px;font-weight:500;padding-left:10px}.sb-mobile-header-buttons{display:table;width:100%;padding-top:20px;border-top:1px solid #CCC}.sb-mobile-header-about{width:114px;height:37px;background-color:#fff;font-weight:500;line-height:24px;text-align:center;border:1px solid;cursor:pointer;display:inline-flex;margin-left:16px;margin-top:9px;padding:6px 30px;color:#3C78EF;border-radius:2px}.sb-mobile-header-price{width:114px;background-color:#3C78EF;font-weight:500;line-height:24px;text-align:center;border:1px solid #fff0;cursor:pointer;display:inline-table;margin-left:72px;margin-top:-15px;padding:6px 12px;color:#fff;border-radius:2px}.sb-mobile-header-button:active{background-color:#1783FF}.sb-footer{display:none}.atlwdg-trigger.atlwdg-SUBTLE{bottom:43px}.atlwdg-popup{width:100%}span.sb-icon-Next,span.sb-icon-Previous{font-size:18px}}.sb-body-overlay{z-index:10000023;display:block;position:absolute;width:100%;height:100%;background-color:rgb(255 255 255);overflow:hidden;pointer-events:none}.sb-content-overlay{z-index:10000022;display:block;position:absolute;width:100%;height:100%;background-color:#fff0;overflow:hidden;pointer-events:none;left:0}.sb-loading{width:56px;height:56px;position:absolute;top:calc(50% - 28px);left:calc(50% - 28px);z-index:10000;border-radius:50%;padding:3px;box-shadow:0 3px 1px -2px rgb(0 0 0 / .2),0 2px 2px 0 rgb(0 0 0 / .14),0 1px 5px 0 rgb(0 0 0 / .12);overflow:hidden;display:inline-block;background:#fff}.circular{animation:rotate 2s linear infinite;height:50px;width:50px;border-radius:50%}.path{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round;stroke:#ff4081}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}100%{stroke-dasharray:89,200;stroke-dashoffset:-124}}#sb-setting-theme_options li[data-value="highcontrast"],#sb-setting-theme_options li[data-value="fluent"],#sb-setting-theme_options li[data-value="tailwind"],.sb-hide{display:none}.highcontrast .sb-content{background:#000}.highcontrast .sb-search-result .e-list-item{background:#000;height:45px;line-height:38px}.highcontrast #search-input_popup .e-list-group-item{background:#000;border-top:2px solid #969696;height:45px;line-height:38px}.highcontrast code,.highcontrast .sb-switch-popup,.highcontrast .sb-header,.highcontrast .sb-setting-popup,.highcontrast .sb-search-result,.highcontrast .sb-src-code,.highcontrast .sb-api-section,.highcontrast .sb-theme-popup,.highcontrast .copy-tooltip,.highcontrast #search-input-wrapper input,.highcontrast #search-input-wrapper input::placeholder{color:#fff;background:#000}.highcontrast .e-icons.copycode{color:#fff;background:#000;border-bottom:1px solid #969696}.highcontrast .sb-theme-select{color:#000}.highcontrast #search-input-wrapper input{background:#000;border-bottom:1px solid #969696}body.highcontrast,.highcontrast #sb-header-text,.highcontrast .control-name,.highcontrast .sample-navigation,.highcontrast .sb-icon-Popout,.highcontrast .sb-switch-popup a{color:#fff}.highcontrast .sb-body-overlay{background-color:#000}.highcontrast a,.highcontrast a:hover{color:#1783FF}.highcontrast .hljs-string,.highcontrast .hljs-title,.highcontrast .hljs-section,.highcontrast .hljs-attribute,.highcontrast .hljs-literal,.highcontrast .hljs-template-tag,.highcontrast .hljs-template-variable,.highcontrast .hljs-type,.highcontrast .hljs-addition,.highcontrast .e-icons.back-icon,.highcontrast .sb-plnr-section,.highcontrast .sb-bread-crumb,.highcontrast .sb-component-name,.highcontrast .sb-icon-Hamburger,.highcontrast .sb-icon-Home,.highcontrast .description-header,.highcontrast .sb-setting-translate,.highcontrast .sample-navigation>button:hover,.highcontrast .sb-switch-popup li:first-child,.highcontrast .sb-left-pane .e-listview .e-list-group-item,.highcontrast .sb-theme-popup li.active .sb-theme-select{color:#ffd939}.highcontrast .sb-left-pane .e-listview .e-list-item.e-active{background:#ffd939;color:#000}.highcontrast .theme-wrapper>div{padding-left:2px}.highcontrast #left-sidebar{color:#fff;background:#000}.highcontrast #left-sidebar{border:none}.highcontrast .sb-content-section,.highcontrast .sb-switch-popup .highcontrast .sb-content-tab-header,.highcontrast .sb-content-section .sb-content-tab-header{background:#000;border-color:#969696}.highcontrast .sb-header{background:#000;border-bottom:1px solid #969696}.highcontrast .sb-switch-popup{background:#000}.highcontrast .sb-theme-popup{background:#000}.highcontrast .sb-footer{border-color:#969696;background-color:#000}.highcontrast .sb-search-btn:hover,.highcontrast .sb-search-btn.active,.highcontrast .sb-setting-btn:hover,.highcontrast .sb-setting-btn.active,.highcontrast .sb-switch-popup li:hover,.highcontrast .theme-wrapper:hover,.highcontrast .theme-wrapper.active,.highcontrast .sb-theme-popup li:hover,.highcontrast .sb-search-result .e-list-item:hover,.highcontrast .sb-left-pane .e-listview .e-list-item:hover{background-color:#685708}.highcontrast .sb-search-btn:hover,.highcontrast .sb-search-btn.active,.highcontrast .sb-setting-btn:hover,.highcontrast .sb-setting-btn.active{border:1px solid #969696}.highcontrast .sb-switch-popup li:hover,.highcontrast .sb-search-result .e-list-item:hover{border-left:none;border-right:none;border-bottom:2px solid #fff;border-top:2px solid #fff}.highcontrast .setting-responsive .sb-responsive-items.active{background:#ffd939;color:#000}.highcontrast .setting-responsive .sb-responsive-items{background:#333;color:#fff}.highcontrast .hljs-keyword,.highcontrast .hljs-selector-tag,.highcontrast .hljs-built_in,.highcontrast .hljs-name,.highcontrast .hljs-tag,.highcontrast .sb-source-section .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text{color:lime}.sb-left-pane .e-treeview .e-list-text{width:100%}.sb-left-pane .e-treeview .e-text-content{padding-right:16px}.tree-text{float:left}.sb-control-navigation .e-treeview .tree-text{width:calc(100% - 69px);text-overflow:ellipsis;overflow:hidden}.tree-badge{float:right}#search-input_popup .e-dropdownbase .e-list-item.e-hover{background-color:#d2ebff}.highcontrast #search-input_popup .e-dropdownbase .e-list-item.e-hover{background-color:#d6c667}.highcontrast .sb-setting-popup{background:#000}.highcontrast .sb-src-code{background:#000;color:#fff}.sb-icon-Back:before{content:'\e962';font-size:17px}.sb-icons.sb-icon-Back{vertical-align:middle;display:table-cell;width:17px}.fluent2-dark .sb-icons.sb-icon-Back{color:#d6d6d6}@font-face{font-family:'sb-new-icons';src:url(images/sb-new-icons/fonts/icomoon.ttf?gcjn6a) format('truetype'),url(images/sb-new-icons/fonts/icomoon.woff?gcjn6a) format('woff'),url('images/sb-new-icons/fonts/icomoon.svg?gcjn6a#sbicons') format('svg');font-weight:400;font-style:normal}.sb-new-icons{font-family:'sb-new-icons';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.banner-img{background:url(images/bg.jpg);background-size:cover;border-radius:6px;color:#fff;margin:15px 0;width:100%;height:121px;font-family:"Open Sans"}.banner-header{font-weight:600;font-size:23px;color:#FFF;letter-spacing:-.39px;width:calc(100% - 30px);height:32px;padding:21px 0 0 40px}.trial-btn{padding:12.5px 4px}.free-trial-link{position:relative;bottom:1px}.free-trial{width:178px;height:43px;background-color:#FF4800;border-radius:21.5px;margin:-52px 20px 0 0;float:right;font-size:15px;font-weight:600;padding:11px 22px;box-shadow:0 2px 5px 0 rgb(0 0 0 / .2);cursor:pointer}.free-trial:hover{box-shadow:0 2px 5px 0 rgb(0 0 0 / .5)}.banner-wrapper{width:100%;padding:15px 0 15px 0}.content-area{margin-left:37px;margin-top:22px}.banner-cnt-pt{display:table-cell}.click-icon{width:auto;height:20px;display:table-cell;float:left}.banner-cnt-icon{padding:3px;position:relative;top:5px;color:#F8E71C}.cnt-text{padding-left:6px;padding-right:10px;padding-top:9px;font-size:14px;display:table-cell}.cnt-area{padding-top:10px}@media only screen and (min-width:1350px) and (max-width:1450px){.banner-img{height:179px}.banner-header{margin-top:-4px;text-align:center;width:calc(100% - 30px)}.free-trial{display:block;margin:17px auto 0;float:none;width:242px;padding:11px 57px}.content-area{margin-left:83px;margin-top:32px}.cnt-text{padding-left:2px;padding-right:14px;padding-top:9px;display:table-cell;text-align:-webkit-center}}@media only screen and (min-width:1250px) and (max-width:1349px){.banner-img{height:179px}.banner-header{margin-top:-4px;text-align:center;width:calc(100% - 30px)}.free-trial{display:block;margin:17px auto 0;float:none;width:242px;padding:11px 56px}.content-area{margin-left:83px;margin-top:32px}.cnt-text{padding-left:2px;padding-right:14px;padding-top:9px;display:table-cell;text-align:-webkit-center}}@media only screen and (min-width:1201px) and (max-width:1249px){.banner-img{height:192px}.banner-header{margin-top:-4px;text-align:center;width:calc(100% - 30px)}.free-trial{display:block;margin:17px auto 0;float:none;width:242px;padding:11px 56px}.content-area{margin-left:53px;margin-top:47px}.cnt-text{padding-left:2px;padding-right:14px;padding-top:9px;display:table-cell;text-align:-webkit-center}}@media only screen and (min-width:1150px) and (max-width:1200px){.banner-img{height:210px}.banner-header{margin-top:-13px;text-align:center;width:calc(100% - 30px)}.free-trial{display:block;margin:17px auto 0;float:none;width:242px;padding:11px 61px}.content-area{margin-left:31px;margin-top:52px}.cnt-text{padding-left:2px;padding-right:14px;padding-top:9px;display:table-cell;text-align:-webkit-center;max-width:215px}}@media only screen and (min-width:1050px) and (max-width:1149px){.banner-img{height:218px}.banner-header{margin-top:-4px;text-align:center;width:calc(100% - 30px)}.free-trial{display:block;margin:17px auto 0;float:none;width:242px;padding:11px 61px}.content-area{margin-left:66px;margin-top:48px}.cnt-text{max-width:190px}}@media only screen and (min-width:950px) and (max-width:1049px){.banner-img{height:230px}.banner-header{margin-top:-4px;text-align:center;width:calc(100% - 30px)}.free-trial{display:block;margin:11px auto 0;float:none;width:242px;padding:11px 56px}.content-area{margin-left:6px;margin-top:63px}.cnt-text{max-width:194px;padding-left:0;padding-right:4px;padding-top:8px;display:table-cell}}@media only screen and (min-width:850px) and (max-width:949px){.banner-img{height:256px}.banner-header{margin-top:-4px;text-align:center;width:calc(106% - 30px)}.free-trial{display:block;margin:17px auto 0;float:none;width:242px;padding:11px 61px}.content-area{margin-left:0;margin-top:61px}.cnt-text{max-width:146px;font-size:13px;padding-left:0;padding-right:0;padding-top:9px;display:table-cell}}@media only screen and (min-width:750px) and (max-width:849px){.banner-img{height:236px}.banner-header{margin-top:-4px;text-align:center;width:calc(100% - 30px)}.free-trial{display:block;margin:17px auto 0;float:none;width:251px;padding:11px 61px}.content-area{margin-left:19px;margin-top:61px}.cnt-text{max-width:217px}}@media only screen and (min-width:650px) and (max-width:749px){.banner-img{height:236px}.banner-header{margin-top:-4px;text-align:center;width:calc(100% - 30px)}.free-trial{display:block;margin:17px auto 0;float:none;width:242px;padding:11px 61px}.content-area{margin-left:19px;margin-top:61px}.cnt-text{max-width:217px}}@media only screen and (min-width:550px) and (max-width:649px){.banner-img{height:261px}.banner-header{margin-top:-4px;text-align:center;width:calc(100% - 30px);padding:10px 0 0 24px}.free-trial{display:block;margin:17px auto 0;float:none;width:242px;padding:11px 61px}.content-area{margin-left:19px;margin-top:61px}.banner-cnt-pt{display:flex}}@media only screen and (min-width:450px) and (max-width:549px){.banner-img{height:261px}.banner-header{margin-top:-4px;text-align:center;width:calc(100% - 30px);padding:10px 0 0 24px}.free-trial{display:block;margin:17px auto 0;float:none;width:242px;padding:11px 61px}.content-area{margin-left:19px;margin-top:61px}.banner-cnt-pt{display:flex}}@media only screen and (min-width:350px) and (max-width:449px){.banner-img{height:330px}.banner-header{margin-top:-4px;text-align:center;width:calc(101% - 30px);padding:15px 0 0 24px}.free-trial{display:block;margin:17px auto 0;float:none;width:242px;padding:11px 51px}.content-area{margin-left:19px;margin-top:97px}.banner-cnt-pt{display:flex}}@media only screen and (min-width:300px) and (max-width:349px){.banner-img{height:313px}.banner-header{margin-top:-4px;text-align:center;width:calc(103% - 30px);padding:15px 0 0 8px;font-size:21px}.free-trial{display:block;margin:17px auto 0;float:none;width:242px;padding:11px 61px}.content-area{margin-left:19px;margin-top:90px}.banner-cnt-pt{display:flex}}.sb-npm-btn:hover{background-color:#f4feff}.sb-npm-btn{background:#fff;border:1px solid #3c78ef;border-radius:3px;width:119px;height:32px;float:right;color:#3c78ef;margin:0 0 0 11px;cursor:pointer;display:none}.doc-npm-link{font-size:13px;font-weight:600;cursor:pointer;bottom:-.9px;left:4px;position:relative}#icon-npm:before{content:"\e900";font-weight:600;font-size:17px;cursor:pointer;position:relative;top:.8px;right:4px;color:#3c78ef}.npm-svg{position:relative;bottom:-1px;width:20%;right:3px}.tailwind #controlTree .e-samplestatus{margin:12px 0;height:22px;margin-top:8px}.tailwind3 #controlTree .e-samplestatus{margin:0 0;height:22px;margin-top:0}.fluent .e-samplestatus.new.tree,.fluent .e-samplestatus.update.tree,.fluent .e-samplestatus.preview.tree{margin:12px 0;height:22px;margin-top:7.5px}.fluent .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::before{left:0;right:0}.fluent .e-bigger .e-tab .e-tab-header,.e-tab.e-bigger .e-tab-header{min-height:49px}.fluent-dark .e-bigger .e-tab .e-tab-header,.e-tab.e-bigger .e-tab-header{min-height:49px}.fluent-dark .e-samplestatus.new.tree,.fluent-dark .e-samplestatus.update.tree,.fluent-dark .e-samplestatus.preview.tree{margin:12px 0;height:22px;margin-top:7.5px}.fluent-dark .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::before{left:0;right:0}.bootstrap5 .e-samplestatus.new,.bootstrap5 .e-samplestatus.update,.bootstrap5 .e-samplestatus.preview{margin:12px 0;height:22px;margin-top:2px}.fluent .e-samplestatus.new,.fluent .e-samplestatus.update,.fluent .e-samplestatus.preview{margin:12px 0;height:22px;margin-top:2px}.tailwind .e-samplestatus.new,.tailwind .e-samplestatus.update,.tailwind .e-samplestatus.preview{margin:12px 0;height:22px;margin-top:0}.tailwind3 .e-samplestatus.new,.tailwind3 .e-samplestatus.update,.tailwind3 .e-samplestatus.preview{margin:2px 0;height:22px}.tailwind3 .sb-icon-Home,.tailwind3 .sb-home-text,.tailwind3 .sb-bread-crumb .sb-bread-crumb-text>div{color:#4b5563}.tailwind3 #sb-header-text,.tailwind3 #header-theme-switcher,.tailwind3 .sb-component-name,.tailwind3 .sb-action-description,.tailwind3 .e-list-item.e-level-1 .e-text-content .e-list-text{color:#111827!important}.tailwind3 .sb-lang-toggler-wrapper,.tailwind3 .sb-theme-switcher,.tailwind3 .sb-search-btn,.tailwind3 .sb-icon-Settings-Preferences,.tailwind3 #sb-left-back,.tailwind3 .e-list-group-item.e-level-1 .e-text-content .e-list-text{color:#6b7280}.tailwind3.e-bigger .e-samplestatus.new,.tailwind3.e-bigger .e-samplestatus.update,.tailwind3.e-bigger .e-samplestatus.preview{margin:5px 0;height:22px}.tailwind3.e-bigger .e-samplestatus.new.tree,.tailwind3.e-bigger .e-samplestatus.update.tree,.tailwind3.e-bigger .e-samplestatus.preview.tree{margin:0 auto!important;height:22px}.material-dark .sb-content,.material-dark textarea#ruleContent{background:#383838}.material-dark .sb-source-section .e-tab .e-tab-header .e-toolbar-item.e-active{border:none}.material-dark .sb-home,.material-dark .sb-reset-icon{color:#fff}.material-dark .sb-left-pane .e-listview .e-list-item.e-active:hover{color:#fff}body.material-dark,.material-dark #sb-header-text,.material-dark .control-name,.material-dark .sample-navigation,.material-dark .sb-icon-Popout,.material-dark .sb-switch-popup a{color:#fff}.material-dark .sb-header,.material-dark .sb-search-result .e-list-item,.material-dark .sb-search-result .e-list-group-item{background:#383838}.material-dark #left-sidebar{color:#c2c0c0;background:#383838}.material-dark #search-input_popup .e-list-item{color:#fff;background:#383838}.material-dark #search-input_popup .e-list-group-item,.material-dark #search-input_popup .e-fixed-head{color:#56a4fd;background:#383838}.material-dark #search-input_popup .e-list-item:hover{background:#636363}.material-dark #left-sidebar{border:none}.material-dark .hljs-string,.material-dark .hljs-title,.material-dark .hljs-section,.material-dark .hljs-attribute,.material-dark .hljs-literal,.material-dark .hljs-template-tag,.material-dark .hljs-template-variable,.material-dark .hljs-type,.material-dark .hljs-addition,.material-dark .e-icons.back-icon,.material-dark .sb-plnr-section,.material-dark .sb-bread-crumb,.material-dark .sb-component-name,.material-dark .sb-icon-Home,.material-dark .description-header,.material-dark .sb-switch-popup li:first-child,.material-dark .sb-left-pane .e-listview .e-list-group-item,.material-dark .sb-footer-links a,.material-dark .description-section a,.material-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-indicator,.material-dark .sb-theme-popup li.active .sb-theme-select{color:#56a4fd}.material-dark .sb-icon-Hamburger:active,.material-dark .sb-footer-logo-icon,.material-dark .sb-source-section .e-tab .e-tab-header .e-toolbar-item .e-tab-text{color:#fff}.material-dark .sb-content-section,.material-dark .sb-switch-popup .material-dark .sb-content-tab-header,.material-dark .sb-content-section .sb-content-tab-header{background:#383838;border-color:#969696}.material-dark .hljs-keyword,.material-dark .hljs-selector-tag,.material-dark .hljs-built_in,.material-dark .hljs-name,.material-dark .hljs-tag,.material-dark .sb-source-section .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text{color:#1783ff}.material-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active>.e-tab-wrap>.e-text-wrap>.e-tab-text,.material-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text:hover,.material-dark .sample-navigation>button:hover,.material-dark .sb-plnr-section,.material-dark .sb-icon-Popout:hover,.material-dark .sb-icon-Hamburger,.material-dark .sb-setting-translate,.material-dark .property-panel-header{color:#56a4fd}.material-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text,.material-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text{color:#fff}.material-dark code,.material-dark .sb-switch-popup,.material-dark .sb-setting-popup,.material-dark .sb-search-result,.material-dark .sb-src-code,.material-dark .sb-api-section,.material-dark .sb-theme-popup,.material-dark .copy-tooltip,.material-dark .e-icons.copycode,.material-dark #search-input-wrapper input,.material-dark #search-input-wrapper input::placeholder,.material-dark .property-section{color:#fff;background:#383838}.material-dark .sb-search-btn:hover,.material-dark .sb-search-btn.active,.material-dark .sb-setting-btn:hover,.material-dark .sb-setting-btn.active,.material-dark .sb-switch-popup li:hover,.material-dark .theme-wrapper:hover,.material-dark .theme-wrapper.active,.material-dark .sb-theme-popup li:hover,.material-dark .sb-search-result .e-list-item:hover,.material-dark .sb-switch-btn:hover,.material-dark .sb-switch-btn.active,.material-dark .sb-left-pane .e-listview .e-list-item:hover,.material-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow{background-color:#636363}.material-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow{background-color:#636363;border:none}.material-dark .sb-control-navigation .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#56a4fd;border:none}.material-dark .setting-responsive .sb-responsive-items{width:104px;background-color:#636262;font-weight:500;line-height:30px;text-align:center;border:1px solid #fff0;display:table-cell;cursor:pointer}.material-dark .setting-responsive .sb-responsive-items.active{background-color:#56a4fd;color:#fff}.material-dark .sb-left-pane .e-listview .e-list-item.e-active{background-color:#56a4fd}.material-dark .sb-left-pane{background:#383838}.material-dark .sb-body-overlay{background:#383838}.material-dark .sb-mobile-right-pane,.material-dark .property-panel-section{background:#383838}.material-dark .sb-mobile-left-pane{background:#383838}.material-dark .sb-mobilefooter>.e-btn.e-flat{background:#383838;color:#fff}.material-dark .sb-mobilefooter>.e-btn.e-flat:hover{color:#56a4fd}.material-dark .sb-left-pane .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#56a4fd}.material-dark .sb-header-text-left,.material-dark .sb-header-text-right,.material-dark .e-treeview .e-list-item.e-active>.e-text-content .e-list-text,.material-dark .sb-left-pane .e-listview .e-list-item:hover{color:#fff}.fabric-dark .sb-content,.fabric-dark textarea#ruleContent{background:#242424}.fabric-dark .sb-home{color:#fff}.fabric-dark .sb-left-pane .e-listview .e-list-item.e-active:hover,.fabric-dark .sb-home,.fabric-dark .sb-reset-icon{color:#fff;}body.fabric-dark,.fabric-dark #sb-header-text,.fabric-dark .control-name,.fabric-dark .sample-navigation,.fabric-dark .sb-icon-Popout,.fabric-dark .sb-switch-popup a{color:#fff}.fabric-dark .sb-header,.fabric-dark .sb-search-result .e-list-item,.fabric-dark .sb-search-result .e-list-group-item{background:#242424}.fabric-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-indicator{background:#0074cc}.fabric-dark #search-input_popup .e-list-item{color:#fff;background:#242424}.fabric-dark #search-input_popup .e-list-group-item,.fabric-dark #search-input_popup .e-fixed-head{color:#0074cc;background:#242424}.fabric-dark #search-input_popup .e-list-item:hover{background:#4b4b4b}.fabric-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow{background-color:#4b4b4b;border:none}.fabric-dark .sb-control-navigation .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#0074cc;border:none}.fabric-dark #left-sidebar{color:#c2c0c0;background:#242424}.fabric-dark #left-sidebar{border:none}.fabric-dark .sb-mobile-right-pane,.fabric-dark .property-panel-section{background:#242424}.fabric-dark .hljs-string,.fabric-dark .hljs-title,.fabric-dark .hljs-section,.fabric-dark .hljs-attribute,.fabric-dark .hljs-literal,.fabric-dark .hljs-template-tag,.fabric-dark .hljs-template-variable,.fabric-dark .hljs-type,.fabric-dark .hljs-addition,.fabric-dark .e-icons.back-icon,.fabric-dark .sb-plnr-section,.fabric-dark .sb-bread-crumb,.fabric-dark .sb-component-name,.fabric-dark .sb-icon-Home,.fabric-dark .description-header,.fabric-dark .sb-switch-popup li:first-child,.fabric-dark .sb-left-pane .e-listview .e-list-group-item,.fabric-dark .sb-icon-Hamburger,.farbic-dark .sb-footer-links a,.fabric-dark .description-section a,.fabric-dark .sb-theme-popup li.active .sb-theme-select{color:#0074cc}.fabric-dark .sb-icon-Hamburger:active{color:#fff}.fabric-dark .sb-content-section,.fabric-dark .sb-switch-popup .fabric-dark .sb-content-tab-header,.fabric-dark .sb-content-section .sb-content-tab-header{background:#242424;border-color:#c1c1c1}.fabric-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active>.e-tab-wrap>.e-text-wrap>.e-tab-text,.fabric-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text:hover,.fabric-dark .sample-navigation>button:hover,.fabric-dark .sb-plnr-section,.fabric-dark .sb-setting-translate,.fabric-dark .sb-icon-Popout:hover{color:#0074cc}.fabric-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text,.fabric-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text{color:#fff}.fabric-dark code,.fabric-dark .sb-switch-popup,.fabric-dark .sb-setting-popup,.fabric-dark .sb-search-result,.fabric-dark .sb-src-code,.fabric-dark .sb-api-section,.fabric-dark .sb-theme-popup,.fabric-dark .copy-tooltip,.fabric-dark .e-icons.copycode,.fabric-dark #search-input-wrapper input,.fabric-dark #search-input-wrapper input::placeholder{color:#fff;background:#242424}.fabric-dark .sb-search-btn:hover,.fabric-dark .sb-search-btn.active,.fabric-dark .sb-setting-btn:hover,.fabric-dark .sb-setting-btn.active,.fabric-dark .sb-switch-popup li:hover,.fabric-dark .theme-wrapper:hover,.fabric-dark .theme-wrapper.active,.fabric-dark .sb-theme-popup li:hover,.fabric-dark .sb-switch-btn:hover,.fabric-dark .sb-switch-btn.active,.fabric-dark .sb-search-result .e-list-item:hover,.fabric-dark .sb-left-pane .e-listview .e-list-item:hover{background-color:#4b4b4b}.fabric-dark .setting-responsive .sb-responsive-items{width:104px;background-color:#4b4b4b;font-weight:500;line-height:30px;text-align:center;border:1px solid #fff0;display:table-cell;cursor:pointer}.fabric-dark .setting-responsive .sb-responsive-items.active{background-color:#0074cc;color:#fff}.fabric-dark .sb-left-pane .e-listview .e-list-item.e-active,.fabric-dark .cont{background-color:#0074cc}.fabric-dark .sb-left-pane .e-listview .e-list-item:hover{color:aliceblue}.fabric-dark .control-name{color:#fff}.fabric-dark .sb-left-pane{background:#242424}.fabric-dark .sb-body-overlay{background:#242424}.fabric-dark .sb-mobile-left-pane{background:#242424}.fabric-dark .sb-mobilefooter>.e-btn.e-flat{background:#242424;color:#fff}.fabric-dark .sb-mobilefooter>.e-btn.e-flat:hover{color:#0074cc}.fabric-dark .sb-left-pane .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#0074cc}.fabric-dark .sb-header-text-left,.fabric-dark .sb-header-text-right{color:#fff}.bootstrap-dark .sb-content,.bootstrap-dark textarea#ruleContent{background:#1b1b1b}.bootstrap-dark .sb-home{color:#fff}.bootstrap-dark .sb-left-pane .e-listview .e-list-item.e-active:hover,.bootstrap-dark .sb-home,.bootstrap-dark .sb-reset-icon{color:#fff}body.bootstrap-dark,.bootstrap-dark #sb-header-text,.bootstrap-dark .control-name,.bootstrap-dark .sample-navigation,.bootstrap-dark .sb-icon-Popout,.bootstrap-dark .sb-switch-popup a{color:#fff}.bootstrap-dark .sb-header,.bootstrap-dark .sb-search-result .e-list-item,.bootstrap-dark .sb-search-result .e-list-group-item{background:#1b1b1b}.bootstrap-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-indicator{background:#0070f0}.bootstrap-dark #left-sidebar{color:#c2c0c0;background:#1b1b1b}.bootstrap-dark #search-input_popup .e-list-item{color:#fff;background:#1b1b1b}.bootstrap-dark #search-input_popup .e-list-group-item,.bootstrap-dark #search-input_popup .e-fixed-head{color:#0070f0;background:#1b1b1b}.bootstrap-dark #search-input_popup .e-list-item:hover{background:#363636}.bootstrap-dark #left-sidebar{border:none}.bootstrap-dark .sb-mobile-right-pane,.bootstrap-dark .property-panel-section{background:#1b1b1b}.bootstrap-dark .hljs-string,.bootstrap-dark .hljs-title,.bootstrap-dark .hljs-section,.bootstrap-dark .hljs-attribute,.bootstrap-dark .hljs-literal,.bootstrap-dark .hljs-template-tag,.bootstrap-dark .hljs-template-variable,.bootstrap-dark .hljs-type,.bootstrap-dark .hljs-addition,.bootstrap-dark .e-icons.back-icon,.bootstrap-dark .sb-plnr-section,.bootstrap-dark .sb-bread-crumb,.bootstrap-dark .sb-component-name,.bootstrap-dark .sb-icon-Home,.bootstrap-dark .description-header,.bootstrap-dark .sample-navigation>button:hover,.bootstrap-dark .sb-switch-popup li:first-child,.bootstrap-dark .sb-left-pane .e-listview .e-list-group-item,.bootstrap-dark .sb-icon-Hamburger:active,.bootstrap-dark .sb-theme-popup li.active .sb-theme-select{color:#0070f0}.bootstrap-dark .sb-content-section,.bootstrap-dark .sb-switch-popup .bootstrap-dark .sb-content-tab-header,.bootstrap-dark .sb-content-section .sb-content-tab-header{background:#1b1b1b;border-color:#c1c1c1}.bootstrap-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text,.bootstrap-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text{color:#fff}.bootstrap-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active>.e-tab-wrap>.e-text-wrap>.e-tab-text,.bootstrap-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text:hover,.bootstrap-dark .sample-navigation>button:hover,.bootstrap-dark .sb-plnr-section,.bootstrap-dark .sb-icon-Popout:hover,.bootstrap-dark .sb-icon-Hamburger,.bootstrap-dark .sb-setting-translate,.bootstrap-dark .sb-footer-links a,.bootstrap-dark .description-section a{color:#0070f0}.bootstrap-dark code,.bootstrap-dark .sb-switch-popup,.bootstrap-dark .sb-setting-popup,.bootstrap-dark .sb-search-result,.bootstrap-dark .sb-src-code,.bootstrap-dark .sb-api-section,.bootstrap-dark .sb-theme-popup,.bootstrap-dark .copy-tooltip,.bootstrap-dark .e-icons.copycode,.bootstrap-dark #search-input-wrapper input,.bootstrap-dark #search-input-wrapper input::placeholder{color:#fff;background:#1b1b1b}.bootstrap-dark .sb-search-btn:hover,.bootstrap-dark .sb-search-btn.active,.bootstrap-dark .sb-setting-btn:hover,.bootstrap-dark .sb-setting-btn.active,.bootstrap-dark .sb-switch-popup li:hover,.bootstrap-dark .theme-wrapper:hover,.bootstrap-dark .theme-wrapper.active,.bootstrap-dark .sb-theme-popup li:hover,.bootstrap-dark .sb-switch-btn:hover,.bootstrap-dark .sb-switch-btn.active,.bootstrap-dark .sb-search-result .e-list-item:hover,.bootstrap-dark .sb-left-pane .e-listview .e-list-item:hover{background-color:#363636}.bootstrap-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow{background-color:#363636;border:none}.bootstrap-dark .sb-control-navigation .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#0070f0;border:none}.bootstrap-dark .setting-responsive .sb-responsive-items{width:104px;background-color:#363636;font-weight:500;line-height:30px;text-align:center;border:1px solid #fff0;display:table-cell;cursor:pointer}.bootstrap-dark .setting-responsive .sb-responsive-items.active{background-color:#0070f0;color:#fff}.bootstrap-dark .sb-left-pane .e-listview .e-list-item.e-active,.bootstrap-dark .cont{background-color:#0070f0}.bootstrap-dark .sb-left-pane .e-listview .e-list-item:hover{color:aliceblue}.bootstrap-dark .control-name{color:#fff}.bootstrap-dark .sb-left-pane{background:#1b1b1b}.bootstrap-dark .sb-body-overlay{background:#1b1b1b}.bootstrap-dark .sb-mobile-left-pane{background:#1b1b1b}.bootstrap-dark .sb-mobilefooter>.e-btn.e-flat{background:#1b1b1b;color:#fff}.bootstrap-dark .sb-mobilefooter>.e-btn.e-flat:hover{color:#0070f0}.bootstrap-dark .sb-left-pane .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#0070f0}.bootstrap-dark .sb-header-text-left,.bootstrap-dark .sb-header-text-right{color:#fff}.bootstrap5-dark #search-input_popup .e-list-group-item,.bootstrap5-dark #search-input_popup .e-fixed-head{color:#0d6efd;background:#212529}.bootstrap5-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text{color:#FFF}.bootstrap5-dark #search-input_popup .e-list-item{color:#fff;background:#212529}.bootstrap5-dark .sb-plnr-section{height:30px}.bootstrap5-dark .sample-navigation,.bootstrap5-dark .sb-open-new-wrapper{line-height:38px}.bootstrap5 .sample-navigation{line-height:36px}.bootstrap5-dark .sb-content,.bootstrap5-dark textarea#ruleContent,.bootstrap5-dark .sb-search-result .e-list-group-item{background:#212529}.bootstrap5-dark .sb-home{color:#fff}.bootstrap5-dark .sb-left-pane .e-listview .e-list-item.e-active:hover,.bootstrap5-dark .sb-home,.bootstrap5-dark .sb-reset-icon,.bootstrap5-dark .sb-left-pane .e-listview .e-list-item{color:#fff}body.bootstrap5-dark,.bootstrap5-dark #sb-header-text,.bootstrap5-dark .control-name,.bootstrap5-dark .sample-navigation,.bootstrap5-dark .sb-icon-Popout,.bootstrap5-dark .sb-switch-popup a{color:#fff}.bootstrap5-dark .sb-header,.bootstrap5-dark .sb-search-result .e-list-item,.bootstrap5-dark .sb-search-result .e-list-group-item{background:#212529}.bootstrap5-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-indicator{background:#0d6efd}.bootstrap5-dark #left-sidebar{color:#c2c0c0;background:#212529}.bootstrap5-dark #left-sidebar{border:none}.bootstrap5-dark .sb-mobile-right-pane,.bootstrap5-dark .property-panel-section{background:#212529}.bootstrap5-dark .hljs-string,.bootstrap5-dark .hljs-title,.bootstrap5-dark .hljs-section,.bootstrap5-dark .hljs-attribute,.bootstrap5-dark .hljs-literal,.bootstrap5-dark .hljs-template-tag,.bootstrap5-dark .hljs-template-variable,.bootstrap5-dark .hljs-type,.bootstrap5-dark .hljs-addition,.bootstrap5-dark .e-icons.back-icon,.bootstrap5-dark .sb-plnr-section,.bootstrap5-dark .sb-bread-crumb,.bootstrap5-dark .sb-component-name,.bootstrap5-dark .sb-icon-Home,.bootstrap5-dark .description-header,.bootstrap5-dark .sample-navigation>button:hover,.bootstrap5-dark .sb-switch-popup li:first-child,.bootstrap5-dark .sb-left-pane .e-listview .e-list-group-item,.bootstrap5-dark .sb-icon-Hamburger:active,.bootstrap5-dark .sb-theme-popup li.active .sb-theme-select{color:#0d6efd}.bootstrap5-dark .sb-content-section,.bootstrap5-dark .sb-switch-popup .bootstrap5-dark .sb-content-tab-header,.bootstrap5-dark .sb-content-section .sb-content-tab-header{background:#212529;border-color:#c1c1c1}.bootstrap5-dark .sample-navigation>button:hover,.bootstrap5-dark .sb-plnr-section,.bootstrap5-dark .sb-icon-Popout:hover,.bootstrap5-dark .sb-icon-Hamburger,.bootstrap5-dark .sb-setting-translate,.bootstrap5-dark .sb-footer-links a,.bootstrap5-dark .description-section a{color:#0d6efd}.bootstrap5-dark code,.bootstrap5-dark .sb-switch-popup,.bootstrap5-dark .sb-setting-popup,.bootstrap5-dark .sb-search-result,.bootstrap5-dark .sb-src-code,.bootstrap5-dark .sb-api-section,.bootstrap5-dark .sb-theme-popup,.bootstrap5-dark .copy-tooltip,.bootstrap5-dark .e-icons.copycode,.bootstrap5-dark #search-input-wrapper input,.bootstrap5-dark #search-input-wrapper input::placeholder{color:#fff;background:#212529}.bootstrap5-dark .sb-control-navigation .e-treeview .e-list-item>.e-fullrow{color:#fff;background:#212529;border:none}.bootstrap5-dark .sb-search-btn:hover,.bootstrap5-dark .sb-search-btn.active,.bootstrap5-dark .sb-setting-btn:hover,.bootstrap5-dark .sb-setting-btn.active,.bootstrap5-dark .sb-switch-popup li:hover,.bootstrap5-dark .theme-wrapper:hover,.bootstrap5-dark .theme-wrapper.active,.bootstrap5-dark .sb-theme-popup li:hover,.bootstrap5-dark .sb-search-result .e-list-item:hover,.bootstrap5-dark .sb-switch-btn:hover,.bootstrap5-dark .sb-switch-btn.active,.bootstrap5-dark .sb-left-pane .e-listview .e-list-item:hover,.bootstrap5-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow,.bootstrap5-dark #search-input_popup .e-list-item:hover{background-color:#363636}.bootstrap5-dark .setting-responsive .sb-responsive-items{width:104px;background-color:#363636;font-weight:500;line-height:30px;text-align:center;border:1px solid #fff0;display:table-cell;cursor:pointer}.bootstrap5\.3-dark #search-input_popup .e-list-item:hover{background-color:#363636}.bootstrap5-dark .setting-responsive .sb-responsive-items.active{background-color:#0d6efd;color:#fff}.bootstrap5-dark .sb-left-pane .e-listview .e-list-item.e-active,.bootstrap5-dark .cont,.bootstrap5-dark .sb-content-tab.e-tab>.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-indicator{background-color:#0d6efd}.bootstrap5-dark .sb-left-pane .e-listview .e-list-item.e-active{color:#000}.bootstrap5-dark .sb-control-navigation .e-treeview .e-list-item.e-hover>.e-fullrow{background:#0d6efd}.bootstrap5-dark .sb-left-pane .e-listview .e-list-item:hover{color:aliceblue}.bootstrap5-dark .control-name{color:#fff}.bootstrap5-dark .sb-left-pane,.bootstrap5-dark .sb-mobile-left-pane,.bootstrap5-dark .sb-body-overlay{background:#212529}.bootstrap5-dark .sb-mobilefooter>.e-btn.e-flat{background:#212529;color:#fff}.bootstrap5-dark .sb-mobilefooter>.e-btn.e-flat:hover{color:#0d6efd}.bootstrap5-dark .sb-header-text-left,.bootstrap5-dark .sb-header-text-right{color:#fff}.bootstrap5-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active>.e-tab-wrap>.e-text-wrap>.e-tab-text,.bootstrap5-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text:hover,.bootstrap5-dark .sb-search-result .e-list-group-item{color:#0d6efd}.tailwind-dark .sb-content,.tailwind-dark textarea#ruleContent{background:#1f2937}.tailwind-dark .sb-home{color:#fff}.tailwind-dark .sb-left-pane .e-listview .e-list-item.e-active:hover{color:#fff}body.tailwind-dark,.tailwind-dark #sb-header-text,.tailwind-dark .control-name,.tailwind-dark .sample-navigation,.tailwind-dark .sb-icon-Popout,.tailwind-dark .sb-switch-popup a{color:#fff}.tailwind-dark .sb-header,.tailwind-dark .sb-search-result .e-list-item,.tailwind-dark .sb-search-result .e-list-group-item{background:#1f2937}.tailwind-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-indicator{background:#22d3ee}.tailwind-dark #search-input_popup .e-list-item{color:#fff;background:#1f2937}.tailwind-dark #search-input_popup .e-list-group-item,.tailwind-dark #search-input_popup .e-fixed-head{color:#22d3ee;background:#1f2937}.tailwind-dark #search-input_popup .e-list-item:hover{background:#6b7280}.tailwind-dark #left-sidebar{color:#c2c0c0;background:#1f2937}.tailwind-dark #left-sidebar{border:none}.tailwind-dark .sb-mobile-right-pane,.tailwind-dark .property-panel-section{background:#1f2937}.tailwind-dark .hljs-string,.tailwind-dark .hljs-title,.tailwind-dark .hljs-section,.tailwind-dark .hljs-attribute,.tailwind-dark .hljs-literal,.tailwind-dark .hljs-template-tag,.tailwind-dark .hljs-template-variable,.tailwind-dark .hljs-type,.tailwind-dark .hljs-addition,.tailwind-dark .e-icons.back-icon,.tailwind-dark .sb-plnr-section,.tailwind-dark .sb-bread-crumb,.tailwind-dark .sb-component-name,.tailwind-dark .sb-icon-Home,.tailwind-dark .description-header,.tailwind-dark .sb-setting-translate,.tailwind-dark .sample-navigation>button:hover,.tailwind-dark .sb-switch-popup li:first-child,.tailwind-dark .sb-left-pane .e-listview .e-list-group-item,.tailwind-dark .sb-theme-popup li.active .sb-theme-select{color:#22d3ee}.tailwind-dark .sb-icon-Hamburger,.tailwind-dark .sb-footer-links a,.tailwind-dark .description-section a{color:#22d3ee}.tailwind-dark .sb-icon-Hamburger:active{color:#fff}.tailwind-dark .sb-content-section,.tailwind-dark .sb-switch-popup .tailwind-dark .sb-content-tab-header,.tailwind-dark .sb-content-section .sb-content-tab-header{background:#1f2937;border-color:#c1c1c1}.tailwind-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active>.e-tab-wrap>.e-text-wrap>.e-tab-text,.tailwind-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text:hover,.tailwind-dark .sample-navigation>button:hover,.tailwind-dark .sb-plnr-section,.tailwind-dark .sb-icon-Popout:hover{color:#22d3ee}.tailwind-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text,.tailwind-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text{color:#fff}.tailwind-dark code,.tailwind-dark .sb-switch-popup,.tailwind-dark .sb-setting-popup,.tailwind-dark .sb-search-result,.tailwind-dark .sb-src-code,.tailwind-dark .sb-api-section,.tailwind-dark .sb-theme-popup,.tailwind-dark .copy-tooltip,.tailwind-dark .e-icons.copycode,.tailwind-dark #search-input-wrapper input,.tailwind-dark #search-input-wrapper input::placeholder{color:#fff;background:#1f2937}.tailwind-dark .sb-search-btn:hover,.tailwind-dark .sb-search-btn.active,.tailwind-dark .sb-setting-btn:hover,.tailwind-dark .sb-setting-btn.active,.tailwind-dark .sb-switch-popup li:hover,.tailwind-dark .theme-wrapper:hover,.tailwind-dark .theme-wrapper.active,.tailwind-dark .sb-theme-popup li:hover,.tailwind-dark .sb-switch-btn:hover,.tailwind-dark .sb-switch-btn.active,.tailwind-dark .sb-search-result .e-list-item:hover,.tailwind-dark .sb-left-pane .e-listview .e-list-item:hover{background-color:#6b7280}.tailwind-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow{background-color:#6b7280;border:none}.tailwind-dark .sb-control-navigation .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#22d3ee;border:none}.tailwind-dark .setting-responsive .sb-responsive-items{width:104px;background-color:#6b7280;font-weight:500;line-height:30px;text-align:center;border:1px solid #fff0;display:table-cell;cursor:pointer}.tailwind-dark .setting-responsive .sb-responsive-items.active{background-color:#22d3ee;color:#fff}.tailwind-dark .sb-left-pane .e-listview .e-list-item.e-active,.tailwind-dark .cont{background-color:#22d3ee;color:#000}.tailwind-dark .sb-left-pane .e-listview .e-list-item:hover{color:aliceblue}.tailwind-dark .sb-left-pane{background:#1f2937}.tailwind-dark .sb-body-overlay{background:#1f2937}.tailwind-dark .sb-mobile-left-pane{background:#1f2937}.tailwind-dark .sb-mobilefooter>.e-btn.e-flat{background:#1f2937;color:#fff}.tailwind-dark .sb-mobilefooter>.e-btn.e-flat:hover{color:#22d3ee}.tailwind-dark .sb-left-pane .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#22d3ee}.tailwind-dark .sb-header-text-left,.tailwind-dark .sb-header-text-right{color:#fff}.tailwind-dark .e-samplestatus.new.tree,.tailwind-dark .e-samplestatus.update.tree,.tailwind-dark .e-samplestatus.preview.tree{margin-top:8px;margin-bottom:4.5px;margin-right:-7px;height:22px}.tailwind-dark .e-samplestatus.new,.tailwind-dark .e-samplestatus.update,.tailwind-dark .e-samplestatus.preview{margin:2px 0;height:22px;margin-top:0}.tailwind3-dark .sb-content,.tailwind3-dark textarea#ruleContent{background:#111827}.tailwind3-dark .sb-theme-studio a{color:#6366f1!important}.tailwind3-dark .sb-home{color:#fff}.tailwind3-dark .sb-left-pane .e-listview .e-list-item.e-active:hover{color:#fff}body.tailwind3-dark,.tailwind3-dark #sb-header-text,.tailwind3-dark .sample-navigation,.tailwind3-dark .sb-icon-Popout,.tailwind3-dark .sb-switch-popup a{color:#fff}.tailwind3-dark .sb-header,.tailwind3-dark .sb-search-result .e-list-item,.tailwind3-dark .sb-search-result .e-list-group-item{background:#1D2432}.tailwind3-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-indicator{background:#6366f1}.tailwind3-dark #search-input_popup .e-list-item{color:#fff;background:#1f2937}.tailwind3-dark #search-input_popup .e-list-group-item,.tailwind3-dark #search-input_popup .e-fixed-head{color:#FFF;background:#111827}.tailwind3-dark #search-input_popup .e-list-item:hover{background:#1A212F}.tailwind3-dark #left-sidebar{color:#c2c0c0;background:#111827}.tailwind3-dark #left-sidebar{border:none}.tailwind3-dark .sb-mobile-right-pane,.tailwind3-dark .property-panel-section{background:#111a27}.tailwind3-dark .hljs-string,.tailwind3-dark .hljs-title,.tailwind3-dark .hljs-section,.tailwind3-dark .hljs-attribute,.tailwind3-dark .hljs-literal,.tailwind3-dark .hljs-template-tag,.tailwind3-dark .hljs-template-variable,.tailwind3-dark .hljs-type,.tailwind3-dark .hljs-addition,.tailwind3-dark .e-icons.back-icon,.tailwind3-dark .sb-plnr-section,.tailwind3-dark .sb-bread-crumb,.tailwind3-dark .sb-component-name,.tailwind3-dark .sb-icon-Home,.tailwind3-dark .description-header,.tailwind3-dark .sb-setting-translate,.tailwind3-dark .sample-navigation>button:hover,.tailwind3-dark .sb-switch-popup li:first-child,.tailwind3-dark .sb-left-pane .e-listview .e-list-group-item,.tailwind3-dark .sb-theme-popup li.active .sb-theme-select{color:#D1D5DB}.tailwind3-dark .sb-icon-Hamburger,.tailwind3-dark .sb-footer-links a,.tailwind3-dark .description-section a{color:#6366F1}.tailwind3-dark .sb-icon-Hamburger:active{color:#fff}.tailwind3-dark .sb-content-section,.tailwind3-dark .sb-switch-popup .tailwind3-dark .sb-content-tab-header,.tailwind3-dark .sb-content-section .sb-content-tab-header{background:#fff0;border-color:#282f3c}.tailwind3-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active>.e-tab-wrap>.e-text-wrap>.e-tab-text,.tailwind3-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text:hover,.tailwind3-dark .sample-navigation>button:hover,.tailwind3-dark .sb-plnr-section,.tailwind3-dark .sb-icon-Popout:hover{color:#6366f1!important}.tailwind3-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text,.tailwind3-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text{color:#fff}.tailwind3-dark code,.tailwind3-dark .sb-switch-popup,.tailwind3-dark .sb-setting-popup,.tailwind3-dark .sb-search-result,.tailwind3-dark .sb-src-code,.tailwind3-dark .sb-api-section,.tailwind3-dark .sb-theme-popup,.tailwind3-dark .copy-tooltip,.tailwind3-dark .e-icons.copycode,.tailwind3-dark #search-input-wrapper input,.tailwind3-dark #search-input-wrapper input::placeholder{color:#fff;background:#111827}.tailwind3-dark .sb-search-btn:hover,.tailwind3-dark .sb-search-btn.active,.tailwind3-dark .sb-setting-btn:hover,.tailwind3-dark .sb-setting-btn.active,.tailwind3-dark .sb-switch-popup li:hover,.tailwind3-dark .theme-wrapper:hover,.tailwind3-dark .theme-wrapper.active,.tailwind3-dark .sb-theme-popup li:hover,.tailwind3-dark .sb-switch-btn:hover,.tailwind3-dark .sb-switch-btn.active,.tailwind3-dark .sb-search-result .e-list-item:hover,.tailwind3-dark .sb-left-pane .e-listview .e-list-item:hover{background-color:#1A212F}.tailwind3-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow{background-color:#6b7280;border:none}.tailwind3-dark .sb-control-navigation .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#6366f1;border:none}.tailwind3-dark .setting-responsive .sb-responsive-items{width:104px;background-color:#6b7280;font-weight:500;line-height:30px;text-align:center;border:1px solid #fff0;display:table-cell;cursor:pointer}.tailwind3-dark .setting-responsive .sb-responsive-items.active{background-color:#6366F1;color:#fff}.tailwind3-dark .sb-left-pane .e-listview .e-list-item.e-active,.tailwind3-dark .sb-left-pane .e-treeview .e-list-item.e-active.e-hover>.e-fullrow,.tailwind3-dark .cont{background-color:#2E3441}.tailwind3-dark .sb-left-pane .e-listview .e-list-item.e-active,.tailwind3-dark .sb-left-pane .e-listview .e-list-item:hover{color:#FFF}.tailwind3-dark .sb-left-pane{background:#111827}.tailwind3-dark .sb-body-overlay{background:#111827}.tailwind3-dark .sb-mobile-left-pane{background:#111827}.tailwind3-dark .sb-mobilefooter>.e-btn.e-flat{background:#111827;color:#fff}.tailwind3-dark .sb-mobilefooter>.e-btn.e-flat:hover{color:#111827}.tailwind3-dark .sb-left-pane .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#111827}.tailwind3-dark .sb-header-text-left,.tailwind3-dark .sb-header-text-right{color:#fff}.tailwind3-dark .e-samplestatus.new.tree,.tailwind3-dark .e-samplestatus.update.tree,.tailwind3-dark .e-samplestatus.preview.tree{margin-top:0;margin-bottom:0;margin-right:-7px;height:22px}.tailwind3-dark .e-samplestatus.new,.tailwind3-dark .e-samplestatus.update,.tailwind3-dark .e-samplestatus.preview{margin:2px 0;height:22px;margin-top:2px;padding:4px 5px}.tailwind3-dark.e-bigger .e-samplestatus.new,.tailwind3-dark.e-bigger .e-samplestatus.update,.tailwind3-dark.e-bigger .e-samplestatus.preview{margin-top:5px!important}.tailwind3-dark.e-bigger .e-samplestatus.new.tree,.tailwind3-dark.e-bigger .e-samplestatus.update.tree,.tailwind3-dark.e-bigger .e-samplestatus.preview.tree{margin-top:1px!important}.tailwind3-dark .sb-bread-crumb .sb-bread-crumb-text>div{color:#d1d5db}.tailwind3-dark .sb-current a{color:#d1d5db}.e-samplestatus.new,.e-samplestatus.update,.e-samplestatus.preview{margin:8px 0 0;height:22px;margin-top:7px}.e-samplestatus.new.tree,.e-samplestatus.update.tree,.e-samplestatus.preview.tree{margin:8px 0;height:22px;margin-top:4px}.material-dark .e-treeview .e-list-item>.e-text-content .e-list-text,.material-dark .sb-left-pane .e-listview .e-list-item,.material-dark .sb-home-text,.material3-dark .sb-home-text,.fabric-dark .e-treeview .e-list-item>.e-text-content .e-list-text,.fabric-dark .sb-left-pane .e-listview .e-list-item,.fabric-dark .sb-home-text,.bootstrap-dark .e-treeview .e-list-item>.e-text-content .e-list-text,.bootstrap-dark .sb-left-pane .e-listview .e-list-item,.bootstrap-dark .sb-home-text,.tailwind-dark .e-treeview .e-list-item>.e-text-content .e-list-text,.tailwind-dark .sb-left-pane .e-listview .e-list-item,.tailwind-dark .sb-home-text,.tailwind3-dark .e-treeview .e-list-item>.e-text-content .e-list-text,.tailwind3-dark .sb-left-pane .e-listview .e-list-item,.tailwind3-dark .sb-home-text,.bootstrap5-dark .e-treeview .e-list-item>.e-text-content .e-list-text,.bootstrap5-dark .sb-left-pane .e-listview .e-list-item,.bootstrap5-dark .sb-home-text{color:#fff}.tailwind-dark .e-tab .e-content .e-item,.tailwind3-dark .e-tab .e-content .e-item,.bootstrap-dark .e-tab .e-content .e-item,.fabric-dark .e-tab .e-content .e-item,.bootstrap5-dark .e-tab .e-content .e-item{color:#e4e3e3}.material-dark .e-input-group.e-control-wrapper .e-input-group-icon,.tailwind-dark .e-input-group.e-control-wrapper .e-input-group-icon,.tailwind3-dark .e-input-group.e-control-wrapper .e-input-group-icon,.bootstrap-dark .e-input-group.e-control-wrapper .e-input-group-icon,.fabric-dark .e-input-group.e-control-wrapper .e-input-group-icon,.bootstrap5-dark .e-input-group.e-control-wrapper .e-input-group-icon{background:#fff0;color:rgb(255 255 255 / .7)}.material-dark .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),.tailwind-dark .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),.tailwind3-dark .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),.fabric-dark .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),.bootstrap-dark .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),.bootstrap5-dark .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left){border-color:rgb(179 179 179 / .918)}.material-dark .e-treeview .e-list-item div.e-icons.interaction,.tailwind-dark .e-treeview .e-list-item div.e-icons.interaction,.tailwind3-dark .e-treeview .e-list-item div.e-icons.interaction,.bootstrap-dark .e-treeview .e-list-item div.e-icons.interaction,.fabric-dark .e-treeview .e-list-item div.e-icons.interaction,.bootstrap5-dark .e-treeview .e-list-item div.e-icons.interaction{color:#fff}.material-dark .sb-theme-select{color:#383838}.fabric-dark .sb-theme-select{color:#242424}.bootstrap-dark .sb-theme-select{color:#1b1b1b}.bootstrap5-dark .sb-theme-select{color:#212529}.material3-dark .sb-theme-select{color:#fff0}.tailwind-dark .sb-theme-select{color:#1f2937}.tailwind3-dark .sb-theme-select{color:#111827}.tailwind-dark .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text,.tailwind3-dark .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text,.fabric-dark .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text,.bootstrap-dark .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text,.material-dark .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text,.bootstrap5-dark .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text{color:#fff}.material-dark .e-input-group,.material-dark .e-input-group.e-control-wrapper,.tailwind-dark .e-input-group,.tailwind-dark .e-input-group.e-control-wrapper,.tailwind3-dark .e-input-group,.tailwind3-dark .e-input-group.e-control-wrapper,.bootstrap-dark .e-input-group,.bootstrap-dark .e-input-group.e-control-wrapper,.fabric-dark .e-input-group,.fabric-dark .e-input-group.e-control-wrapper,.bootstrap5-dark .e-input-group,.bootstrap5-dark .e-input-group.e-control-wrapper{color:#fff}.fabric-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-text-content .e-list-text,.tailwind-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-text-content .e-list-text,.tailwind3-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-text-content .e-list-text,.bootstrap-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-text-content .e-list-text,.bootstrap5-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-text-content .e-list-text{color:#fff}.fabric-dark .sb-theme-popup li:hover .sb-theme-select,.highcontrast .sb-theme-popup li:hover .sb-theme-select,.bootstrap5-dark .sb-theme-popup li:hover .sb-theme-select,.tailwind-dark .sb-theme-popup li:hover .sb-theme-select,.tailwind3-dark .sb-theme-popup li:hover .sb-theme-select,.bootstrap-dark .sb-theme-popup li:hover .sb-theme-select,.bootstrap5\.3-dark .sb-theme-popup li:hover .sb-theme-select,.material-dark .sb-theme-popup li:hover .sb-theme-select,.material3-dark .sb-theme-popup li:hover .sb-theme-select,.fluent2-dark .sb-theme-popup li:hover .sb-theme-select{color:#fff0}.fabric-dark .sb-theme-popup li:hover.active .sb-theme-select,.bootstrap-dark .sb-theme-popup li:hover.active .sb-theme-select,.bootstrap5-dark .sb-theme-popup li:hover.active .sb-theme-select,.tailwind-dark .sb-theme-popup li:hover.active .sb-theme-select,.tailwind3-dark .sb-theme-popup li:hover.active .sb-theme-select,.material-dark .sb-theme-popup li:hover.active .sb-theme-select,.highcontrast .sb-theme-popup li:hover.active .sb-theme-select{color:#fff}.sb-theme-studio{font-size:14px;text-align:center;padding:10px 0 10px 0;border-top:1px solid #ccc}.material3-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-text-content .e-list-text{color:#fff}.material3-dark .sb-download-btn,.material3 .sb-download-btn{font-weight:400}.material3-dark .sb-content,.material3-dark textarea#ruleContent,.material3-dark #search-input_popup .e-list-item,.material3-dark #search-input_popup .e-list-group-item{background:#1C1B1F}.material3-dark .sb-home,.material3-dark #search-input_popup .e-list-item{color:#fff}.material3-dark #search-input_popup .e-list-item:hover{background-color:#636363!important}.material3-dark .sb-left-pane .e-listview .e-list-item.e-active:hover,.material3-dark .sb-home,.material3-dark .sb-reset-icon{color:#000}.material3-dark .sb-left-pane .e-treeview .e-list-item.e-hover>.e-text-content .e-list-text{color:#000}.material3-dark .sb-content-tab .e-content.sb-sample-content-area{background:#fff0}.material3-dark .sb-content-tab .e-tab-header.e-horizontal-bottom{border-radius:0 0 12px 12px}.material3-dark .sb-content-tab .e-tab-header.sb-content-tab-header{border-radius:12px 12px 0 0}.material3-dark #search-input-wrapper input{background:#212529}body.material3-dark,.material3-dark #sb-header-text,.material3-dark .control-name,.material3-dark .sample-navigation,.material3-dark .sb-icon-Popout,.material3-dark .sb-switch-popup a{color:#fff}.material3-dark .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item:hover>.e-tab-wrap>.e-text-wrap>.e-tab-text,.material3-dark .sb-source-section .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,.material3-dark .sb-source-section .e-tab .e-tab-header .e-toolbar-item:hover .e-tab-text{color:#d0bcff}.material3-dark .sb-header,.material3-dark .sb-search-result .e-list-item,.material3-dark .sb-search-result .e-list-group-item{background:linear-gradient(0deg,rgb(208 188 255 / .08),rgb(208 188 255 / .08)),#1C1B1F}.material3-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-indicator{background:#d0bcff}.material3-dark #left-sidebar{color:#c2c0c0;background:#2B2831}.material3-dark #left-sidebar{border-right:1px solid #484644}.material3-dark .sb-mobile-right-pane{background:#2B2831}.material3-dark .hljs-string,.material3-dark .hljs-title,.material3-dark .hljs-section,.material3-dark .hljs-attribute,.material3-dark .hljs-literal,.material3-dark .hljs-template-tag,.material3-dark .hljs-template-variable,.material3-dark .hljs-type,.material3-dark .hljs-addition,.material3-dark .e-icons.back-icon,.material3-dark .sb-plnr-section,.material3-dark .sb-bread-crumb,.material3-dark .sb-component-name,.material3-dark .sb-icon-Home,.material3-dark .description-header,.material3-dark .sample-navigation>button:hover,.material3-dark .sb-switch-popup li:first-child,.material3-dark .sb-left-pane .e-listview .e-list-group-item,.material3-dark .sb-icon-Hamburger:active,.material3-dark #search-input_popup .e-list-group-item{color:#d0bcff}.material3-dark .sb-content-section,.material3-dark .sb-switch-popup .material3-dark .sb-content-tab-header,.material3-dark .sb-content-section .sb-content-tab-header{background:#1C1B1F;border-color:#938f99}.material3-dark .sample-navigation>button:hover,.material3-dark .sb-plnr-section,.material3-dark .sb-icon-Popout:hover,.material3-dark .sb-icon-Hamburger,.material3-dark .sb-setting-translate,.material3-dark .sb-footer-links a,.material3-dark .description-section a{color:#d0bcff!important}.material3-dark .sb-icon-Hamburger{color:#d0bcff}.material3-dark .e-samplestatus.update{background-color:#fff;border:1px solid #29bc4f!important;color:#29bc4f!important}.material3-dark .e-samplestatus.preview{background-color:#5794E2!important;color:#000}.material3-dark .sb-theme-popup li:hover.active .sb-theme-select{color:#d0bcff}.material3-dark .sb-plnr-section{line-height:30px;height:40px}.material3-dark .sb-open-new-wrapper,.material3-dark .sample-navigation{line-height:43px}.material3-dark code,.material3-dark .sb-switch-popup,.material3-dark .sb-setting-popup,.material3-dark .sb-search-result,.material3-dark .sb-src-code,.material3-dark .sb-api-section,.material3-dark .copy-tooltip,.material3-dark .e-icons.copycode,.material3-dark #search-input-wrapper input::placeholder{color:#fff;background:#2B2831}.material3-dark .sb-theme-popup{color:#fff;background:#2B2831;border:unset}.material3-dark .sb-setting-popup{border:unset}.material3-dark .sb-property-border{border-right:1px solid #484644}.material3-dark hr{border-top:1px solid #484644}.material3-dark .sb-search-btn:hover,.material3-dark .sb-search-btn.active,.material3-dark .sb-setting-btn:hover,.material3-dark .sb-setting-btn.active,.material3-dark .sb-switch-popup li:hover,.material3-dark .theme-wrapper:hover,.material3-dark .theme-wrapper.active,.material3-dark .sb-theme-popup li:hover,.material3-dark .sb-search-result .e-list-item:hover,.material3-dark .sb-switch-btn:hover,.material3-dark .sb-switch-btn.active,.material3-dark .sb-left-pane .e-listview .e-list-item:hover,.material3-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow{background-color:rgb(255 255 255 / .12)}.material3-dark .sb-theme-studio{border:1px solid #484644}.material3-dark .sb-theme-studio a{color:#d0bcff!important}.material3-dark .sb-toolbar-splitter{border-left:1px solid #484644}.material3-dark .sb-setting-popup .sb-setting-header{border-bottom:1px solid #484644}.material3-dark .sb-footer{border-top:1px solid #484644}.material3-dark .sb-switch-popup{border:1px solid #484644}.material3-dark .sb-theme-popup li.active .sb-theme-select{color:#d0bcff;}.material3-dark .setting-responsive .sb-responsive-items{width:104px;background-color:#363636;font-weight:500;line-height:30px;text-align:center;border:1px solid #fff0;display:table-cell;cursor:pointer}.material3-dark .setting-responsive .sb-responsive-items.active{background-color:#d0bcff;;color:#000}.material3-dark .sb-left-pane .e-listview .e-list-item.e-active,.material3-dark .cont,.material3-dark .sb-left-pane .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#d0bcff}.material3-dark .sb-left-pane .e-listview .e-list-item:hover{color:#d0bcff}.material3-dark .control-name{color:#d0bcff;}.material3-dark .sb-left-pane,.material3-dark .sb-mobile-left-pane,.material3-dark .sb-body-overlay{background:linear-gradient(0deg,rgb(208 188 255 / .08),rgb(208 188 255 / .08)),#1C1B1F}.material3-dark .sb-mobilefooter>.e-btn.e-flat{background:#201F1E;color:#fff}.material3-dark .sb-mobilefooter>.e-btn.e-flat:hover{color:#d0bcff;}.material3-dark .sb-header-text-left,.material3-dark .sb-header-text-right,.material3-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text{color:#fff}.material3-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active>.e-tab-wrap>.e-text-wrap>.e-tab-text,.material3-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item:hover>.e-tab-wrap>.e-text-wrap>.e-tab-text,.material3-dark .sb-search-result .e-list-group-item{color:#d0bcff!important}.material3-dark .e-treeview .e-fullrow{border:0 solid}.fluent2-dark .sb-left-pane .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#d0bcff;border:none}.fluent2-dark .sb-left-pane .e-treeview .e-list-item.e-active>.e-fullrow{background-color:#2e2e2e;border-color:#4b4b4b}.tailwind3-dark .sb-left-pane .e-treeview .e-list-item.e-active>.e-fullrow{background-color:#2e3441;border-color:#2e3441}.tailwind3-dark .sb-toolbar-splitter,.tailwind3-dark .sb-header-splitter,.tailwind3-dark .sb-theme-splitter{border-left:1px solid #282f3c}.tailwind3-dark #sb-content{border-radius:12px;border:1px solid #282f3c}.tailwind3-dark .sb-home-text,.tailwind3-dark .sb-icon-Home,.tailwind3-dark .sb-bread-crumb{color:#D1D5DB}.material3-dark #search-input-wrapper input::placeholder{background:#212529!important}.material3-dark #search-input-wrapper input{height:25px!important;color:#fff}.fluent2-dark .sb-content,.fluent2-dark textarea#ruleContent{background:#1C1B1F}.fluent2-dark .sb-home{color:#fff}.fluent2-dark .sb-left-pane .e-listview .e-list-item.e-active:hover{background-color:#333;color:#fff}.fluent2-dark .sb-content-tab .e-content.sb-sample-content-area{background:#fff0}.fluent2-dark .sb-content-tab .e-tab-header.e-horizontal-bottom{border-radius:0 0 12px 12px}.fluent2-dark .sb-content-tab .e-tab-header.sb-content-tab-header{border-radius:12px 12px 0 0}body.fluent2-dark,.fluent2-dark #sb-header-text,.fluent2-dark .sample-navigation,.fluent2-dark .sb-icon-Popout,.fluent2-dark .sb-switch-popup a,.fluent2-dark .sb-mobile-setting::before{color:#D6D6D6}.fluent2-dark .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item:hover>.e-tab-wrap>.e-text-wrap>.e-tab-text,.fluent2-dark .sb-source-section .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,.fluent2-dark .sb-source-section .e-tab .e-tab-header .e-toolbar-item:hover .e-tab-text{color:#115ea3}.fluent2-dark .control-name,.fluent2-dark .sample-navigation>button:hover{color:#479EF5!important}.fluent2-dark .sb-header{background:#292929}.fluent2-dark .sb-search-result .e-list-item{background:linear-gradient(0deg,rgb(208 188 255 / .08),rgb(208 188 255 / .08)),#1C1B1F}.fluent2-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-indicator{background:#479EF5}.fluent2-dark .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::before{background:#479EF5}.fluent2-dark .sb-mobile-right-pane{background:#2B2831}.fluent2-dark .hljs-string,.fluent2-dark .hljs-title,.fluent2-dark .hljs-section,.fluent2-dark .hljs-attribute,.fluent2-dark .hljs-literal,.fluent2-dark .hljs-template-tag,.fluent2-dark .hljs-template-variable,.fluent2-dark .hljs-type,.fluent2-dark .hljs-addition,.fluent2-dark .e-icons.back-icon,.fluent2-dark .sb-bread-crumb,.fluent2-dark .description-header,.fluent2-dark .sb-setting-translate,.fluent2-dark .sb-switch-popup li:first-child,.fluent2-dark .sb-theme-popup li.active .sb-theme-select{color:#115ea3}.fluent2-dark .sb-left-pane .e-listview .e-list-group-item,.fluent2-dark .sb-component-name{color:#FFF}.fluent2-dark .sb-home-text,.fluent2-dark .sb-icon-Home,.fluent2-dark .sb-bread-crumb{color:#ADADAD}.fluent2-dark .sb-bread-crumb .sb-bread-crumb-text>div{color:#ADADAD}.fluent2-dark .sb-header-item .sb-icon-Dropdown{color:#D6D6D6}.fluent2-dark .sb-icon-Popout{color:#DADADA}.fluent2-dark .sb-theme-popup{border:unset}.fluent2-dark .sb-icon-Hamburger{color:#479ef5}.fluent2-dark .sb-footer-links a,.fluent2-dark .description-section a{color:#115ea3}.fluent2-dark .sb-icon-Hamburger:active{color:#fff}.fluent2-dark .sb-content-section,.fluent2-dark .sb-switch-popup .fluent2-dark .sb-content-tab-header,.fluent2-dark .sb-content-section .sb-content-tab-header{background:#1C1B1F;border-color:#938f99}.fluent2-dark .sb-icon-Popout:hover{color:#115ea3}.fluent2-dark .sb-plnr-section{color:#479EF5}.fluent2-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text{color:#d6d6d6}.fluent2-dark code,.fluent2-dark .sb-switch-popup,.fluent2-dark .sb-setting-popup,.fluent2-dark .sb-search-result,.fluent2-dark .sb-api-section,.fluent2-dark .copy-tooltip,.fluent2-dark .e-icons.copycode,.fluent2-dark #search-input-wrapper input,.tailwfluent2ind-dark #search-input-wrapper input::placeholder{color:#fff;background:#2B2831}.fluent2-dark .sb-src-code{color:#fff;background:#1f1f1f}.fluent2-dark .sb-search-btn:hover,.fluent2-dark .sb-search-btn.active,.fluent2-dark .sb-setting-btn:hover,.fluent2-dark .sb-setting-btn.active,.fluent2-dark .sb-switch-popup li:hover,.fluent2-dark .theme-wrapper:hover,.fluent2-dark .theme-wrapper.active,.fluent2-dark .sb-theme-popup li:hover,.fluent2-dark .sb-search-result .e-list-item:hover,.fluent2-dark .sb-switch-btn:hover,.fluent2-dark .sb-switch-btn.active,.fluent2-dark .sb-left-pane .e-listview .e-list-item:hover{background-color:#333;color:#fff}.fluent2-dark .setting-responsive .sb-responsive-items{width:104px;background-color:#363636;font-weight:500;line-height:30px;text-align:center;border:1px solid #fff0;display:table-cell;cursor:pointer}.fluent2-dark .setting-responsive .sb-responsive-items.active{background-color:#115ea3;color:#000}.fluent2-dark .sb-left-pane .e-listview .e-list-item.e-active{background:#2e2e2e;color:#fff}.fluent2-dark .cont{background-color:#115ea3}.fluent2-dark .sb-left-pane .e-listview .e-list-item:hover{color:#fff}.fluent2-dark .sb-left-pane{border-right:1px solid #525252;background:#1f1f1f}.fluent2-dark .sb-body-overlay{background:linear-gradient(0deg,rgb(208 188 255 / .08),rgb(208 188 255 / .08)),#1C1B1F}.fluent2-dark .sb-mobile-left-pane{background:linear-gradient(0deg,rgb(208 188 255 / .08),rgb(208 188 255 / .08)),#1C1B1F}.fluent2-dark .sb-mobilefooter>.e-btn.e-flat{background:#2B2831;color:#fff}.fluent2-dark .sb-mobilefooter>.e-btn.e-flat:hover{color:#115ea3}.fluent2-dark .sb-left-pane .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#333}.fluent2-dark .sb-header-text-left,.fluent2-dark .sb-header-text-right,.fluent2-dark .sb-reset-icon{color:#fff}.fluent2-dark .e-samplestatus.new.tree,.fluent2-dark .e-samplestatus.update.tree,.fluent2-dark .e-samplestatus.preview.tree{margin:6px 0;height:22px;margin-top:3px}.material-dark .e-samplestatus.new.tree,.material-dark .e-samplestatus.update.tree,.material-dark .e-samplestatus.preview.tree{margin-top:-2px;margin-bottom:4.5px;margin-right:-15px;height:22px}.fluent2-dark .e-samplestatus.new,.fluent2-dark .e-samplestatus.update,.fluent2-dark .e-samplestatus.preview{margin:2px 0;height:22px;margin-top:2px}.fluent2 .e-samplestatus.new,.fluent2 .e-samplestatus.update,.fluent2 .e-samplestatus.preview{height:22px;margin-top:5px;margin-right:5px}.fluent2-dark .sb-home-text{color:#adadad}.fluent2-dark #search-input-wrapper .e-input-group{border:none;border-radius:4px;height:33px;background:#1f1f1f}.fluent2-dark #search-input_popup .e-list-item:hover{background:#333}.fluent2-dark #search-input_popup .e-list-item{background-color:#1f1f1f;color:#fff}.fluent2-dark #search-input_popup .e-list-group-item{background:#1f1f1f;color:#479EF5}.fluent2-dark #search-input_popup .e-fixed-head{color:#479EF5;background:#1f1f1f;font-size:15px;vertical-align:middle;line-height:36px;border-left:none;border-right:none;text-transform:uppercase;font-weight:500}.fluent2-dark .sb-left-pane .e-treeview .e-list-item.e-active>.e-text-content .e-list-text,.fluent2-dark .sb-left-pane .e-treeview .e-list-item.e-hover>.e-text-content .e-list-text{color:#fff}.material-dark .e-samplestatus.new.tree,.material-dark .e-samplestatus.update.tree,.material-dark .e-samplestatus.preview.tree{margin-top:-2px;margin-bottom:4.5px;margin-right:-15px;height:22px}.fluent2 .e-samplestatus.new.tree,.fluent2 .e-samplestatus.update.tree,.fluent2 .e-samplestatus.preview.tree{margin:2px 0;height:22px;margin-top:4px}.fluent2-dark .e-samplestatus.update{height:22px;margin-top:5px;margin-right:2px}.fluent2-dark .e-samplestatus.new{margin:2px 7px;height:22px;margin-top:5px}.fluent2-dark .e-samplestatus.preview.tree{margin:6px 0;height:22px;margin-top:4px}.fluent2-dark .sb-badge{border-radius:2px;font-size:10px;color:#fff;padding:5px 6px;float:right;align-items:center;text-transform:capitalize;cursor:pointer}.fluent2-dark .sb-header-splitter,.fluent2-dark .sb-toolbar-splitter{color:#525252}.fluent2-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active>.e-tab-wrap>.e-text-wrap>.e-tab-text,.fluent2-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text:hover{color:#479EF5!important}.fluent2-dark .sb-theme-popup{background:#1f1f1f;color:#fff}.fluent-dark .sb-content,.fluent-dark textarea#ruleContent{background:#1b1a19}.fluent-dark .sb-home{color:#fff}.fluent-dark .sb-left-pane .e-listview .e-list-item.e-active:hover,.fluent-dark .sb-home,.fluent-dark .sb-reset-icon{color:#fff}.fluent-dark #search-input_popup .e-list-item:hover{background:#333}.fluent-dark #search-input_popup .e-list-item{background-color:#1f1f1f;color:#fff}.fluent-dark #search-input_popup .e-list-group-item{background:#1f1f1f;color:#479EF5}.fluent-dark #search-input_popup .e-fixed-head{color:#479EF5;background:#1f1f1f;font-size:15px;vertical-align:middle;line-height:36px;border-left:none;border-right:none;text-transform:uppercase;font-weight:500}body.fluent-dark,.fluent-dark #sb-header-text,.fluent-dark .control-name,.fluent-dark .sample-navigation,.fluent-dark .sb-icon-Popout,.fluent-dark .sb-switch-popup a{color:#fff}.fluent-dark .sb-header,.fluent-dark .sb-search-result .e-list-item,.fluent-dark .sb-search-result .e-list-group-item{background:#252423}.fluent-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-indicator{background:#0d6efd}.fluent-dark #left-sidebar{color:#c2c0c0;background:#201F1E;border-right:1px solid #484644}.fluent-dark .sb-mobile-right-pane{background:#201F1E}.fluent-dark .hljs-string,.fluent-dark .hljs-title,.fluent-dark .hljs-section,.fluent-dark .hljs-attribute,.fluent-dark .hljs-literal,.fluent-dark .hljs-template-tag,.fluent-dark .hljs-template-variable,.fluent-dark .hljs-type,.fluent-dark .hljs-addition,.fluent-dark .e-icons.back-icon,.fluent-dark .sb-plnr-section,.fluent-dark .sb-bread-crumb,.fluent-dark .sb-component-name,.fluent-dark .sb-icon-Home,.fluent-dark .description-header,.fluent-dark .sample-navigation>button:hover,.fluent-dark .sb-switch-popup li:first-child,.fluent-dark .sb-left-pane .e-listview .e-list-group-item,.fluent-dark .sb-icon-Hamburger:active,.fluent-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text,.fluent-dark #search-input_popup .e-list-group-item{color:#d2d0ce}.fluent-dark .sb-content-section,.fluent-dark .sb-switch-popup .fluent-dark .sb-content-tab-header,.fluent-dark .sb-content-section .sb-content-tab-header{background:#1b1a19;border-color:#484644}.fluent-dark .e-tab .e-tab-header{min-height:45px}.fluent-dark .sample-navigation>button:hover,.fluent-dark .sb-plnr-section,.fluent-dark .sb-icon-Popout:hover,.fluent-dark .sb-icon-Hamburger,.fluent-dark .sb-setting-translate,.fluent-dark .sb-footer-links a,.fluent-dark .description-section a{color:#1783ff}.fluent-dark .sb-icon-Hamburger{color:#717171}.fluent-dark .e-samplestatus.update{background-color:#C28D42;border:1px solid #C28D42!important;color:#000000!important}.fluent-dark .e-samplestatus.preview{background-color:#5794E2!important;color:#000}.fluent-dark .sb-theme-popup li:hover.active .sb-theme-select{color:#0d6efd}.fluent-dark .sb-plnr-section{line-height:30px;height:40px}.fluent-dark .sb-open-new-wrapper,.fluent-dark .sample-navigation{line-height:43px}.fluent-dark code,.fluent-dark .sb-switch-popup,.fluent-dark .sb-setting-popup,.fluent-dark .sb-search-result,.fluent-dark .sb-src-code,.fluent-dark .sb-api-section,.fluent-dark .sb-theme-popup,.fluent-dark .copy-tooltip,.fluent-dark .e-icons.copycode,.fluent-dark #search-input-wrapper input,.fluent-dark #search-input-wrapper input::placeholder{color:#fff;background:#252423}.fluent2-dark .sb-setting-popup{background:#1f1f1f!important}.fluent-dark .sb-theme-popup{color:#fff;background:#252423;border:1px solid #484644}.fluent-dark .sb-setting-popup{border:1px solid #484644}.fluent-dark .sb-property-border{border-right:1px solid #484644}.fluent-dark hr{border-top:1px solid #484644}.fluent-dark .sb-search-btn:hover,.fluent-dark .sb-search-btn.active,.fluent-dark .sb-setting-btn:hover,.fluent-dark .sb-setting-btn.active,.fluent-dark .sb-switch-popup li:hover,.fluent-dark .theme-wrapper:hover,.fluent-dark .theme-wrapper.active,.fluent-dark .sb-theme-popup li:hover,.fluent-dark .sb-search-result .e-list-item:hover,.fluent-dark .sb-switch-btn:hover,.fluent-dark .sb-switch-btn.active,.fluent-dark .sb-left-pane .e-listview .e-list-item:hover,.fluent-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow{background-color:#323130}.fluent-dark .sb-theme-studio{border:1px solid #484644}.fluent-dark .sb-theme-studio a{color:#0d6efd!important}.fluent-dark .sb-toolbar-splitter{border-left:1px solid #484644}.fluent-dark .sb-setting-popup .sb-setting-header{border-bottom:1px solid #484644}.fluent-dark .sb-footer{border-top:1px solid #484644}.fluent-dark .sb-switch-popup{border:1px solid #484644}.fluent-dark .sb-theme-popup li.active .sb-theme-select{color:#0d6efd}.fluent-dark .setting-responsive .sb-responsive-items{width:104px;background-color:#363636;font-weight:500;line-height:30px;text-align:center;border:1px solid #fff0;display:table-cell;cursor:pointer}.fluent-dark .setting-responsive .sb-responsive-items.active{background-color:#0d6efd;color:#fff}.fluent-dark .sb-left-pane .e-listview .e-list-item.e-active,.fluent-dark .cont,.fluent-dark .sb-left-pane .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#292827}.fluent-dark .sb-left-pane .e-listview .e-list-item.e-active{color:#F3F2F1;}.fluent-dark .sb-left-pane .e-listview .e-list-item:hover{color:aliceblue}.fluent-dark .control-name{color:#508CF5}.fluent-dark .sb-left-pane,.fluent-dark .sb-mobile-left-pane,.fluent-dark .sb-body-overlay,.fluent-dark .property-panel-section{background:#1b1a19}.fluent-dark .sb-mobilefooter>.e-btn.e-flat{background:#201F1E;color:#fff}.fluent-dark .sb-mobilefooter>.e-btn.e-flat:hover{color:#0d6efd}.fluent-dark .sb-header-text-left,.fluent-dark .sb-header-text-right{color:#fff}.fluent-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active>.e-tab-wrap>.e-text-wrap>.e-tab-text,.fluent-dark .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text:hover,.fluent-dark .sb-search-result .e-list-group-item{color:#0d6efd!important}.fluent-dark .e-treeview .e-fullrow{border:0 solid}.fluent-dark .sb-theme-popup li:hover .sb-theme-select{color:#fff0}.fluent .sb-content-tab>.e-tab>.e-tab-header>.e-items>.e-toolbar-item:not(.e-separator){height:35px;margin:0 8px 0 0;min-height:35px}.fluent .sb-content-tab>.e-tab>.e-tab-header>.e-toolbar-items,.fluent .sb-content-tab>.e-tab>.e-tab-header{min-height:35px;height:35px}.fluent.e-bigger .sb-content-tab .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),.fluent-dark.e-bigger .sb-content-tab .e-tab .e-tab-header .e-toolbar-item:not(.e-separator){height:35px;min-height:35px}.fluent .e-bigger .sb-content-tab .e-tab .e-tab-header .e-toolbar-items{min-height:35px;height:35px}.fluent .e-bigger .sb-content-tab .e-tab .e-tab-header{min-height:36px;height:36px}.e-bigger .sb-content-tab .e-tab .e-tab-header .e-toolbar-item.e-active{margin-left:0px!important}.fluent-dark .sb-content-tab>.e-tab>.e-tab-header>.e-items>.e-toolbar-item:not(.e-separator){height:35px;margin:0 8px 0 0;min-height:35px}.fluent-dark .sb-content-tab>.e-tab>.e-tab-header>.e-toolbar-items,.fluent-dark .sb-content-tab>.e-tab>.e-tab-header{min-height:35px;height:35px}.fluent-dark.e-bigger .sb-content-tab .e-tab .e-tab-header .e-toolbar-item:not(.e-separator){height:35px;min-height:35px}.fluent-dark.e-bigger .sb-content-tab .e-tab .e-tab-header .e-toolbar-items{min-height:35px;height:35px}.fluent-dark.e-bigger .sb-content-tab .e-tab .e-tab-header{min-height:36px;height:36px}.fluent-dark.e-bigger .sb-content-tab .e-tab .e-tab-header .e-toolbar-item.e-active{margin-left:0px!important}.fluent.e-bigger .sb-open-new-wrapper{line-height:26px!important}.fluent.e-bigger .sb-toolbar-splitter{height:26px;margin-top:0px!important}.fluent.e-bigger .sample-navigation{line-height:24px}.fluent.e-bigger .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-indicator,.fluent-dark.e-bigger .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-indicator{display:none!important}.bootstrap5 #controlList .e-samplestatus,.bootstrap5-dark #controlList .e-samplestatus{margin-top:.5px}.bootstrap5 #controlTree .e-samplestatus,.bootstrap5-dark #controlTree .e-samplestatus{margin-top:6px}.bootstrap5.e-bigger #controlList .e-samplestatus,.bootstrap5-dark.e-bigger #controlList .e-samplestatus{margin-top:2px}.bootstrap5.e-bigger #controlTree .e-samplestatus,.bootstrap5-dark.e-bigger #controlTree .e-samplestatus,.highcontrast.e-bigger #controlTree .e-samplestatus,.bootstrap4.e-bigger #controlTree .e-samplestatus,.bootstrap.e-bigger #controlTree .e-samplestatus,.bootstrap5-dark.e-bigger #controlTree .e-samplestatus,.bootstrap-dark.e-bigger #controlTree .e-samplestatus,.bootstrap #controlList .e-samplestatus{margin-top:9px}.fluent #controlList .e-samplestatus,.fluent-dark #controlList .e-samplestatus,.bootstrap4 #controlList .e-samplestatus,.bootstrap4.e-bigger #controlList .e-samplestatus{margin-top:1px}.fluent.e-bigger #controlList .e-samplestatus,.fluent-dark.e-bigger #controlList .e-samplestatus{margin-top:5px}.material.e-bigger #controlList .e-samplestatus,.material-dark.e-bigger #controlList .e-samplestatus,.fabric.e-bigger #controlList .e-samplestatus,.fabric-dark.e-bigger #controlList .e-samplestatus,.bootstrap.e-bigger #controlList .e-samplestatus,.bootstrap-dark #controlList .e-samplestatus,.tailwind.e-bigger #controlTree .e-samplestatus,.tailwind-dark.e-bigger #controlTree .e-samplestatus,.tailwind3.e-bigger #controlTree .e-samplestatus,.tailwind3-dark.e-bigger #controlTree .e-samplestatus{margin-top:13px}.e-bigger .sb-control-navigation #controlSamples .e-listview .e-icon-wrapper .e-list-text{width:calc(100% - 69px)}.fluent2 .sb-control-navigation #controlSamples .e-listview .e-icon-wrapper .e-list-text{width:calc(100% - 69px)}.bootstrap4 #controlTree .e-samplestatus,.material #controlTree .e-samplestatus,.material-dark #controlTree .e-samplestatus,.fabric #controlTree .e-samplestatus,.fabric-dark #controlTree .e-samplestatus{margin-top:4px}.fluent #controlTree .e-samplestatus,.fluent-dark #controlTree .e-samplestatus,.material.e-bigger #controlTree .e-samplestatus,.material-dark.e-bigger #controlTree .e-samplestatus,.fabric.e-bigger #controlTree .e-samplestatus,.fabric-dark.e-bigger #controlTree .e-samplestatus{margin-top:8px}.fluent.e-bigger #controlTree .e-samplestatus,.fluent-dark.e-bigger #controlTree .e-samplestatus,.highcontrast.e-bigger #controlList .e-samplestatus{margin-top:10px}.bootstrap4 .sb-plnr-section,.fluent-dark .sb-plnr-section,.material .sb-plnr-section,.fluent .sb-plnr-section,.bootstrap5-dark .sb-plnr-section,.bootstrap5 .sb-plnr-section{line-height:30px;height:30px}.bootstrap4 .sb-open-new-wrapper,.bootstrap4 .sample-navigation,.fluent-dark .sb-open-new-wrapper,.fluent-dark .sample-navigation,.bootstrap5 .sb-open-new-wrapper,.bootstrap5 .sample-navigation,.bootstrap5-dark .sb-open-new-wrapper,.bootstrap5-dark .sample-navigation,.material .sb-open-new-wrapper,.material .sample-navigation{line-height:30px}.fluent .sb-open-new-wrapper,.fluent .sample-navigation,.bootstrap-dark.sb-open-new-wrapper,.bootstrap-dark .sample-navigation{line-height:35px}.material3-dark .sb-left-pane .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#d0bcff}.material3-dark .e-samplestatus.new,.material3-dark .e-samplestatus.update,.material3-dark .e-samplestatus.preview{margin:5px 0;height:22px;margin-top:0}.material3-dark .e-samplestatus.new.tree,.material3-dark .e-samplestatus.update.tree,.e-samplestatus.preview.tree{margin:6px 0;height:22px;margin-top:0}.bootstrap .e-samplestatus.new.tree,.bootstrap .e-samplestatus.update.tree,.bootstrap .e-samplestatus.preview.tree{margin:6px 0;height:22px;margin-top:5px}.bootstrap-dark .e-samplestatus.new.tree,.bootstrap-dark .e-samplestatus.update.tree,.bootstrap-dark .e-samplestatus.preview.tree{margin:6px 0;height:22px;margin-top:5px}.fluent2-highcontrast .sb-content,.fluent2-highcontrast textarea#ruleContent{background:#1C1B1F}.fluent2-highcontrast .sb-home{color:#fff}.fluent2-highcontrast .sb-left-pane .e-listview .e-list-item.e-active:hover{color:#000}.fluent2-highcontrast .sb-left-pane .e-treeview .e-list-item.e-hover>.e-text-content .e-list-text{color:#000}.fluent2-highcontrast .sb-content-tab .e-content.sb-sample-content-area{background:#fff0}.fluent2-highcontrast .sb-content-tab .e-tab-header.e-horizontal-bottom{border-radius:0 0 12px 12px}.fluent2-highcontrast .sb-content-tab .e-tab-header.sb-content-tab-header{border-radius:12px 12px 0 0}body.fluent2-highcontrast,.fluent2-highcontrast #sb-header-text,.fluent2-highcontrast .control-name,.fluent2-highcontrast .sample-navigation,.fluent2-highcontrast .sb-icon-Popout,.fluent2-highcontrast .sb-switch-popup a{color:#FFF}.fluent2-highcontrast .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item:hover>.e-tab-wrap>.e-text-wrap>.e-tab-text,.fluent2-highcontrast .sb-source-section .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,.fluent2-highcontrast .sb-source-section .e-tab .e-tab-header .e-toolbar-item:hover .e-tab-text{color:#1aebff}.fluent2-highcontrast .sb-header,.fluent2-highcontrast .sb-search-result .e-list-item{background:linear-gradient(0deg,rgb(208 188 255 / .08),rgb(208 188 255 / .08)),#1C1B1F}.fluent2-highcontrast .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-indicator{background:#1aebff}.fluent2-highcontrast #left-sidebar{color:#c2c0c0;background:#2B2831}.fluent2-highcontrast #left-sidebar{border:none}.fluent2-highcontrast .sb-mobile-right-pane{background:#2B2831}.fluent2-highcontrast .hljs-string,.fluent2-highcontrast .hljs-title,.fluent2-highcontrast .hljs-section,.fluent2-highcontrast .hljs-attribute,.fluent2-highcontrast .hljs-literal,.fluent2-highcontrast .hljs-template-tag,.fluent2-highcontrast .hljs-template-variable,.fluent2-highcontrast .hljs-type,.fluent2-highcontrast .hljs-addition,.fluent2-highcontrast .e-icons.back-icon,.fluent2-highcontrast .sb-plnr-section,.fluent2-highcontrast .sb-bread-crumb,.fluent2-highcontrast .sb-component-name,.fluent2-highcontrast .sb-icon-Home,.fluent2-highcontrast .description-header,.fluent2-highcontrast .sb-setting-translate,.fluent2-highcontrast .sample-navigation>button:hover,.fluent2-highcontrast .sb-switch-popup li:first-child,.fluent2-highcontrast .sb-left-pane .e-listview .e-list-group-item,.fluent2-highcontrast .sb-theme-popup li.active .sb-theme-select{color:#fff}.fluent2-highcontrast .sb-bread-crumb .sb-bread-crumb-text>div{color:#fff}.fluent2-highcontrast .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active>.e-tab-wrap>.e-text-wrap>.e-tab-text,.fluent2-highcontrast .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text:hover{color:#1aebff!important}.fluent2-highcontrast .sb-theme-popup{border:unset}.fluent2-highcontrast .sb-icon-Hamburger,.fluent2-highcontrast .sb-footer-links a,.fluent2-highcontrast .description-section a{color:#1aebff}.fluent2-highcontrast .sb-icon-Hamburger:active{color:#fff}.fluent2-highcontrast .sb-content-section,.fluent2-highcontrast .sb-switch-popup .fluent2-highcontrast .sb-content-tab-header,.fluent2-highcontrast .sb-content-section .sb-content-tab-header{background:#1C1B1F;border-color:#938f99}.fluent2-highcontrast .sample-navigation>button:hover,.fluent2-highcontrast .sb-plnr-section,.fluent2-highcontrast .sb-icon-Popout:hover{color:#1aebff!important}.fluent2-highcontrast .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text,.fluent2-highcontrast .sb-content-tab>.e-tab.e-nested>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text{color:#fff}.fluent2-highcontrast code,.fluent2-highcontrast .sb-switch-popup,.fluent2-highcontrast .sb-setting-popup,.fluent2-highcontrast .sb-search-result,.fluent2-highcontrast .sb-src-code,.fluent2-highcontrast .sb-api-section,.fluent2-highcontrast .sb-theme-popup,.fluent2-highcontrast .copy-tooltip,.fluent2-highcontrast .e-icons.copycode,.fluent2-highcontrast #search-input-wrapper input,.tailwfluent2ind-dark #search-input-wrapper input::placeholder{color:#fff;background:#2B2831}.fluent2-highcontrast .sb-search-btn:hover,.fluent2-highcontrast .sb-search-btn.active,.fluent2-highcontrast .sb-setting-btn:hover,.fluent2-highcontrast .sb-setting-btn.active,.fluent2-highcontrast .sb-switch-popup li:hover,.fluent2-highcontrast .theme-wrapper:hover,.fluent2-highcontrast .theme-wrapper.active,.fluent2-highcontrast .sb-theme-popup li:hover,.fluent2-highcontrast .sb-search-result .e-list-item:hover,.fluent2-highcontrast .sb-left-pane .e-listview .e-list-item:hover{background-color:rgb(255 255 255 / .12)}.fluent2-highcontrast .setting-responsive .sb-responsive-items{width:104px;background-color:#363636;font-weight:500;line-height:30px;text-align:center;border:1px solid #fff0;display:table-cell;cursor:pointer}.fluent2-highcontrast .setting-responsive .sb-responsive-items.active{background-color:#1aebff;color:#000}.fluent2-highcontrast .sb-left-pane .e-listview .e-list-item.e-active,.fluent2-highcontrast .cont{background-color:#1aebff}.fluent2-highcontrast .sb-left-pane .e-listview .e-list-item:hover{color:#1aebff}.fluent2-highcontrast .sb-left-pane{background:linear-gradient(0deg,rgb(208 188 255 / .08),rgb(208 188 255 / .08)),#1C1B1F}.fluent2-highcontrast .sb-body-overlay{background:linear-gradient(0deg,rgb(208 188 255 / .08),rgb(208 188 255 / .08)),#1C1B1F}.fluent2-highcontrast .sb-mobile-left-pane{background:linear-gradient(0deg,rgb(208 188 255 / .08),rgb(208 188 255 / .08)),#1C1B1F}.fluent2-highcontrast .sb-mobilefooter>.e-btn.e-flat{background:#2B2831;color:#fff}.fluent2-highcontrast .sb-mobilefooter>.e-btn.e-flat:hover{color:#1aebff}.fluent2-highcontrast .sb-left-pane .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#1aebff}.fluent2-highcontrast .sb-header-text-left,.fluent2-highcontrast .sb-header-text-right,.fluent2-highcontrast .sb-reset-icon{color:#fff}.fluent2-highcontrast .e-samplestatus.new.tree,.fluent2-highcontrast .e-samplestatus.update.tree,.fluent2-highcontrast .e-samplestatus.preview.tree{margin:6px 0;height:22px;margin-top:5px}.fluent2-highcontrast .e-samplestatus.new,.fluent2-highcontrast .e-samplestatus.update,.fluent2-highcontrast .e-samplestatus.preview{margin:2px 0;height:22px;margin-top:2px}.fluent2-highcontrast .e-samplestatus.update,.fluent2-highcontrast .e-samplestatus.preview{margin:2px 0;height:22px;margin-top:5px;margin-right:2px}.fluent2-highcontrast .e-samplestatus.new{margin:2px 0;height:20px;margin-top:6px;margin-right:6px}.fluent2-highcontrast.e-bigger .e-samplestatus.update,.fluent2-highcontrast.e-bigger .e-samplestatus.preview{height:22px;margin-top:9px;margin-right:12px}.fluent2-highcontrast .sb-theme-select{color:#fff0}.bootstrap5\.3-dark .sb-theme-select{color:#fff0}.fluent2-highcontrast .sb-badge{border-radius:2px;font-size:10px;color:#fff;padding:5px 6px;float:right;align-items:center;text-transform:capitalize;cursor:pointer}.fluent2-highcontrast.e-bigger .sb-badge{padding:1px 6px}.fluent2-highcontrast .sb-home-text{color:#fff}.fluent2-highcontrast #search-input-wrapper .e-input-group{border:none;border-radius:4px;height:33px;background:#2B2831}.fluent2-highcontrast #search-input_popup .e-list-group-item,.fluent2-highcontrast #search-input_popup .e-fixed-head{background-color:#1aebff;font-size:15px;vertical-align:middle;line-height:36px;border-left:none;border-right:none;text-transform:uppercase;font-weight:500}.tailwind3 .toggle-active,.tailwind3 .sb-plnr-section,.tailwind3 .control-name,.tailwind3 .sample-navigation>button:hover,.tailwind3 .sb-footer-links a,.tailwind3 .sb-open-new-wrapper a:hover{color:#4f46e5!important}.tailwind3 .sb-left-pane .e-listview .e-list-item.e-hover{background-color:#faf9fb}.tailwind3 .sb-left-pane .e-listview .e-list-item.e-active{background-color:#e5e7eb}.tailwind3 .sb-current a{color:#4f46e5}.tailwind3 .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item.e-active>.e-tab-wrap>.e-text-wrap>.e-tab-text,.tailwind3 .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-toolbar-item>.e-tab-wrap>.e-text-wrap>.e-tab-text:hover{color:#4f46e5}.tailwind3 .sb-content-tab>.e-tab>.e-tab-header>.e-items.e-toolbar-items>.e-indicator{background:#4f46e5}.tailwind3-dark .sb-left-pane .e-treeview .e-list-item.e-active>.e-text-content .e-list-text{color:#fff}.tailwind3-dark .e-list-group-item.e-level-1 .e-text-content .e-list-text{color:#9ca3af}.tailwind3 .sb-left-pane .e-listview .e-list-item.e-hover,.tailwind3 .sb-left-pane .e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#f9fafb;border:none}.tailwind3 #search-input_popup .e-list-item:hover{background:#f9fafb}.ai-toast.e-toast{width:400px}.ai-toast.e-toast-container.e-toast-top-right{right:30px;top:10px}.ai-toast.e-toast-container .e-toast:hover{background-color:#e8f4fd}.ai-toast.e-toast-container .e-toast{background-color:#e8f4fd;border-radius:6px;padding:5px}.ai-toast-content{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 16px;color:#333;font-size:14px;line-height:1.5;width:400px}.ai-toast-message{flex:1;padding-right:8px}.ai-toast-title{font-weight:700;font-size:14px;margin-bottom:6px;letter-spacing:.5px}.ai-toast-close{background:none;border:none;cursor:pointer;font-size:16px;padding:0;margin-top:2px;color:#666}.bootstrap5\.3.e-bigger .ai-toast .e-toast .e-toast-message .e-toast-content {padding-left: 12px !important;padding-bottom: 12px !important;}