.sample-source-dialog .source-file-select{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0 24px 16px}.sample-source-dialog .source-file-select select{min-width:0;max-width:100%;flex:1;padding:6px 10px;border:1px solid #d7dce3;border-radius:4px;font:inherit;color:#303946;background:#fff}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}:root{--demo-font: "Segoe UI", sans-serif;--demo-code-font: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace}body.demo-typography{font-family:var(--demo-font);font-size:14px;line-height:1.5;letter-spacing:normal}body.demo-typography>:is(.app,#app,#root){font-family:var(--demo-font);font-size:14px;line-height:1.5}body.demo-typography h1:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography h2:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography h3:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography h4:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography h5:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography h6:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){font-family:var(--demo-font)!important;font-weight:700;line-height:1.6!important;letter-spacing:normal;margin:16px 0 8px}body.demo-typography h1:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){font-size:28px!important}body.demo-typography h2:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){font-size:21px!important}body.demo-typography h3:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){font-size:18px!important}body.demo-typography h4:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){font-size:14px!important}body.demo-typography h5:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){font-size:14px!important}body.demo-typography h6:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){font-size:14px!important}body.demo-typography p:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){font-family:var(--demo-font)!important;font-size:14px!important;line-height:1.5!important;letter-spacing:normal;margin:10px 0 4px}body.demo-typography .desc:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography .desc_bottom:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography .hint:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography .note:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography .help:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){font-family:var(--demo-font);font-size:14px;line-height:1.5;letter-spacing:normal}body.demo-typography li:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){font-family:var(--demo-font)!important;font-size:14px!important;line-height:2!important;letter-spacing:normal}body.demo-typography main ul:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography main ol:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography .desc ul:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography .desc ol:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography .MainContent ul:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography .MainContent ol:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){padding-inline-start:40px}body.demo-typography th:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography td:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){font-family:var(--demo-font)!important;font-size:14px!important;line-height:24px!important;letter-spacing:normal}body.demo-typography button:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography input:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography select:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography textarea:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography summary:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography label:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography .btn:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){font-family:var(--demo-font)!important;font-size:14px!important;line-height:1.5;letter-spacing:normal}body.demo-typography pre:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography code:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography xmp:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){font-family:var(--demo-code-font)!important;font-size:14px!important;font-weight:400;line-height:1.5!important;letter-spacing:normal}body.demo-typography pre:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)),body.demo-typography xmp:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){white-space:pre!important;overflow:auto;max-width:100%;min-width:0;box-sizing:border-box;word-break:normal;overflow-wrap:normal}body.demo-typography pre>code:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){display:block;padding:0;border-radius:0;background:transparent;white-space:inherit}body.demo-typography :is(.toolbar,.controls,.demo-source-actions){flex-wrap:wrap}body.demo-typography :is(#main,.MainContent,.classDescContent,.summarySection,.container){min-width:0}body.demo-typography :is(#footer,.footer){font-family:var(--demo-font);font-size:14px}body.demo-typography #footer .copyright p{margin:0}body.demo-typography .src_cover{background:#2d2d2d;color:#ccc}body.demo-typography .MainContent :is(ul,ol)>li{margin-left:0}@media (max-width: 640px){body.demo-typography :is(.MainContent,.classDescContent,.summarySection){width:auto;padding-left:12px;padding-right:12px}body.demo-typography .header{height:auto;min-height:90px}body.demo-typography #logo-bar{float:none;margin:0;padding:12px 16px}body.demo-typography #title{display:block;padding:0 16px 16px;overflow-wrap:anywhere}}body.demo-typography th:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){font-weight:700}body.demo-typography td:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){font-weight:400}body.demo-typography .doc_menu_item{font:700 14px/1.5 var(--demo-font)}body.demo-typography .tsd-page-title h1{overflow-wrap:anywhere}body.demo-typography .tsd-signature{font:400 14px/1.5 var(--demo-code-font);letter-spacing:normal;max-width:100%;overflow:auto}body.demo-typography :is(.MainContent,.summaryTableDescription,.tsd-panel,.col-content) a{overflow-wrap:anywhere}body.demo-typography .ie_none{font-size:14px;line-height:1.5}@media (max-width: 640px){body.demo-typography .searchbox{display:block;margin:8px 0;max-width:100%}body.demo-typography .searchbox .keyword{width:100%}body.demo-typography .searchbox input{width:calc(100% - 60px)}body.demo-typography #summaryTableStyle thead{display:none}body.demo-typography #summaryTableStyle :is(tbody,tr,td){display:block;width:auto}body.demo-typography #summaryTableStyle td{padding:12px 0}body.demo-typography .summarySignature{width:auto;margin:0;overflow-wrap:anywhere}body.demo-typography .signatureLink{line-height:2}body.demo-typography .browser_table{width:100%;table-layout:fixed}body.demo-typography .browser_table :is(th,td){width:auto;overflow-wrap:anywhere}}.demo-code-frame{position:relative;min-width:0;max-width:100%;margin:8px 0}.demo-code-frame>pre{margin:0;padding:42px 16px 16px;border-radius:4px;background:#2d2d2d;color:#ccc}.demo-code-tools{position:absolute;top:6px;right:8px;z-index:1;display:flex;align-items:center;gap:8px}.demo-code-tools .demo-code-copy{margin:0;padding:2px 10px;border:1px solid #777;border-radius:3px;background:#383838;color:#fff!important;cursor:pointer}.demo-code-tools .demo-code-copy:hover{background:#505050}.demo-code-feedback{color:#ddd;font:14px/1.5 Segoe UI,sans-serif}.demo-source-actions{display:inline-flex;gap:8px;margin-left:12px;vertical-align:middle}.demo-source-dialog{width:min(1100px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:16px;box-sizing:border-box;border:1px solid #777;background:#fff;color:#333}.demo-source-dialog::backdrop{background:#00000073}.demo-source-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-source-dialog .demo-code-frame>pre{max-height:65vh}.demo-source-dialog .demo-source-status{overflow-wrap:anywhere}.demo-source-dialog button{cursor:pointer}@media (max-width: 640px){.demo-source-actions{margin-left:0}.demo-source-dialog{padding:12px}.demo-code-feedback{max-width:180px}}:root{--sample-max-width: 1600px;--sample-page-offset: max(0px, calc((100% - var(--sample-max-width)) / 2));--sample-nav-width: 280px;--sample-header-height: 80px;--sample-ink: #23292b;--sample-muted: #68737d;--sample-line: #e0e5ea;--sample-accent: #287fca;--sample-accent-strong: #206bab;--sample-accent-soft: #edf5fc}body{margin:0;background:#f5f7f9}.sample-shell{max-width:var(--sample-max-width);min-height:100vh;margin:0 auto;color:var(--sample-ink);font:14px/1.5 var(--demo-font, "Segoe UI", sans-serif)}.sample-shell :is(.sample-header,.sample-nav,.sample-page-heading,.sample-footer) a{color:inherit;text-decoration:none}.sample-header{position:fixed;inset:0 0 auto;z-index:40;width:100%;max-width:var(--sample-max-width);height:var(--sample-header-height);margin:0 auto;padding:0 28px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid var(--sample-line)}.sample-logo-bar,.sample-brand,.sample-header-links{display:flex;align-items:center;gap:14px}.sample-logo-bar{min-width:0}.sample-header-links{flex-shrink:0}body.demo-typography .sample-header .sample-home-title{min-width:0;margin:0 0 0 10px;padding-left:24px;border-left:1px solid var(--sample-line);color:var(--sample-ink);font-size:22px!important;line-height:1.3!important;white-space:nowrap}.sample-brand{flex-shrink:0}.sample-brand-mark{display:grid;grid-template-columns:repeat(2,13px);grid-template-rows:repeat(2,13px);gap:6px;padding:9px;border-radius:12px;background:var(--sample-ink)}.sample-brand-mark i{width:13px;height:13px;border-radius:2px;background:#fff}.sample-brand-mark i:nth-child(2),.sample-brand-mark i:nth-child(3){background:#a5a9aa}.sample-brand-text{display:flex;flex-direction:column;gap:1px;white-space:nowrap}.sample-brand-text strong{font-size:27px;line-height:1.2;font-weight:750;letter-spacing:-.5px}.sample-brand-text>span{color:var(--sample-accent);font-size:13px;font-weight:600}.sample-header-links{gap:24px;font-weight:600;white-space:nowrap}.sample-header-links a:hover{color:var(--sample-accent-strong)}.sample-nav{position:fixed;top:var(--sample-header-height);bottom:0;left:var(--sample-page-offset);width:var(--sample-nav-width);z-index:35;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--sample-line);box-sizing:border-box}.sample-nav-top{padding:22px 18px 12px}.sample-nav-heading{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:12px}.sample-nav-heading>span{color:var(--sample-muted);font-weight:400}.sample-search{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;background:#f7f8fa;border:1px solid var(--sample-line);border-radius:6px}.sample-search>span{color:var(--sample-muted);font-size:24px}.sample-search input{width:100%;min-width:0;border:0;outline:0;color:var(--sample-ink);background:transparent;padding:0}.sample-search:focus-within{border-color:var(--sample-accent);box-shadow:0 0 0 2px var(--sample-accent-soft)}.sample-nav-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d4d8de transparent;padding:0 12px 24px}.sample-nav .sample-nav-group{display:block;padding:18px 12px 6px;font-weight:700;color:#343d49}.sample-nav ul{list-style:none;margin:0;padding:0}.sample-nav li{margin:0;padding:0}.sample-nav-scroll a{display:block;padding:8px 14px;margin:2px 0;border-radius:5px;font-size:14px;line-height:1.5;color:#596372;overflow-wrap:anywhere}.sample-nav-scroll a:hover{background:#f3f5f7;color:#252c36}.sample-nav-scroll a[aria-current=page]{color:var(--sample-accent-strong);background:var(--sample-accent-soft);font-weight:600;box-shadow:inset 3px 0 var(--sample-accent)}.sample-nav-empty{padding:12px;color:var(--sample-muted)}.sample-main{margin-left:var(--sample-nav-width);padding:calc(var(--sample-header-height) + 30px) 32px 24px;min-width:0}.sample-page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.sample-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--sample-muted)}.sample-breadcrumb>span[aria-hidden]{color:#b8bec7}body.demo-typography .sample-page-heading h1{margin:6px 0 0;overflow-wrap:anywhere}.sample-preview-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;border:1px solid var(--sample-line);border-top:2px solid var(--sample-accent);border-radius:8px 8px 0 0;background:#fff}.sample-preview-label{display:flex;align-items:center;gap:8px;font-weight:600}.sample-preview-label>i{width:6px;height:6px;border-radius:50%;background:var(--sample-accent)}.sample-framework-label{color:var(--sample-muted)}.sample-view{padding:24px;background:#fff;border:1px solid var(--sample-line);border-top:0;border-radius:0 0 10px 10px;min-width:0;display:flow-root}.sample-view--home{border-top:1px solid var(--sample-line);border-radius:10px}.sample-footer{margin:20px 32px 24px calc(var(--sample-nav-width) + 32px);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:#747e8b}.sample-shell .home-main{text-align:left;min-width:0}.sample-shell .home-main>p:first-child{margin-top:0}.sample-shell .home-main .headline{margin-top:36px;padding-top:24px;border-top:1px solid var(--sample-line)}.sample-shell .home-dependencies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0}.sample-shell .dependency-card{min-width:0;padding:22px 24px;border:1px solid #d7e4f3;border-radius:12px;background:#f5f8fc;overflow-wrap:anywhere}.sample-shell .dependency-card:only-child{grid-column:1 / -1}.sample-shell .dependency-card>h2{margin:0 0 16px;color:var(--sample-ink)}.sample-shell .dependency-card>ul{list-style:none;padding:0;margin:0}@media (max-width: 760px){.sample-shell .home-dependencies{grid-template-columns:minmax(0,1fr)}}.sample-shell .home-main .codeblock-wrap{margin-top:16px}.sample-shell .sub-headline{font-size:16px;font-weight:500}.sample-shell .link-is-link{color:var(--sample-accent-strong);text-decoration:underline;text-underline-offset:3px}.sample-shell :is(button,.btn):not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;box-sizing:border-box;padding:5px 13px;margin:3px 4px 3px 0;border:1px solid #d7dce3;border-radius:5px;background:#fff;color:#303946;font:600 14px/1.5 var(--demo-font);text-decoration:none;cursor:pointer;vertical-align:middle}.sample-shell :is(button,.btn):hover:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){background:var(--sample-accent-soft);border-color:var(--sample-accent)}.sample-shell button:disabled:not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){opacity:.5;cursor:not-allowed}.sample-shell .sample-view:not(.sample-view--home) :is(button,.btn,.btn-disabled):not(:where(.demo-segments *,.energy-views *,.demo-code-tools *,.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){display:inline-block;min-height:0;padding:10px 17px;margin:6px 8px 6px 0;border:1px solid #337ab7;border-radius:4px;background:#337ab7;color:#fff!important;font:600 14px/1.5 var(--demo-font);box-shadow:none;transition:background-color .15s}.sample-shell .sample-view:not(.sample-view--home) :is(button,.btn,.btn-disabled):hover:not(:where(.demo-segments *,.energy-views *,.demo-code-tools *,.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){background:#286090;border-color:#337ab7}.sample-shell .sample-view:not(.sample-view--home) :is(button,.btn,.btn-disabled)[aria-pressed=true]:not(:where(.demo-segments *,.energy-views *,.demo-code-tools *,.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){background:#286090;border-color:#286090}.sample-shell .sample-view:not(.sample-view--home) :is(button,.btn,.btn-disabled):is(.btn-disabled,:disabled,[aria-disabled=true]):not(:where(.demo-segments *,.energy-views *,.demo-code-tools *,.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){background:#337ab7;border-color:#337ab7;color:#fff!important;box-shadow:none;opacity:.45;cursor:default}.sample-shell .sample-header .sample-trial{background:var(--sample-accent-strong);border-color:var(--sample-accent-strong);color:#fff;margin:0}.sample-shell .sample-page-heading .sample-source-open{background:var(--sample-ink);border-color:var(--sample-ink);color:#fff;white-space:nowrap;margin:0}.sample-shell .sample-source-open>span{font-family:var(--demo-code-font)}.sample-shell .sample-header .sample-menu-toggle{display:none;width:34px;height:34px;padding:8px;margin:0}.sample-menu-icon,.sample-menu-icon:before,.sample-menu-icon:after{display:block;position:relative;width:16px;height:2px;background:#394452}.sample-menu-icon:before,.sample-menu-icon:after{content:"";position:absolute;left:0}.sample-menu-icon:before{top:-5px}.sample-menu-icon:after{top:5px}.sample-shell .sample-nav-backdrop{display:none}.sample-shell .sample-view :is(select,input,textarea):not(:where(.aui-grid,.aui-grid *,[class^=aui-grid-],[class^=aui-grid-] *,[class*=" aui-grid-"],[class*=" aui-grid-"] *)){max-width:100%;box-sizing:border-box;accent-color:var(--sample-accent)}.sample-shell .sample-view select:not(:where(.aui-grid *,[class^=aui-grid-] *,[class*=" aui-grid-"] *)){min-height:32px;border:1px solid #d6dce4;border-radius:4px;background:#fff;color:#303946;padding:3px 7px}.sample-shell .sample-view input[type=range]{accent-color:var(--sample-accent)}.sample-shell .desc{text-align:left;color:#4d5867}.sample-shell .desc a{color:var(--sample-accent-strong);text-underline-offset:3px}.force-text-left{text-align:left}.force-text-center{text-align:center}.force-text-right{text-align:right}.padding-0{padding:0!important}.margin-0{margin:0!important}.sample-source-dialog{width:min(1100px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:20px;box-sizing:border-box;border:1px solid var(--sample-line);border-radius:10px;background:#fff;color:var(--sample-ink)}.sample-source-dialog::backdrop{background:#23292b66}.sample-source-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}body.demo-typography .sample-source-heading h2{margin:0}.sample-source-file{display:block;margin:10px 0 16px;color:var(--sample-muted);overflow-wrap:anywhere}.sample-source-dialog .demo-code-frame>pre{max-height:65vh}.sample-shell .demo-code-tools .demo-code-copy{min-height:28px;padding:2px 10px;margin:0;background:#383838;border-color:#777;color:#fff}.sample-shell :is(a,button,input,select):focus-visible:not(:where(.aui-grid *)){outline:2px solid var(--sample-accent);outline-offset:3px}.sample-skip{position:fixed;top:-60px;left:12px;z-index:100;padding:10px 16px;background:#fff;color:#111}.sample-skip:focus{top:8px}@media (max-width: 1100px){body.demo-typography .sample-header .sample-home-title{padding-left:16px;margin-left:0;font-size:20px!important}.sample-shell .sample-header .sample-menu-toggle{display:inline-flex}.sample-nav{left:0;transform:translate(-100%);visibility:hidden;transition:transform .18s ease,visibility .18s}.sample-nav-open .sample-nav{transform:translate(0);visibility:visible}.sample-shell .sample-nav-backdrop{display:block;position:fixed;inset:var(--sample-header-height) 0 0;z-index:32;width:100%;height:calc(100% - var(--sample-header-height));padding:0;margin:0;border:0;border-radius:0;background:#23292b4d}.sample-main{margin-left:0;padding:calc(var(--sample-header-height) + 24px) 24px 20px}.sample-footer{margin:20px 24px}}@media (max-width: 960px){body.demo-typography .sample-header .sample-home-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%)}}@media (max-width: 760px){.sample-header-links>a:not(.sample-trial){display:none}}@media (max-width: 640px){:root{--sample-header-height: 72px}.sample-header{padding:0 16px;gap:8px}.sample-logo-bar,.sample-brand{gap:10px}.sample-brand-mark{grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);gap:4px;padding:7px;border-radius:9px}.sample-brand-mark i{width:9px;height:9px}.sample-brand-text strong{font-size:22px}.sample-brand-text>span{display:none}.sample-header-links{gap:0}.sample-shell .sample-header .sample-trial{padding:5px 9px}.sample-main{padding:calc(var(--sample-header-height) + 20px) 14px 20px}.sample-page-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:18px}.sample-preview-toolbar{padding:12px 14px}.sample-view{padding:16px}.sample-footer{margin:16px;flex-direction:column;gap:8px}.sample-source-dialog{padding:12px}}@media (prefers-reduced-motion: reduce){.sample-nav{transition:none}}a{color:inherit;text-decoration:none}ul{list-style:none}select{height:30px}img{border:0}