.examples-module__oao2VG__group{gap:14px;display:grid}.examples-module__oao2VG__sub{gap:10px;margin-top:8px;display:grid}.examples-module__oao2VG__h2{letter-spacing:-.035em;color:var(--fd-tx);flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;font-size:26px;font-weight:600;line-height:1.15;display:flex}.examples-module__oao2VG__h2>span:not(.examples-module__oao2VG__tag){font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.04em;color:var(--fd-grey);font-size:11px;font-weight:500}.examples-module__oao2VG__h3{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--fd-grey);margin:0;font-size:11px;font-weight:500;line-height:14px}.examples-module__oao2VG__note{color:var(--fd-mut);margin:0;font-size:14.5px;line-height:1.55}.examples-module__oao2VG__tag{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--fd-brand-ink);background:var(--fd-brand-soft);border-radius:6px;padding:2px 6px;font-size:11px;font-style:normal;font-weight:500}.examples-module__oao2VG__grid{background:var(--fd-cell);box-shadow:0 0 0 1px var(--fd-rule);border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));display:grid;overflow:hidden}.examples-module__oao2VG__card{color:var(--fd-tx);box-shadow:1px 0 0 var(--fd-rule), 0 1px 0 var(--fd-rule);grid-template-rows:auto 1fr;gap:12px;min-width:0;padding:16px;text-decoration:none;transition:background .25s;display:grid}.examples-module__oao2VG__card:hover,.examples-module__oao2VG__card:focus-visible{background:var(--fd-lift)}.examples-module__oao2VG__card img{aspect-ratio:1200/627;object-fit:cover;width:100%;height:auto;box-shadow:0 0 0 1px var(--fd-rule);transition:transform .3s var(--fd-ease);border-radius:8px;display:block}.examples-module__oao2VG__card:hover img{transform:translateY(-3px)}.examples-module__oao2VG__body{align-content:start;gap:4px;min-width:0;display:grid}.examples-module__oao2VG__body b{letter-spacing:-.02em;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.examples-module__oao2VG__body small{color:var(--fd-mut);font-size:13.5px;line-height:1.45}.examples-module__oao2VG__body i{color:var(--fd-grey);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-style:normal;overflow:hidden}@media (prefers-reduced-motion:reduce){.examples-module__oao2VG__card,.examples-module__oao2VG__card img{transition:none}.examples-module__oao2VG__card:hover img{transform:none}}