.LongformTypography_LongformTypography__NSIeN h1{font-size:2.5rem;font-weight:700;letter-spacing:-.025rem;line-height:1.15;margin-bottom:2rem}@media screen and (max-width:1000px){.LongformTypography_LongformTypography__NSIeN h1{font-size:2rem}}.LongformTypography_LongformTypography__NSIeN h1 a{color:inherit}.LongformTypography_LongformTypography__NSIeN h2{margin-bottom:1rem;font-size:1.55rem;font-weight:700;letter-spacing:0;line-height:1.33;margin-top:2.5rem}@media screen and (max-width:1000px){.LongformTypography_LongformTypography__NSIeN h2{font-size:1.4rem}}.LongformTypography_LongformTypography__NSIeN h2 a{color:inherit}.LongformTypography_LongformTypography__NSIeN h3{margin-bottom:.5rem;font-size:1.05rem;font-weight:600;letter-spacing:0;line-height:1.33;margin-top:1.75rem}@media screen and (max-width:1000px){.LongformTypography_LongformTypography__NSIeN h3{font-size:1.15rem}}.LongformTypography_LongformTypography__NSIeN h4{margin-bottom:.5rem;font-size:1.05rem;font-weight:600;letter-spacing:0;line-height:1.33}@media screen and (max-width:1000px){.LongformTypography_LongformTypography__NSIeN h4{font-size:1.15rem}}.LongformTypography_LongformTypography__NSIeN h2 .anchor-link,.LongformTypography_LongformTypography__NSIeN h3 .anchor-link,.LongformTypography_LongformTypography__NSIeN h4 .anchor-link{display:inline-block;width:1em;height:1em;background:url(/_next/static/media/icon-link.8420abc8.svg) no-repeat 50%;background-size:contain;border-radius:.25rem;vertical-align:middle;margin-left:.25em;transform:translateY(-1px);opacity:0}.LongformTypography_LongformTypography__NSIeN h2:hover .anchor-link,.LongformTypography_LongformTypography__NSIeN h3:hover .anchor-link,.LongformTypography_LongformTypography__NSIeN h4:hover .anchor-link{opacity:1}.LongformTypography_LongformTypography__NSIeN ol,.LongformTypography_LongformTypography__NSIeN p,.LongformTypography_LongformTypography__NSIeN ul{margin-bottom:1.25rem}.LongformTypography_LongformTypography__NSIeN img,.LongformTypography_LongformTypography__NSIeN video{margin:1.5rem 0;border-radius:var(--radius-300);overflow:hidden}.LongformTypography_LongformTypography__NSIeN img.LongformTypography_screenshot__H6mrB,.LongformTypography_LongformTypography__NSIeN picture>img{box-shadow:0 0 0 1px hsla(0,0%,100%,.125)}.LongformTypography_LongformTypography__NSIeN.LongformTypography_imageBleed__UaSKQ p img{display:block;max-width:calc(100% + 300px);position:relative;left:50%;transform:translate(-50%);border-radius:var(--radius-100)}@media screen and (max-width:1000px){.LongformTypography_LongformTypography__NSIeN.LongformTypography_imageBleed__UaSKQ p img{margin:2rem 0;max-width:100%}}.LongformTypography_LongformTypography__NSIeN b,.LongformTypography_LongformTypography__NSIeN strong{font-weight:600}.LongformTypography_LongformTypography__NSIeN code{font-family:var(--font-family-code),monospace;color:#fff}.LongformTypography_LongformTypography__NSIeN pre{margin:1.25rem 0;background:var(--code-block-background);border-radius:var(--radius-300);line-height:1.66;font-size:.825rem;white-space:pre;border:1px solid hsla(0,0%,100%,.125)}.LongformTypography_LongformTypography__NSIeN a>code,.LongformTypography_LongformTypography__NSIeN h2>code,.LongformTypography_LongformTypography__NSIeN h3>code,.LongformTypography_LongformTypography__NSIeN h4>code,.LongformTypography_LongformTypography__NSIeN li>code,.LongformTypography_LongformTypography__NSIeN p>code{padding:.25rem;background:var(--code-block-background);border:1px solid hsla(0,0%,100%,.125);border-radius:var(--radius-300);font-size:.9em}.LongformTypography_LongformTypography__NSIeN a>code{color:var(--color-link)}.LongformTypography_LongformTypography__NSIeN ul>li{margin:0 0 .25rem;padding-left:1.4rem;position:relative}.LongformTypography_LongformTypography__NSIeN ul>li:before{content:"";display:block;opacity:.5;position:absolute;width:7px;height:7px;left:0;top:.625em;background:var(--body-text-color);border-radius:var(--radius-100)}.LongformTypography_LongformTypography__NSIeN ol{counter-reset:list}.LongformTypography_LongformTypography__NSIeN ol>li{margin:0 0 .25rem;padding-left:1.4rem;position:relative}.LongformTypography_LongformTypography__NSIeN ol>li:before{counter-increment:list;content:counter(list) ".";display:block;position:absolute;width:7px;height:7px;left:0;top:0;border-radius:var(--radius-round)}.LongformTypography_LongformTypography__NSIeN hr{margin:2rem 0;border:none;height:1px;background:#444;width:8rem}.LongformTypography_LongformTypography__NSIeN a{color:var(--color-link)}.LongformTypography_LongformTypography__NSIeN a[href*="github.com"]:before{content:"";display:inline-block;width:14px;height:14px;background:url(/github-mark-white.svg) no-repeat;background-size:cover;margin-right:4px;position:relative;top:1px;filter:sepia(8) saturate(8) hue-rotate(57deg) brightness(.9);margin-left:.25rem}.CodeExample_CodeExample__KW1h9{margin:1.5rem 0;--border-color:hsla(0,0%,100%,.15);border-radius:var(--radius-200);overflow:hidden;box-shadow:0 0 0 1px var(--border-color);position:relative}.CodeExample_CodeExample__KW1h9.CodeExample_hasHeight__LE3Q7:after{display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:10px;background:linear-gradient(180deg,hsla(0,0%,8%,0),#141414);pointer-events:none}.CodeExample_CodeExample__KW1h9 pre{margin:0!important;border:none!important;border-radius:0}.CodeExample_CodeExample__KW1h9 .CodeExample_Tabs__9BGDH{display:flex;background:var(--code-block-background);border-bottom:1px solid var(--border-color)}.CodeExample_CodeExample__KW1h9 .CodeExample_Tabs__9BGDH button{background:transparent;outline:none;color:#aaa;padding:.6rem 1rem;font-size:.75rem;cursor:pointer;border:none;border-right:1px solid var(--border-color)}.CodeExample_CodeExample__KW1h9 .CodeExample_Tabs__9BGDH button:hover,.CodeExample_CodeExample__KW1h9 .CodeExample_Tabs__9BGDH button[aria-selected=true]{color:#fff;background:hsla(0,0%,100%,.025)}.CodeExample_CodeExample__KW1h9 .CodeExample_Tabs__9BGDH+div>div>div>pre{margin-top:0;border-radius:0 0 var(--radius-300) var(--radius-300)}.CodeExample_CodeWrapper__fN9bv{position:relative;overflow:auto;background:var(--code-block-background)}.Markdown_EmbedContainer__2UiGX{margin:1.5rem 0;position:relative}.Markdown_EmbedContainer__2UiGX embed,.Markdown_EmbedContainer__2UiGX iframe,.Markdown_EmbedContainer__2UiGX object{width:100%;height:auto;border-radius:12px;aspect-ratio:16/9}.Markdown_HighlightedCode__bZScn{position:relative;cursor:text}.Markdown_HighlightedCode__bZScn .Markdown_CopyToClipboard__jw14J{opacity:0}.Markdown_HighlightedCode__bZScn:hover .Markdown_CopyToClipboard__jw14J{opacity:1}.Markdown_HighlightedCode__bZScn code{overflow:auto;display:block;padding:.75rem 1rem}.Markdown_CopyToClipboard__jw14J{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;background:transparent url(/icon-copy.svg) no-repeat 50%;border-radius:var(--radius-300);z-index:1;transition:all .1s linear}.Markdown_CopyToClipboard__jw14J:not(.Markdown_didCopy__pzZgP):hover{filter:invert(1);background-color:#000}.Markdown_CopyToClipboard__jw14J.Markdown_didCopy__pzZgP{filter:invert(1);background-color:#a21563}.ExamplesPage_ExamplesPage__MwsuO h1{font-size:1.05rem;font-weight:600;letter-spacing:0;line-height:1.33;margin:0}@media screen and (max-width:1000px){.ExamplesPage_ExamplesPage__MwsuO h1{font-size:1.15rem}}.ExamplesPage_ExamplesPage__MwsuO h2{margin-bottom:1rem;font-size:2.5rem;font-weight:700;letter-spacing:-.025rem;line-height:1.15;margin-top:1rem}@media screen and (max-width:1000px){.ExamplesPage_ExamplesPage__MwsuO h2{font-size:2rem}}.ExamplesPage_Header__3P_II{display:flex;justify-content:space-between;padding-bottom:1rem;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1)}.ExamplesPage_Back__T5Cqg{position:absolute;font-size:3rem;opacity:.15;transform:translateX(-4.25rem) translateY(-.125rem);line-height:1;font-weight:325;color:#fff}.ExamplesPage_Back__T5Cqg:focus-visible,.ExamplesPage_Back__T5Cqg:hover{opacity:1}@media screen and (max-width:1000px){.ExamplesPage_Back__T5Cqg{display:none}}.ExamplesPage_GridIntro__2wSRC h2{margin-bottom:1rem;font-size:2rem;font-weight:700;letter-spacing:-.033rem;line-height:1.33}@media screen and (max-width:1000px){.ExamplesPage_GridIntro__2wSRC h2{font-size:1.66rem}}.ExamplesPage_Nav__BAuS1{display:flex;gap:.25rem}@media screen and (max-width:500px){.ExamplesPage_Nav__BAuS1{flex-direction:column}}.ExamplesPage_Nav__BAuS1 li a{display:inline-block;padding:.25rem .85rem .33rem;font-weight:600;font-size:.8rem;border-radius:100px}.ExamplesPage_Nav__BAuS1 li a.ExamplesPage_isCurrent__dygTY{background:#fff;color:var(--body-background)}.ExamplesPage_Nav__BAuS1 li a:not(.ExamplesPage_isCurrent__dygTY):hover{color:#fff}.ExamplesPage_Grid__0sPyF{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:3rem 1.75rem;gap:3rem 1.75rem;margin-top:.5rem}@media screen and (max-width:1000px){.ExamplesPage_Grid__0sPyF{grid-template-columns:1fr 1fr}}@media screen and (max-width:500px){.ExamplesPage_Grid__0sPyF{grid-template-columns:1fr;gap:2.5rem}}.ExamplesPage_Grid__0sPyF li:hover img{transform:scale(1.01) translateY(-2px);box-shadow:0 0 0 1px hsla(0,0%,100%,.15),0 15px 25px rgba(0,0,0,.25)}.ExamplesPage_Grid__0sPyF li:hover p{color:hsla(0,0%,100%,.75)}.ExamplesPage_Grid__0sPyF img{margin:0;transition:all .15s ease-in-out}.ExamplesPage_Grid__0sPyF h3{font-size:1.05rem;font-weight:600;letter-spacing:0;line-height:1.33;margin-top:1.125rem;margin-bottom:.33rem}@media screen and (max-width:1000px){.ExamplesPage_Grid__0sPyF h3{font-size:1.15rem}}.ExamplesPage_Grid__0sPyF p{font-size:.9rem;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:hsla(0,0%,100%,.5);transition:all .15s ease-in-out;word-break:break-word}.ExamplesPage_Grid__0sPyF .ExamplesPage_Tags__8X_Xi{display:flex;flex-wrap:wrap;font-size:.7rem;gap:3px;margin-top:.66rem}.ExamplesPage_Grid__0sPyF .ExamplesPage_Tags__8X_Xi button{padding:0 .33rem .075rem;background:hsla(0,0%,100%,.025);border:1px solid hsla(0,0%,100%,.05);border-radius:var(--radius-300);color:hsla(0,0%,100%,.5)}.ExamplesPage_Grid__0sPyF .ExamplesPage_Tags__8X_Xi button:hover{background:hsla(0,0%,100%,.075)}.ExamplesPage_CurrentTag__NO7bA,.ExamplesPage_Grid__0sPyF .ExamplesPage_Tags__8X_Xi button.ExamplesPage_isSelected__i7sjR{background:#fff;color:var(--body-background)}.ExamplesPage_CurrentTag__NO7bA{display:inline-flex;align-items:center;border-radius:12px;padding:.125rem .125rem .175rem .66rem;margin-left:.5rem;font-size:.9rem;font-weight:600}.ExamplesPage_CurrentTag__NO7bA button{margin-left:.15rem;padding:.4rem .5rem;line-height:1;border-radius:6px;vertical-align:middle;background:none}