.code_snippets_main-grid__W3F5C{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__W3F5C{max-width:calc(100vw - 6.4rem);-moz-column-gap:2.4rem;column-gap:2.4rem}}@media(min-width:1024px){.code_snippets_main-grid__W3F5C{grid-template-columns:repeat(12,minmax(0,1fr));gap:3.2rem}}@media(min-width:1440px){.code_snippets_main-grid__W3F5C{width:82.5%;max-width:1320px}}@media(min-width:768px){.code_snippets_main-grid__W3F5C{container-type:inline-size}}.code_snippets_main-grid-extra-spacing__atWNp{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__atWNp{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__atWNp{grid-template-columns:repeat(12,minmax(0,1fr));gap:3.2rem}}@media(min-width:1440px){.code_snippets_main-grid-extra-spacing__atWNp{width:82.5%;max-width:1320px}}@media(min-width:768px){.code_snippets_main-grid-extra-spacing__atWNp{row-gap:5.2rem}}@media(min-width:1024px){.code_snippets_main-grid-extra-spacing__atWNp{row-gap:6.4rem}}@media(min-width:768px){.code_snippets_main-grid-extra-spacing__atWNp{-moz-column-gap:3.2rem;column-gap:3.2rem;row-gap:6.4rem}}.code_snippets_main-grid-large-row-gap__gzzd9{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__gzzd9{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__gzzd9{grid-template-columns:repeat(12,minmax(0,1fr));gap:3.2rem}}@media(min-width:1440px){.code_snippets_main-grid-large-row-gap__gzzd9{width:82.5%;max-width:1320px}}@media(min-width:768px){.code_snippets_main-grid-large-row-gap__gzzd9{row-gap:5.2rem}}@media(min-width:1024px){.code_snippets_main-grid-large-row-gap__gzzd9{row-gap:6.4rem}}.code_snippets_grid-helper__yIT2t{position:fixed;z-index:9999;top:0;right:0;left:0;display:none;height:100%;pointer-events:none}.code_snippets_grid-helper__yIT2t.code_snippets_visible__llDPQ{display:grid}.code_snippets_grid-helper-col__aR0Cw{display:none;width:100%;height:100%;background-color:red;opacity:.2}.code_snippets_grid-helper-col__aR0Cw:nth-child(-n+4){display:block}@media(min-width:1024px){.code_snippets_grid-helper-col__aR0Cw{display:block}}.code_snippets_root___RrLQ{margin-top:3.2rem}.code_snippets_itemContainer__lf7hg{display:flex;gap:1.6rem;margin-bottom:.8rem}.code_snippets_itemContainer__lf7hg .code_snippets_stepWrapper__HGPV6{flex:0 0 auto;margin-top:1.6rem}.code_snippets_itemContainer__lf7hg .code_snippets_stepWrapper__HGPV6 .code_snippets_stepIcon__nFJgs{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;background-color:#eff2f6;font-size:14px;line-height:14px;font-weight:600}.code_snippets_itemContainer__lf7hg .code_snippets_stepWrapper__HGPV6 .code_snippets_verticalLine___Omt0{inline-size:1px;block-size:calc(100% - 1.6rem - 8px);margin:.8rem auto 0;background-color:#c4d1de}.code_snippets_itemContainer__lf7hg:last-of-type .code_snippets_verticalLine___Omt0{block-size:calc(100% - 6.4rem);-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(#c4d1de),to(rgba(0,0,0,0)))}.code_snippets_itemContainer__lf7hg .code_snippets_content__l1stQ{flex:1 1 0;min-inline-size:0;overflow:hidden}