.examples-shell{gap:var(--space-7,3rem);grid-template-columns:220px minmax(0,1fr);grid-template-areas:"sidebar content";max-width:1240px;margin:0 auto;padding:3rem 1.5rem 6rem;display:grid}@media screen and (max-width:calc(64rem - 1px)){.examples-shell{gap:var(--space-6,2rem);grid-template-columns:minmax(0,1fr);grid-template-areas:"content"}}@media print{.examples-shell{max-width:none;padding:0;display:block}}
.ExamplesNav-module-scss-module__grGIDG__sidebar{grid-area:sidebar}@media print{.ExamplesNav-module-scss-module__grGIDG__sidebar{display:var(--print-hide,none)!important}}.ExamplesNav-module-scss-module__grGIDG__sidebar{gap:var(--space-3,.875rem);top:calc(var(--nav-height,4rem) + var(--space-4,1rem));max-block-size:calc(100dvh - var(--nav-height,4rem) - var(--space-4,1rem)*2);grid-template-rows:auto minmax(0,1fr);align-self:start;font-size:.9rem;display:grid;position:sticky}@media screen and (max-width:calc(64rem - 1px)){.ExamplesNav-module-scss-module__grGIDG__sidebar{display:none}}.ExamplesNav-module-scss-module__grGIDG__scroll{overscroll-behavior:contain;min-block-size:0;overflow-y:auto}.ExamplesNav-module-scss-module__grGIDG__sidebar h2{font-family:var(--font-script);letter-spacing:0;color:var(--shu);text-transform:none;margin:0 0 .5rem;font-size:1.25rem;font-weight:600;line-height:1}.ExamplesNav-module-scss-module__grGIDG__sidebar ul{border-left:1px solid var(--hair-soft);font-family:var(--font-serif);margin:0;padding:0;list-style:none}.ExamplesNav-module-scss-module__grGIDG__sidebar a{color:var(--ink-soft);transition:color .18s var(--ease),border-color .18s var(--ease);border:0;border-left:2px solid #0000;margin-left:-1px;padding:.3rem .9rem;line-height:1.5;text-decoration:none;display:block}.ExamplesNav-module-scss-module__grGIDG__sidebar a:hover{color:var(--ink)}.ExamplesNav-module-scss-module__grGIDG__sidebar a[aria-current=page]{color:var(--ink);border-left-color:var(--ai);font-weight:600}