.sample-switcher{--sw-bg:#f1f3f6;--sw-text:#4a5468;--sw-active-bg:#0a0e19;--sw-active-text:#fff;--sw-hover:#0a0e19;background:var(--sw-bg);border-radius:999px;align-items:center;gap:2px;padding:4px;display:inline-flex}.sample-switcher[data-tone=dark]{--sw-bg:#ffffff14;--sw-text:#b8c2d6;--sw-active-bg:#22e1ff;--sw-active-text:#05070e;--sw-hover:#fff;box-shadow:inset 0 0 0 1px #ffffff1f}.sample-switcher a.sample-switcher__item{min-height:42px;color:var(--sw-text);letter-spacing:.01em;white-space:nowrap;box-shadow:none;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:800;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.sample-switcher a.sample-switcher__item:hover{color:var(--sw-hover);background:0 0}.sample-switcher a.sample-switcher__item[aria-current=page]{background:var(--sw-active-bg);color:var(--sw-active-text)}.sample-switcher a.sample-switcher__item:focus-visible{outline-offset:2px;outline:2px solid #1e3bff}.sample-switcher[data-tone=dark] a.sample-switcher__item:focus-visible{outline-color:#22e1ff}.sample-switcher--inline{display:none}@media (max-width:860px){.sample-switcher--nav{display:none}.sample-switcher--inline{grid-template-columns:repeat(3,minmax(0,1fr));width:calc(100% - 28px);margin:16px auto 0;display:grid}.sample-switcher--inline a.sample-switcher__item{justify-content:center;gap:6px;min-height:44px;padding:0 6px;font-size:13px}}@media (max-width:380px){.sample-switcher--inline a.sample-switcher__item{font-size:12px}.sample-switcher--inline a.sample-switcher__item svg{display:none}}