:root{--demo-bar-h: 48px;--demo-ink: #0e1330;--demo-signal: #ffe600;--demo-mist: #dce1f2}html,body{height:100%;overflow:hidden}body{margin:0;display:flex;flex-direction:column;height:100dvh}#root{position:relative;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;--demo-vh: calc(100dvh - var(--demo-bar-h));scroll-padding-top:.75rem;scroll-padding-bottom:calc(var(--tabbar-h, 0px) + var(--cartbar-h, 0px) + .75rem)}.demo-bar{position:relative;z-index:40;flex:0 0 var(--demo-bar-h);height:var(--demo-bar-h);box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:0 12px;background:var(--demo-ink);color:#fff;font-family:Atkinson Hyperlegible Next Variable,Atkinson Hyperlegible Next,ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.2}.demo-bar *,.demo-bar *:before,.demo-bar *:after{box-sizing:border-box}.demo-bar__title{margin:0;font-size:16px;font-weight:800;white-space:nowrap}.demo-bar__who{color:var(--demo-mist);white-space:nowrap}.demo-bar__tips{display:flex;gap:20px;margin:0 0 0 8px;padding:0;list-style:none;color:var(--demo-mist);white-space:nowrap;overflow:hidden}.demo-bar__tips strong{color:#fff}.demo-bar__actions{display:flex;align-items:center;gap:8px;margin-left:auto}.demo-bar button,.demo-bar a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 12px;border:2px solid rgb(255 255 255 / .35);border-radius:10px;background:transparent;color:#fff;font:inherit;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer}.demo-bar button:hover,.demo-bar a:hover{border-color:#fff}.demo-bar .demo-bar__primary{border-color:var(--demo-signal);background:var(--demo-signal);color:var(--demo-ink)}.demo-bar :focus-visible{outline:3px solid var(--demo-signal);outline-offset:2px}.demo-bar__tips-toggle{display:none!important}.demo-bar__panel{position:absolute;top:calc(100% + 4px);left:8px;right:8px;margin:0;padding:12px 16px;border-radius:12px;background:var(--demo-ink);color:#fff;box-shadow:0 16px 32px -12px #00000080;list-style:none}.demo-bar__panel li+li{margin-top:8px}.demo-bar__panel[hidden],.demo-short{display:none}@media(max-width:1440px){.demo-bar__who{display:none}}@media(max-width:1180px){.demo-bar__tips{display:none}.demo-bar__tips-toggle{display:inline-flex!important}}@media(max-width:640px){.demo-bar{gap:8px;padding:0 8px}.demo-bar__who{display:none}.demo-bar__actions{gap:6px}.demo-bar button,.demo-bar a{padding:0 9px}.demo-long{display:none}.demo-short{display:inline}}@media(forced-colors:active){.demo-bar{border-bottom:1px solid CanvasText}.demo-bar button,.demo-bar a{border-color:ButtonText}}#root .skip-links{top:var(--demo-bar-h)}@media print{html,body{height:auto;overflow:visible;display:block}#root{height:auto;overflow:visible}.demo-bar{display:none}}