.viewport-switch.svelte-1kpntka{isolation:isolate;width:fit-content;max-width:100%;padding:var(--space-1);border-radius:var(--radius-pill);flex-wrap:wrap;flex:none;display:inline-flex;position:relative}.viewport-switch.svelte-1kpntka :is(a:where(.svelte-1kpntka),button:where(.svelte-1kpntka)){justify-content:center;align-items:center;gap:var(--space-1);min-height:var(--control);min-width:var(--control);padding:0 var(--space-2);border-radius:var(--radius-pill);color:var(--fg-2);font:inherit;font-size:var(--text-xs);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-hover) ease, color var(--dur-hover) ease, transform var(--dur-press) var(--ease-out);background:0 0;border:0;font-weight:550;line-height:1;text-decoration:none;display:inline-flex}.viewport-switch.svelte-1kpntka [aria-pressed=true]:where(.svelte-1kpntka),.viewport-switch.svelte-1kpntka [aria-current=true]:where(.svelte-1kpntka){background:color-mix(in srgb, var(--fg) 9%, transparent);color:var(--fg)}.unknown.svelte-1kpntka [data-preview-choice=desktop]:where(.svelte-1kpntka){background:var(--feed-desktop-choice,transparent)}.unknown.svelte-1kpntka [data-preview-choice=both]:where(.svelte-1kpntka){background:var(--feed-both-choice,transparent)}.unknown.svelte-1kpntka [data-preview-choice=mobile]:where(.svelte-1kpntka){background:var(--feed-mobile-choice,transparent)}.instant.svelte-1kpntka :is(a:where(.svelte-1kpntka),button:where(.svelte-1kpntka)){transition:none}.viewport-switch.svelte-1kpntka :where(.svelte-1kpntka):disabled{opacity:.45;cursor:not-allowed}.viewport-switch.svelte-1kpntka :where(.svelte-1kpntka):is(a:where(.svelte-1kpntka),button:where(.svelte-1kpntka)):focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.viewport-switch.svelte-1kpntka :where(.svelte-1kpntka):is(a:where(.svelte-1kpntka),button:where(.svelte-1kpntka)):is(:where(.svelte-1kpntka):active,[data-pressed],[data-pending]):not(:disabled){--press-opacity:1;transform:scale(.97)}.compact.svelte-1kpntka :is(a:where(.svelte-1kpntka),button:where(.svelte-1kpntka)){width:var(--control);padding:0}.compact.svelte-1kpntka .words:where(.svelte-1kpntka){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.width.svelte-1kpntka{margin-top:var(--space-1);color:var(--fg-2);font-family:var(--mono);font-size:var(--text-micro);font-weight:400;display:block}svg.svelte-1kpntka{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none}.viewport-switch.instant.svelte-1kpntka :where(.svelte-1kpntka):is(a:where(.svelte-1kpntka),button:where(.svelte-1kpntka)):is(:where(.svelte-1kpntka):active,[data-pressed],[data-pending]):not(:disabled){transform:none}@media (hover:hover) and (pointer:fine){.viewport-switch.svelte-1kpntka :where(.svelte-1kpntka):is(a:where(.svelte-1kpntka),button:where(.svelte-1kpntka)):hover:not(:disabled):not([aria-pressed=true]):not([aria-current=true]){background:color-mix(in srgb, var(--fg) 5%, transparent);color:var(--fg)}}@media (prefers-reduced-motion:reduce){.viewport-switch.svelte-1kpntka :is(a:where(.svelte-1kpntka),button:where(.svelte-1kpntka)){transition:none}.viewport-switch.svelte-1kpntka :where(.svelte-1kpntka):is(a:where(.svelte-1kpntka),button:where(.svelte-1kpntka)):is(:where(.svelte-1kpntka):active,[data-pressed],[data-pending]):not(:disabled){transform:none}}