.ExampleExplorer_page__a34ki{height:calc(100vh - 64px);min-height:640px;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);border-top:1px solid var(--rule)}.ExampleExplorer_bar__WcFYl{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-3-5);padding:var(--space-2-5) var(--space-5);border-bottom:1px solid var(--rule);background:var(--surface)}.ExampleExplorer_trail__JgP2Y{display:flex;align-items:center;gap:var(--space-1-5);flex:1 1 auto;min-width:0;font-size:var(--text-14)}.ExampleExplorer_crumb__UjP10{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:var(--space-0-5) var(--space-1);margin:0;font:inherit;color:var(--blue);cursor:pointer;border-radius:var(--r-xs);white-space:nowrap}.ExampleExplorer_crumb__UjP10:hover{text-decoration:underline}.ExampleExplorer_crumb__UjP10:focus-visible,.ExampleExplorer_quiet__XhXKj:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.ExampleExplorer_here__1Tl7X{padding:var(--space-0-5) var(--space-1);color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ExampleExplorer_sep__ZMyHn{color:var(--ink3)}.ExampleExplorer_pill__y50_c{flex:0 0 auto;font-size:var(--text-12);font-weight:600;padding:calc(var(--space-0-5)*2.5) calc(var(--space-0-5)*5.5);border-radius:var(--r-pill);border:1px solid var(--rule2);background:var(--sunken);color:var(--ink2);white-space:nowrap}.ExampleExplorer_quiet__XhXKj{flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:var(--text-14);font-weight:600;padding:var(--space-2) var(--space-3-5);border-radius:calc(var(--r-xs)*2);border:1px solid var(--rule2);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap}.ExampleExplorer_quiet__XhXKj:hover{background:var(--sunken)}.ExampleExplorer_chrome__wQMFQ{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-3);padding:calc(var(--space-0-5)*3.5) var(--space-5);border-bottom:1px solid var(--rule);background:var(--paper)}.ExampleExplorer_chrome__wQMFQ .dcxBuiltSlot{position:static;margin-top:0;flex:0 0 auto}.ExampleExplorer_body__1fDEB{flex:1 1 auto;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden}.ExampleExplorer_body__1fDEB>*{flex:1 1;min-height:0}.ExampleExplorer_fill__AgzDz{flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column}.ExampleExplorer_fill__AgzDz>*{flex:1 1;min-height:0}.ExampleExplorer_hero__lwpkW{display:flex;flex-direction:column;height:640px;border:1px solid var(--rule);border-radius:calc(var(--r-xs)*3.5);overflow:hidden;background:var(--paper)}.ExampleExplorer_heroBar__a46jf{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-3-5);padding:var(--space-2) var(--space-3-5);border-bottom:1px solid var(--rule);background:var(--surface)}.ExampleExplorer_heroHint__0nims{flex:1 1 auto;font-size:var(--text-13);color:var(--ink2)}.ExampleExplorer_heroStage__Hf8ub{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.ExampleExplorer_heroStage__Hf8ub>*{flex:1 1;min-height:0}.ExampleExplorer_srOnly__rjNBA{position:absolute;width:1px;height:1px;padding:0;margin:calc(var(--space-1)*-.25);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}