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