.code_snippets_main-grid__OLJEN{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:calc(100vw - 4rem);margin-left:auto;margin-right:auto;-moz-column-gap:1.6rem;column-gap:1.6rem;row-gap:2.4rem}@media(min-width:768px){.code_snippets_main-grid__OLJEN{max-width:calc(100vw - 6.4rem);-moz-column-gap:2.4rem;column-gap:2.4rem}}@media(min-width:1024px){.code_snippets_main-grid__OLJEN{grid-template-columns:repeat(12,minmax(0,1fr));gap:3.2rem}}@media(min-width:1440px){.code_snippets_main-grid__OLJEN{width:82.5%;max-width:1320px}}@media(min-width:768px){.code_snippets_main-grid__OLJEN{container-type:inline-size}}.code_snippets_main-grid-extra-spacing__3Ttk9{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:calc(100vw - 4rem);margin-left:auto;margin-right:auto;-moz-column-gap:1.6rem;column-gap:1.6rem;row-gap:4rem}@media(min-width:768px){.code_snippets_main-grid-extra-spacing__3Ttk9{max-width:calc(100vw - 6.4rem);-moz-column-gap:2.4rem;column-gap:2.4rem}}@media(min-width:1024px){.code_snippets_main-grid-extra-spacing__3Ttk9{grid-template-columns:repeat(12,minmax(0,1fr));gap:3.2rem}}@media(min-width:1440px){.code_snippets_main-grid-extra-spacing__3Ttk9{width:82.5%;max-width:1320px}}@media(min-width:768px){.code_snippets_main-grid-extra-spacing__3Ttk9{row-gap:5.2rem}}@media(min-width:1024px){.code_snippets_main-grid-extra-spacing__3Ttk9{row-gap:6.4rem}}@media(min-width:768px){.code_snippets_main-grid-extra-spacing__3Ttk9{-moz-column-gap:3.2rem;column-gap:3.2rem;row-gap:6.4rem}}.code_snippets_main-grid-large-row-gap__1wNHn{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:calc(100vw - 4rem);margin-left:auto;margin-right:auto;-moz-column-gap:1.6rem;column-gap:1.6rem;row-gap:4rem}@media(min-width:768px){.code_snippets_main-grid-large-row-gap__1wNHn{max-width:calc(100vw - 6.4rem);-moz-column-gap:2.4rem;column-gap:2.4rem}}@media(min-width:1024px){.code_snippets_main-grid-large-row-gap__1wNHn{grid-template-columns:repeat(12,minmax(0,1fr));gap:3.2rem}}@media(min-width:1440px){.code_snippets_main-grid-large-row-gap__1wNHn{width:82.5%;max-width:1320px}}@media(min-width:768px){.code_snippets_main-grid-large-row-gap__1wNHn{row-gap:5.2rem}}@media(min-width:1024px){.code_snippets_main-grid-large-row-gap__1wNHn{row-gap:6.4rem}}.code_snippets_grid-helper__xb8yE{position:fixed;z-index:9999;top:0;right:0;left:0;display:none;height:100%;pointer-events:none}.code_snippets_grid-helper__xb8yE.code_snippets_visible__Ia7Fu{display:grid}.code_snippets_grid-helper-col__tPdok{display:none;width:100%;height:100%;background-color:red;opacity:.2}.code_snippets_grid-helper-col__tPdok:nth-child(-n+4){display:block}@media(min-width:1024px){.code_snippets_grid-helper-col__tPdok{display:block}}.code_snippets_root__npRyk{display:flex;flex-direction:column;gap:1.6rem;margin:1.6rem 0;width:100%}.code_snippets_container__OsLM4{position:relative;background-color:#fafafa;border-radius:.6rem;border:1px solid #dde5ec;padding:1.6rem}.code_snippets_container__OsLM4 code{display:block;overflow-x:auto;white-space:pre;font-size:14px!important}.code_snippets_container__OsLM4 code pre{padding:0!important;margin:0!important}.code_snippets_fadeEffect__QeJ8y{position:absolute;top:1.6rem;right:.8rem;z-index:10;width:96px;height:24px;background:linear-gradient(90deg,rgba(248,250,252,0),#f8fafc 65.1%)}.code_snippets_syntaxLoading__8mSwI{display:inline-block;padding:.4rem .8rem;color:#c4d1de;font-size:14px;font-style:italic}.code_snippets_copyButton__PVRFt{position:absolute;top:1.6rem;right:.8rem;display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;background-color:#fff;border-radius:.3rem;border:1px solid #c4d1de;color:#6d7682;z-index:100}.code_snippets_copyButton__PVRFt:hover{color:#1770e5}.code_snippets_copyButton__PVRFt:focus-visible{outline:2px solid #1770e5}.code_snippets_copiedText__eJtjf{position:absolute;top:-24px;right:8px;font-size:12px!important;color:#6d7682!important}