.view-toggle{z-index:40;-webkit-backdrop-filter:blur(14px);background:#0f0f0feb;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:2px;padding:4px;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:inset 0 1px #ffffff0a,0 10px 30px -10px #0009,0 2px 8px -2px #0006}.view-toggle:hover{border-color:var(--color-cta,#cbb26a);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff0f,0 14px 40px -10px #000000b3,0 0 0 4px #cbb26a0f}.view-toggle-rail{pointer-events:none;background:#050505;border-radius:999px;width:calc(50% - 4px);transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px;box-shadow:inset 0 0 0 1px #ffffff1f}.view-toggle-rail[data-pos=l]{transform:translate(0)}.view-toggle-rail[data-pos=r]{transform:translate(100%)}.view-toggle-btn{z-index:1;color:#8c8c8c;cursor:pointer;letter-spacing:-.005em;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:12.5px;transition:color .15s;display:inline-flex;position:relative}.view-toggle-btn:hover{color:#dcdcdc}.view-toggle-btn.is-active{color:var(--color-cta,#cbb26a)}@media (max-width:600px){.view-toggle{bottom:12px;right:12px}.view-toggle-btn{padding:6px 10px;font-size:12px}}