.demo-viewbar{display:flex;justify-content:center;align-items:center;gap:15px;padding:10px 5%;background:#e1ebfb;color:#18304c;border-bottom:1px solid #cbdcf1;font-family:'DM Sans',sans-serif;font-size:12px}.demo-view-switch{position:relative;display:inline-flex;background:#fffdf7;border:1px solid #bdcfe7;border-radius:30px;padding:4px;isolation:isolate}.demo-view-switch:before{content:'';position:absolute;inset:4px auto 4px 4px;width:calc(50% - 4px);background:#084aaf;border-radius:24px;z-index:-1;transition:transform .18s ease}.demo-view-switch.is-admin:before{transform:translateX(100%)}.demo-view-switch button{width:92px;min-height:36px;padding:7px 12px;border:0;border-radius:24px;background:transparent;color:#084aaf;font:600 13px 'DM Sans',sans-serif;cursor:pointer}.demo-view-switch button[aria-pressed=true]{color:white}.demo-view-switch button:focus-visible{outline:3px solid #7ca9ea;outline-offset:2px}.demo-viewbar .demo-view-note{color:#526d8c}@media(max-width:580px){.demo-viewbar{flex-wrap:wrap;gap:8px 12px}.demo-viewbar .demo-view-note{width:100%;text-align:center;font-size:11px}}@media(prefers-reduced-motion:reduce){.demo-view-switch:before{transition:none}}