.demo-toolbar{position:fixed;left:12px;bottom:8px;z-index:30000;font:12px system-ui;color:#eee}.demo-toolbar button,.demo-toolbar a{padding:9px 12px;border:1px solid #a88ae666;border-radius:8px;background:#161927;color:#eee;cursor:pointer;text-decoration:none}.demo-toolbar #demoTools{font-size:10px;letter-spacing:.08em;background:#1c1930}.demo-toolbar #demoOptions{position:absolute;bottom:40px;left:0;width:290px;padding:18px;background:#141824;border:1px solid #a88ae6;border-radius:15px;box-shadow:0 15px 60px #0008}.demo-toolbar #demoOptions p{line-height:1.5;color:#b9bbce}.demo-toolbar #demoOptions button,.demo-toolbar #demoOptions a{display:block;width:100%;margin:7px 0;box-sizing:border-box;text-align:left}.app-shell{filter:brightness(var(--demo-brightness,1))}.screensaver{background-image:url('./assets/cosmos.svg')}
@media(max-width:900px){.page-container{overflow:auto}.app-shell{min-height:100dvh;height:auto}.demo-toolbar #demoTools{padding:6px}.brand small:after{content:' · DEMO'}}