.view-toggle{display:inline-flex;flex-shrink:0;padding:2px;background:var(--paper-2);border:.5px solid var(--rule);border-radius:var(--radius-pill)}.view-toggle__btn{border:none;background:transparent;cursor:pointer;padding:5px 14px;border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--ink-2);transition:background var(--motion-fast),color var(--motion-fast)}.view-toggle__btn:not(.view-toggle__btn--active):hover{color:var(--ink-1);background:var(--paper-3)}.view-toggle__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.view-toggle__btn--active{background:var(--ink-1);color:var(--paper-1)}