.demo-view-switcher{position:fixed;top:0;left:0;right:0;height:56px;z-index:100;display:flex;justify-content:flex-end;align-items:center;gap:5px;padding:8px 24px;background:#111216;border-bottom:1px solid #36373e;font-family:Manrope,Arial,sans-serif;box-sizing:border-box;overflow-x:auto}
.demo-view-switcher a{flex-shrink:0;display:block;padding:9px 14px;border-radius:7px;background:transparent;color:#d4d6dc;text-decoration:none;font-size:12px;font-weight:700;line-height:20px;white-space:nowrap}
.demo-view-switcher a:hover{background:#292b33;color:#fff}.demo-view-switcher a[aria-current=page]{background:#e6243c;color:#fff}.demo-view-switcher a:focus-visible{outline:2px solid white;outline-offset:2px}
body.has-view-switcher{padding-top:56px}.has-view-switcher.view-website>header{top:56px}.has-view-switcher>.nav{top:56px}
@media(min-width:1100px){.has-view-switcher.view-admin>.nav{top:148px}}
@media(max-width:650px){.demo-view-switcher{padding:8px;gap:3px;justify-content:flex-end}.demo-view-switcher a{padding:9px 7px;font-size:10px}}
@media(max-width:370px){.demo-view-switcher{justify-content:flex-start}}
@media print{.demo-view-switcher{display:none!important}body.has-view-switcher{padding-top:0}}