.view-mode-toggle[data-v-4ddb5bc0]{background:var(--surface-100);border:1px solid var(--surface-border);border-radius:var(--border-radius);align-items:center;gap:.125rem;height:2.25rem;padding:.25rem;display:inline-flex;position:relative}.app-dark{background:var(--surface-700)}.view-mode-toggle__indicator[data-v-4ddb5bc0]{background:var(--surface-0);border-radius:calc(var(--border-radius) - 2px);width:calc(50% - .3125rem);height:calc(100% - .5rem);transition:transform .2s;position:absolute;left:.25rem;box-shadow:0 1px 3px #0000001a}.app-dark{background:var(--surface-600);box-shadow:0 1px 3px #0000004d}.view-mode-toggle__indicator--right[data-v-4ddb5bc0]{transform:translate(calc(100% + .125rem))}.view-mode-toggle__button[data-v-4ddb5bc0]{z-index:1;width:1.75rem;height:1.75rem;color:var(--text-color-secondary);cursor:pointer;border-radius:calc(var(--border-radius) - 2px);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex;position:relative}.view-mode-toggle__button[data-v-4ddb5bc0]:hover{color:var(--text-color)}.view-mode-toggle__button--active[data-v-4ddb5bc0]{color:var(--primary-color)}