:root{--demo-bar:40px}.demo-bar{z-index:2000;height:var(--demo-bar);color:#fff;white-space:nowrap;scrollbar-width:none;background:#000;align-items:center;gap:14px;padding:0 14px;font:500 13px/1 Inter,system-ui,sans-serif;display:flex;position:fixed;inset:0 0 auto;overflow-x:auto}.demo-bar-tag{align-items:center;gap:7px;font-weight:700;display:inline-flex}.demo-bar-tag:before{content:"";background:#28c840;border-radius:50%;width:8px;height:8px}.demo-bar-select{color:#fff;height:28px;font:inherit;cursor:pointer;background:#000;border:1px solid #5c5c5c;border-radius:999px;padding:0 8px;font-weight:600}.demo-bar-note{color:#b5b5b5;margin-right:auto}.demo-bar-link{color:#fff;text-underline-offset:3px;font-weight:600}.demo-bar-select:focus-visible,.demo-bar-link:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (width<=720px){.demo-bar-note{display:none}.demo-bar-select{margin-right:auto}}html.demo-on body{padding-top:var(--demo-bar)}html.demo-on .MuiDrawer-paper{top:var(--demo-bar)!important;height:calc(100% - var(--demo-bar))!important}html.demo-on .MuiAppBar-root{top:var(--demo-bar)!important}.demo-bar-version{color:#b5b5b5;font-weight:600}.demo-bar-real{color:#b5b5b5}@media (hover:hover){.demo-bar-select:hover{border-color:#fff}}