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