.view-switcher{--doc-radius-card:18px;--doc-radius-tile:14px;--doc-radius-pill:32px;--aura-1:#4cc8ff;--aura-2:var(--primary-50,#3a85ff);--aura-3:#b08cff;--aura-warm:#ffb799;--doc-glass:#ffffffc7;--doc-glass-strong:#ffffffeb;--doc-stroke:#0f172a14;--doc-stroke-soft:#0f172a0d;--doc-text:#1f2330;--doc-text-muted:#5a6072;--doc-text-mute2:#8b8fa0;--vs-btn:38px;background:var(--doc-glass-strong);box-shadow:0 0 0 1px var(--doc-stroke), inset 0 1px 0 #ffffffb3;isolation:isolate;border-radius:999px;flex-shrink:0;align-items:center;padding:3px;display:inline-flex;position:relative}.view-switcher__thumb{width:var(--vs-btn);height:var(--vs-btn);background:linear-gradient(135deg, var(--aura-1), var(--aura-2) 55%, var(--aura-3));will-change:transform;z-index:0;border-radius:999px;transition:transform .36s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;left:3px;box-shadow:0 6px 14px -6px #3a85ff8c,inset 0 1px #ffffff73}.view-switcher__btn{z-index:1;width:var(--vs-btn);height:var(--vs-btn);color:var(--doc-text-muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:color .22s,transform .18s;display:inline-flex;position:relative}.view-switcher__btn svg{transition:transform .24s cubic-bezier(.22,1,.36,1);display:block}.view-switcher__btn:hover:not(.is-active){color:var(--doc-text)}.view-switcher__btn:hover:not(.is-active) svg{transform:scale(1.08)}.view-switcher__btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3a85ff52}.view-switcher__btn.is-active{color:#fff}