.demo-switcher{position:fixed;inset-inline-start:22px;bottom:22px;z-index:9998;display:flex;align-items:center;gap:6px;padding:7px;color:#fff;background:rgba(5, 8, 6, 0.82);border:1px solid rgba(222, 197, 60, 0.35);border-radius:18px;box-shadow:0 18px 55px rgba(0, 0, 0, 0.34),0 0 30px rgba(222, 197, 60, 0.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.demo-switcher__label{padding-inline:10px 8px;color:rgba(255, 255, 255, 0.62);font-size:11px;font-weight:700;letter-spacing:.06em}.demo-switcher__option{min-width:58px;padding:7px 10px;color:rgba(255, 255, 255, 0.72);text-align:center;text-decoration:none;border:1px solid transparent;border-radius:12px;transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease}.demo-switcher__option span,.demo-switcher__option small{display:block}.demo-switcher__option span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:900}.demo-switcher__option small{margin-top:1px;font-size:9px}.demo-switcher__option:hover,.demo-switcher__option.is-active{color:#0b0d0a;background:linear-gradient(135deg, #f8e986, #dec53c);border-color:rgba(255, 255, 255, 0.4);transform:translateY(-2px)}@media(max-width: 575px){.demo-switcher{inset-inline:12px auto;bottom:12px;max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none}.demo-switcher::-webkit-scrollbar{display:none}.demo-switcher__label{display:none}.demo-switcher__option{flex:0 0 50px;min-width:50px;padding-inline:6px}}